@phillips/seldon 1.200.0 → 1.202.0
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/components/Button/Button.stories.d.ts +2 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.js +109 -110
- package/dist/patterns/FiltersInline/FilterButton.d.ts +2 -2
- package/dist/patterns/FiltersInline/index.d.ts +1 -1
- package/dist/patterns/FiltersInline/types.d.ts +5 -1
- package/dist/patterns/FiltersInline/types.js +4 -3
- package/dist/scss/components/Button/_button.scss +9 -5
- package/dist/scss/components/ComboBox/_combobox.scss +2 -2
- package/package.json +1 -1
- package/dist/components/PhoneNumberPicker/PhoneNumberPicker.d.ts +0 -18
- package/dist/components/PhoneNumberPicker/PhoneNumberPicker.js +0 -39
- package/dist/components/PhoneNumberPicker/PhoneNumberPicker.stories.d.ts +0 -13
- package/dist/components/PhoneNumberPicker/index.d.ts +0 -1
- package/dist/node_modules/libphonenumber-js/es6/getCountries.js +0 -7
- package/dist/node_modules/libphonenumber-js/min/exports/getCountries.js +0 -8
- /package/dist/{components/PhoneNumberPicker/PhoneNumberPicker.test.d.ts → utils/staticContent.test.d.ts} +0 -0
|
@@ -16,7 +16,9 @@ declare const meta: {
|
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
export default meta;
|
|
19
|
+
export declare const ButtonDisabled: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
20
|
export declare const ButtonWithIcon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare const ButtonWithIconDisabled: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
22
|
export declare const ButtonAsLink: {
|
|
21
23
|
(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
22
24
|
args: {
|
package/dist/index.d.ts
CHANGED
|
@@ -62,7 +62,6 @@ export * from './components/Detail';
|
|
|
62
62
|
export * from './components/ExitGateCard';
|
|
63
63
|
export * from './components/Loader';
|
|
64
64
|
export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
|
|
65
|
-
export * from './components/PhoneNumberPicker';
|
|
66
65
|
export * from './components/PinchZoom';
|
|
67
66
|
export * from './components/SeldonImage';
|
|
68
67
|
export * from './components/Tabs';
|
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as
|
|
1
|
+
import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as p, findChildrenOfType as m, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as c, useNormalizedInputProps as g } from "./utils/index.js";
|
|
2
2
|
import { default as C } from "./pages/Page.js";
|
|
3
3
|
import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
|
|
4
4
|
import { usePendingState as A } from "./utils/hooks.js";
|
|
5
|
-
import { AuctionStatus as
|
|
6
|
-
import { default as
|
|
7
|
-
import { ButtonVariants as
|
|
8
|
-
import { default as
|
|
9
|
-
import { default as
|
|
5
|
+
import { AuctionStatus as V, LotStatus as b, SupportedLanguages as y } from "./types/commonTypes.js";
|
|
6
|
+
import { default as F } from "./components/Button/Button.js";
|
|
7
|
+
import { ButtonVariants as k } from "./components/Button/types.js";
|
|
8
|
+
import { default as D } from "./components/IconButton/IconButton.js";
|
|
9
|
+
import { default as M } from "./components/Accordion/Accordion.js";
|
|
10
10
|
import { default as E } from "./components/Accordion/AccordionItem.js";
|
|
11
11
|
import { AccordionItemVariant as R, AccordionVariants as U } from "./components/Accordion/types.js";
|
|
12
12
|
import { default as Q } from "./components/Breadcrumb/Breadcrumb.js";
|
|
@@ -22,7 +22,7 @@ import { default as oe } from "./components/Collapsible/Collapsible.js";
|
|
|
22
22
|
import { default as ae } from "./components/Collapsible/CollapsibleContent.js";
|
|
23
23
|
import { default as se } from "./components/Collapsible/CollapsibleTrigger.js";
|
|
24
24
|
import { default as de } from "./components/ContentPeek/ContentPeek.js";
|
|
25
|
-
import { HeightUnits as
|
|
25
|
+
import { HeightUnits as me } from "./components/ContentPeek/utils.js";
|
|
26
26
|
import { default as ie } from "./components/Detail/Detail.js";
|
|
27
27
|
import { default as ne } from "./components/Drawer/Drawer.js";
|
|
28
28
|
import { default as ge } from "./components/Dropdown/Dropdown.js";
|
|
@@ -30,12 +30,12 @@ import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
|
|
|
30
30
|
import { default as Be } from "./components/Grid/Grid.js";
|
|
31
31
|
import { default as Ie } from "./components/GridItem/GridItem.js";
|
|
32
32
|
import { GridItemAlign as Le } from "./components/GridItem/types.js";
|
|
33
|
-
import { default as
|
|
34
|
-
import { default as
|
|
35
|
-
import { LinkVariants as
|
|
36
|
-
import { default as
|
|
37
|
-
import { default as
|
|
38
|
-
import { default as
|
|
33
|
+
import { default as be } from "./components/Input/Input.js";
|
|
34
|
+
import { default as ve } from "./components/Link/Link.js";
|
|
35
|
+
import { LinkVariants as he } from "./components/Link/types.js";
|
|
36
|
+
import { default as we } from "./components/LinkBlock/LinkBlock.js";
|
|
37
|
+
import { default as He } from "./components/LinkList/LinkList.js";
|
|
38
|
+
import { default as Ne } from "./components/Modal/Modal.js";
|
|
39
39
|
import { default as Ge } from "./components/Navigation/Navigation.js";
|
|
40
40
|
import { default as Ue } from "./components/Navigation/NavigationItem/NavigationItem.js";
|
|
41
41
|
import { default as Qe } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
|
|
@@ -49,19 +49,19 @@ import { default as ot } from "./components/Select/Select.js";
|
|
|
49
49
|
import { SelectVariants as at } from "./components/Select/types.js";
|
|
50
50
|
import { default as st } from "./components/SplitPanel/SplitPanel.js";
|
|
51
51
|
import { default as dt } from "./components/Tabs/TabsContainer.js";
|
|
52
|
-
import { default as
|
|
52
|
+
import { default as mt } from "./components/Tabs/TabsContent.js";
|
|
53
53
|
import { Tag as it, default as xt } from "./components/Tags/Tags.js";
|
|
54
54
|
import { TextAlignments as ct, TextVariants as gt } from "./components/Text/types.js";
|
|
55
55
|
import { default as Ct } from "./components/Text/Text.js";
|
|
56
56
|
import { TextSymbolVariants as Bt } from "./components/TextSymbol/types.js";
|
|
57
57
|
import { default as It } from "./components/TextSymbol/TextSymbol.js";
|
|
58
58
|
import { default as Lt } from "./components/Video/Video.js";
|
|
59
|
-
import { default as
|
|
60
|
-
import { DetailListAlignment as
|
|
61
|
-
import { default as
|
|
62
|
-
import { default as
|
|
63
|
-
import { default as
|
|
64
|
-
import { default as
|
|
59
|
+
import { default as bt } from "./patterns/DetailList/DetailList.js";
|
|
60
|
+
import { DetailListAlignment as vt } from "./patterns/DetailList/types.js";
|
|
61
|
+
import { default as ht } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
|
|
62
|
+
import { default as wt } from "./patterns/HeroBanner/HeroBanner.js";
|
|
63
|
+
import { default as Ht } from "./patterns/TextBanner/TextBanner.js";
|
|
64
|
+
import { default as Nt } from "./patterns/LanguageSelector/LanguageSelector.js";
|
|
65
65
|
import { default as Gt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
|
|
66
66
|
import { default as Ut } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
|
|
67
67
|
import { default as Qt } from "./patterns/Social/Social.js";
|
|
@@ -74,61 +74,60 @@ import { default as eo } from "./patterns/ViewingsList/ViewingsList.js";
|
|
|
74
74
|
import { SeldonProvider as oo } from "./providers/SeldonProvider/SeldonProvider.js";
|
|
75
75
|
import { default as ao } from "./components/ComboBox/ComboBox.js";
|
|
76
76
|
import { default as so } from "./components/ComposedModal/ComposedModal.js";
|
|
77
|
-
import { default as
|
|
77
|
+
import { default as po } from "./components/ExitGateCard/ExitGateCard.js";
|
|
78
78
|
import { default as uo } from "./components/Loader/Loader.js";
|
|
79
79
|
import { default as xo } from "./components/PageContentWrapper/PageContentWrapper.js";
|
|
80
|
-
import { default as co } from "./
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import { SaleCardActions as Lo } from "./patterns/SaleCard/SaleCardActions.js";
|
|
80
|
+
import { default as co } from "./patterns/FiltersInline/FiltersInline.js";
|
|
81
|
+
import { FilterButtonIconType as So, FilterButtonType as Co, FilterInputType as To } from "./patterns/FiltersInline/types.js";
|
|
82
|
+
import { default as Po } from "./patterns/SaleCard/SaleCard.js";
|
|
83
|
+
import { SaleCardActions as Ao } from "./patterns/SaleCard/SaleCardActions.js";
|
|
85
84
|
import { SaleCardVariants as Vo } from "./patterns/SaleCard/types.js";
|
|
86
|
-
import { default as
|
|
87
|
-
import { default as
|
|
88
|
-
import { default as
|
|
89
|
-
import { default as
|
|
85
|
+
import { default as yo } from "./patterns/ViewingDetails/ViewingDetails.js";
|
|
86
|
+
import { default as Fo } from "./components/ProgressIndicator/ProgressIndicator.js";
|
|
87
|
+
import { default as ko } from "./site-furniture/Footer/Footer.js";
|
|
88
|
+
import { default as Do } from "./site-furniture/Header/Header.js";
|
|
90
89
|
import { default as Mo } from "./components/AddToCalendar/AddToCalendar.js";
|
|
91
|
-
import { default as
|
|
92
|
-
import { default as
|
|
93
|
-
import { CountdownVariants as
|
|
94
|
-
import { default as
|
|
95
|
-
import { default as
|
|
96
|
-
import { default as
|
|
97
|
-
import { default as
|
|
98
|
-
import { default as
|
|
99
|
-
import { default as
|
|
100
|
-
import { default as
|
|
101
|
-
import { default as
|
|
102
|
-
import { default as
|
|
103
|
-
import { default as
|
|
90
|
+
import { default as Eo } from "./components/Article/Article.js";
|
|
91
|
+
import { default as Ro } from "./components/Countdown/Countdown.js";
|
|
92
|
+
import { CountdownVariants as Oo } from "./components/Countdown/types.js";
|
|
93
|
+
import { default as jo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
|
|
94
|
+
import { default as Wo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
|
|
95
|
+
import { default as Zo } from "./components/Divider/Divider.js";
|
|
96
|
+
import { default as Jo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
|
|
97
|
+
import { default as Xo } from "./components/Filter/Filter.js";
|
|
98
|
+
import { default as $o } from "./components/Filter/FilterInput.js";
|
|
99
|
+
import { default as tr } from "./components/Filter/FilterHeader.js";
|
|
100
|
+
import { default as rr } from "./components/NotificationBanner/NotificationBanner.js";
|
|
101
|
+
import { default as fr } from "./components/Pictogram/Pictogram.js";
|
|
102
|
+
import { default as lr } from "./components/TextArea/TextArea.js";
|
|
104
103
|
import { default as pr } from "./components/Toast/Toast.js";
|
|
105
|
-
import { ToastProvider as
|
|
106
|
-
import { useToast as
|
|
107
|
-
import { default as
|
|
108
|
-
import { default as
|
|
109
|
-
import { default as
|
|
110
|
-
import { BidMessageVariants as
|
|
111
|
-
import { default as
|
|
112
|
-
import { default as
|
|
113
|
-
import { default as
|
|
114
|
-
import { default as
|
|
104
|
+
import { ToastProvider as ur } from "./components/Toast/ToastContextProvider.js";
|
|
105
|
+
import { useToast as xr } from "./components/Toast/useToast.js";
|
|
106
|
+
import { default as cr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
|
|
107
|
+
import { default as Sr } from "./patterns/BidSnapshot/BidSnapshot.js";
|
|
108
|
+
import { default as Tr } from "./patterns/BidSnapshot/BidMessage.js";
|
|
109
|
+
import { BidMessageVariants as Pr, BidStatusEnum as Ir } from "./patterns/BidSnapshot/types.js";
|
|
110
|
+
import { default as Lr } from "./patterns/FilterMenu/FilterMenu.js";
|
|
111
|
+
import { default as br } from "./patterns/ObjectTile/ObjectTile.js";
|
|
112
|
+
import { default as vr } from "./patterns/CountryPicker/CountryPicker.js";
|
|
113
|
+
import { default as hr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
|
|
115
114
|
export {
|
|
116
|
-
|
|
115
|
+
M as Accordion,
|
|
117
116
|
E as AccordionItem,
|
|
118
117
|
R as AccordionItemVariant,
|
|
119
118
|
U as AccordionVariants,
|
|
120
|
-
|
|
119
|
+
cr as AccountPageHeader,
|
|
121
120
|
Mo as AddToCalendar,
|
|
122
|
-
|
|
123
|
-
|
|
121
|
+
Eo as Article,
|
|
122
|
+
V as AuctionStatus,
|
|
124
123
|
qt as AuthState,
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
124
|
+
Tr as BidMessage,
|
|
125
|
+
Pr as BidMessageVariants,
|
|
126
|
+
Sr as BidSnapshot,
|
|
127
|
+
Ir as BidStatusEnum,
|
|
129
128
|
Q as Breadcrumb,
|
|
130
|
-
|
|
131
|
-
|
|
129
|
+
F as Button,
|
|
130
|
+
k as ButtonVariants,
|
|
132
131
|
Y as Carousel,
|
|
133
132
|
q as CarouselArrows,
|
|
134
133
|
K as CarouselContent,
|
|
@@ -140,65 +139,65 @@ export {
|
|
|
140
139
|
ao as ComboBox,
|
|
141
140
|
so as ComposedModal,
|
|
142
141
|
de as ContentPeek,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
142
|
+
me as ContentPeekHeightUnits,
|
|
143
|
+
Ro as Countdown,
|
|
144
|
+
Oo as CountdownVariants,
|
|
145
|
+
vr as CountryPicker,
|
|
146
|
+
jo as DescriptiveRadioButton,
|
|
147
|
+
Wo as DescriptiveRadioButtonGroup,
|
|
149
148
|
ie as Detail,
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
149
|
+
bt as DetailList,
|
|
150
|
+
vt as DetailListAlignment,
|
|
151
|
+
Zo as Divider,
|
|
153
152
|
ne as Drawer,
|
|
154
153
|
ge as Dropdown,
|
|
155
154
|
Ce as ErrorBoundary,
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
155
|
+
po as ExitGateCard,
|
|
156
|
+
ht as FavoritesCollectionTile,
|
|
157
|
+
Jo as FavoritingTileButton,
|
|
158
|
+
Xo as Filter,
|
|
159
|
+
So as FilterButtonIconType,
|
|
160
|
+
Co as FilterButtonType,
|
|
161
|
+
tr as FilterHeader,
|
|
162
|
+
$o as FilterInput,
|
|
163
|
+
To as FilterInputType,
|
|
164
|
+
Lr as FilterMenu,
|
|
165
|
+
co as FiltersInline,
|
|
166
|
+
ko as Footer,
|
|
167
167
|
Be as Grid,
|
|
168
168
|
Ie as GridItem,
|
|
169
169
|
Le as GridItemAlign,
|
|
170
|
-
|
|
171
|
-
|
|
170
|
+
Do as Header,
|
|
171
|
+
wt as HeroBanner,
|
|
172
172
|
z as Icon,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
173
|
+
D as IconButton,
|
|
174
|
+
be as Input,
|
|
175
|
+
Nt as LanguageSelector,
|
|
176
|
+
ve as Link,
|
|
177
|
+
we as LinkBlock,
|
|
178
|
+
He as LinkList,
|
|
179
|
+
he as LinkVariants,
|
|
180
180
|
uo as Loader,
|
|
181
|
-
|
|
182
|
-
|
|
181
|
+
b as LotStatus,
|
|
182
|
+
Ne as Modal,
|
|
183
183
|
Ge as Navigation,
|
|
184
184
|
Ue as NavigationItem,
|
|
185
185
|
Qe as NavigationItemTrigger,
|
|
186
186
|
ze as NavigationList,
|
|
187
|
-
|
|
188
|
-
|
|
187
|
+
rr as NotificationBanner,
|
|
188
|
+
br as ObjectTile,
|
|
189
189
|
a as PaddingTokens,
|
|
190
190
|
C as Page,
|
|
191
191
|
xo as PageContentWrapper,
|
|
192
192
|
Ye as Pagination,
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
sr as Pictogram,
|
|
193
|
+
hr as PhoneNumberInput,
|
|
194
|
+
fr as Pictogram,
|
|
196
195
|
qe as PinchZoom,
|
|
197
|
-
|
|
196
|
+
Fo as ProgressIndicator,
|
|
198
197
|
Ke as Row,
|
|
199
198
|
B as SSRMediaQuery,
|
|
200
|
-
|
|
201
|
-
|
|
199
|
+
Po as SaleCard,
|
|
200
|
+
Ao as SaleCardActions,
|
|
202
201
|
Vo as SaleCardVariants,
|
|
203
202
|
Gt as SaleHeaderBanner,
|
|
204
203
|
Ut as SaleHeaderBrowseAuctions,
|
|
@@ -215,27 +214,27 @@ export {
|
|
|
215
214
|
Yt as SubscriptionState,
|
|
216
215
|
y as SupportedLanguages,
|
|
217
216
|
dt as TabsContainer,
|
|
218
|
-
|
|
217
|
+
mt as TabsContent,
|
|
219
218
|
it as Tag,
|
|
220
219
|
xt as TagsList,
|
|
221
220
|
Ct as Text,
|
|
222
221
|
ct as TextAlignments,
|
|
223
|
-
|
|
224
|
-
|
|
222
|
+
lr as TextArea,
|
|
223
|
+
Ht as TextBanner,
|
|
225
224
|
Bt as TextSymbolVariants,
|
|
226
225
|
It as TextSymbols,
|
|
227
226
|
gt as TextVariants,
|
|
228
227
|
pr as Toast,
|
|
229
|
-
|
|
228
|
+
ur as ToastProvider,
|
|
230
229
|
Kt as UserManagement,
|
|
231
230
|
Lt as Video,
|
|
232
|
-
|
|
231
|
+
yo as ViewingDetails,
|
|
233
232
|
eo as ViewingsList,
|
|
234
233
|
s as defaultYear,
|
|
235
234
|
l as emailValidation,
|
|
236
235
|
d as encodeURLSearchParams,
|
|
237
|
-
|
|
238
|
-
|
|
236
|
+
p as findChildrenExcludingTypes,
|
|
237
|
+
m as findChildrenOfType,
|
|
239
238
|
u as focusElementById,
|
|
240
239
|
i as generatePaddingClassName,
|
|
241
240
|
x as getCommonProps,
|
|
@@ -244,5 +243,5 @@ export {
|
|
|
244
243
|
P as ssrMediaQueryStyle,
|
|
245
244
|
g as useNormalizedInputProps,
|
|
246
245
|
A as usePendingState,
|
|
247
|
-
|
|
246
|
+
xr as useToast
|
|
248
247
|
};
|
|
@@ -3,7 +3,7 @@ import { FilterButtonIconType } from './types';
|
|
|
3
3
|
/**
|
|
4
4
|
* Props for the FilterButton component.
|
|
5
5
|
*/
|
|
6
|
-
export type
|
|
6
|
+
export type FilterButtonProps = {
|
|
7
7
|
/** Optional CSS class for the filter button */
|
|
8
8
|
className?: string;
|
|
9
9
|
/** The text label displayed on the button */
|
|
@@ -25,4 +25,4 @@ export type FilterButton = {
|
|
|
25
25
|
/** Total number of filters for this button */
|
|
26
26
|
totalCount: number;
|
|
27
27
|
};
|
|
28
|
-
export declare const FilterButton: React.ForwardRefExoticComponent<
|
|
28
|
+
export declare const FilterButton: React.ForwardRefExoticComponent<FilterButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -20,6 +20,10 @@ export declare enum FilterButtonIconType {
|
|
|
20
20
|
ChevronUp = "ChevronUp",// Chevron up icon
|
|
21
21
|
ChevronDown = "ChevronDown"
|
|
22
22
|
}
|
|
23
|
+
export declare enum FilterInputType {
|
|
24
|
+
Checkbox = "checkbox",
|
|
25
|
+
Radio = "radio"
|
|
26
|
+
}
|
|
23
27
|
/**
|
|
24
28
|
* Represents a single filter option (e.g., for a dropdown or button group).
|
|
25
29
|
*/
|
|
@@ -58,7 +62,7 @@ export type FilterType = {
|
|
|
58
62
|
/** Unique identifier for the filter group */
|
|
59
63
|
id: string;
|
|
60
64
|
/** Type of filter (e.g., 'checkbox', 'radio') */
|
|
61
|
-
type:
|
|
65
|
+
type: FilterInputType;
|
|
62
66
|
/** Set of filter dimensions/options for this filter group */
|
|
63
67
|
filterDimensions: Set<FilterDimension>;
|
|
64
68
|
/** FilterType for the filter */
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
var a = /* @__PURE__ */ ((r) => (r.Filter = "Filter", r.Sort = "Sort", r.Sale = "Sale", r.Departments = "Departments", r.Location = "Location", r.Month = "Month", r.Empty = "", r))(a || {}),
|
|
1
|
+
var a = /* @__PURE__ */ ((r) => (r.Filter = "Filter", r.Sort = "Sort", r.Sale = "Sale", r.Departments = "Departments", r.Location = "Location", r.Month = "Month", r.Empty = "", r))(a || {}), o = /* @__PURE__ */ ((r) => (r.Filter = "Filter", r.Sort = "Sort", r.ChevronUp = "ChevronUp", r.ChevronDown = "ChevronDown", r))(o || {}), h = /* @__PURE__ */ ((r) => (r.Checkbox = "checkbox", r.Radio = "radio", r))(h || {});
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
a as FilterButtonType
|
|
3
|
+
o as FilterButtonIconType,
|
|
4
|
+
a as FilterButtonType,
|
|
5
|
+
h as FilterInputType
|
|
5
6
|
};
|
|
@@ -104,6 +104,10 @@
|
|
|
104
104
|
&:hover {
|
|
105
105
|
background-color: transparent;
|
|
106
106
|
box-shadow: 0 0 0 1px rgba($pure-black, 1);
|
|
107
|
+
|
|
108
|
+
&:disabled {
|
|
109
|
+
box-shadow: none;
|
|
110
|
+
}
|
|
107
111
|
}
|
|
108
112
|
}
|
|
109
113
|
|
|
@@ -170,9 +174,9 @@
|
|
|
170
174
|
}
|
|
171
175
|
|
|
172
176
|
&:disabled {
|
|
173
|
-
background-color: $
|
|
174
|
-
border: 1px solid $
|
|
175
|
-
color: $
|
|
177
|
+
background-color: $grey-50;
|
|
178
|
+
border: 1px solid $grey-50;
|
|
179
|
+
color: $grey-75;
|
|
176
180
|
cursor: default;
|
|
177
181
|
|
|
178
182
|
&:hover {
|
|
@@ -182,10 +186,10 @@
|
|
|
182
186
|
}
|
|
183
187
|
|
|
184
188
|
svg {
|
|
185
|
-
fill: $
|
|
189
|
+
fill: $grey-75;
|
|
186
190
|
|
|
187
191
|
path {
|
|
188
|
-
fill: $
|
|
192
|
+
fill: $grey-75;
|
|
189
193
|
}
|
|
190
194
|
}
|
|
191
195
|
}
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
&__input {
|
|
26
26
|
@include text($string2);
|
|
27
27
|
|
|
28
|
-
accent-color: $
|
|
29
|
-
border: 1px solid $
|
|
28
|
+
accent-color: $black-100;
|
|
29
|
+
border: 1px solid $black-100;
|
|
30
30
|
border-radius: 0.1875rem;
|
|
31
31
|
font-variation-settings: 'wght' 600;
|
|
32
32
|
outline: none;
|
package/package.json
CHANGED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { ComboBoxProps } from '../ComboBox/ComboBox';
|
|
3
|
-
/**
|
|
4
|
-
* PhoneNumberPickerProps extends ComboBoxProps, allowing for all ComboBox options
|
|
5
|
-
* while adding any phone-specific props
|
|
6
|
-
*/
|
|
7
|
-
export type PhoneNumberPickerProps = Omit<ComboBoxProps, 'options'>;
|
|
8
|
-
/**
|
|
9
|
-
* ## Overview
|
|
10
|
-
*
|
|
11
|
-
* A component for entering and selecting phone number country codes
|
|
12
|
-
*
|
|
13
|
-
* [Figma Link](https://www.figma.com/design/rIefa3bRPyZbZmtyV9PSQv/My-Account?node-id=1-3&p=f&m=dev)
|
|
14
|
-
*
|
|
15
|
-
* [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-PhoneNumberPicker--overview)
|
|
16
|
-
*/
|
|
17
|
-
declare const PhoneNumberPicker: React.ForwardRefExoticComponent<PhoneNumberPickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export default PhoneNumberPicker;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import b from "../../node_modules/classnames/index.js";
|
|
3
|
-
import N, { useRef as P, useEffect as g, useMemo as h } from "react";
|
|
4
|
-
import { getCommonProps as x } from "../../utils/index.js";
|
|
5
|
-
import $ from "../ComboBox/ComboBox.js";
|
|
6
|
-
import { getCountries as _ } from "../../node_modules/libphonenumber-js/min/exports/getCountries.js";
|
|
7
|
-
import { getCountryCallingCode as k } from "../../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js";
|
|
8
|
-
const v = N.forwardRef((i, l) => {
|
|
9
|
-
const { className: f, id: t, value: o, onChange: a, ...u } = i, { className: n, ...p } = x({ id: t }, "PhoneNumberPicker"), m = P(o);
|
|
10
|
-
g(() => {
|
|
11
|
-
o && (m.current = o);
|
|
12
|
-
}, [o]);
|
|
13
|
-
const d = h(() => {
|
|
14
|
-
const r = _(), s = (e) => k(e);
|
|
15
|
-
return r.map((e) => ({
|
|
16
|
-
label: `(${e}) +${s(e)}`,
|
|
17
|
-
value: e,
|
|
18
|
-
displayValue: `+${s(e)}`
|
|
19
|
-
}));
|
|
20
|
-
}, []), C = (r, s) => {
|
|
21
|
-
r ? s && (m.current = r) : m.current = "", a && a(r, s);
|
|
22
|
-
};
|
|
23
|
-
return /* @__PURE__ */ c("div", { className: b(n, f), id: t, ...p, children: /* @__PURE__ */ c(
|
|
24
|
-
$,
|
|
25
|
-
{
|
|
26
|
-
ref: l,
|
|
27
|
-
className: `${n}__combobox`,
|
|
28
|
-
id: `${t}-combobox`,
|
|
29
|
-
options: d,
|
|
30
|
-
value: o,
|
|
31
|
-
onChange: C,
|
|
32
|
-
...u
|
|
33
|
-
}
|
|
34
|
-
) });
|
|
35
|
-
});
|
|
36
|
-
v.displayName = "PhoneNumberPicker";
|
|
37
|
-
export {
|
|
38
|
-
v as default
|
|
39
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { PhoneNumberPickerProps } from './PhoneNumberPicker';
|
|
2
|
-
declare const meta: {
|
|
3
|
-
title: string;
|
|
4
|
-
component: import('react').ForwardRefExoticComponent<PhoneNumberPickerProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
-
};
|
|
6
|
-
export default meta;
|
|
7
|
-
export declare const Playground: {
|
|
8
|
-
({ ...props }: PhoneNumberPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
args: {
|
|
10
|
-
labelText: string;
|
|
11
|
-
id: string;
|
|
12
|
-
};
|
|
13
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as PhoneNumberPicker, type PhoneNumberPickerProps } from './PhoneNumberPicker';
|
|
File without changes
|