@phillips/seldon 1.201.0 → 1.203.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/components/PhoneNumberPicker/PhoneNumberPicker.d.ts +18 -0
- package/dist/components/PhoneNumberPicker/PhoneNumberPicker.js +39 -0
- package/dist/components/PhoneNumberPicker/PhoneNumberPicker.stories.d.ts +13 -0
- package/dist/components/PhoneNumberPicker/index.d.ts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +110 -109
- package/dist/node_modules/libphonenumber-js/es6/getCountries.js +7 -0
- package/dist/node_modules/libphonenumber-js/min/exports/getCountries.js +8 -0
- 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 +1 -5
- package/dist/patterns/FiltersInline/types.js +3 -4
- 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/{utils/staticContent.test.d.ts → components/PhoneNumberPicker/PhoneNumberPicker.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: {
|
|
@@ -0,0 +1,18 @@
|
|
|
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;
|
|
@@ -0,0 +1,39 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
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
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PhoneNumberPicker, type PhoneNumberPickerProps } from './PhoneNumberPicker';
|
package/dist/index.d.ts
CHANGED
|
@@ -62,6 +62,7 @@ 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';
|
|
65
66
|
export * from './components/PinchZoom';
|
|
66
67
|
export * from './components/SeldonImage';
|
|
67
68
|
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 m, findChildrenOfType as p, 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 b, LotStatus as V, SupportedLanguages as y } from "./types/commonTypes.js";
|
|
6
|
+
import { default as k } from "./components/Button/Button.js";
|
|
7
|
+
import { ButtonVariants as w } from "./components/Button/types.js";
|
|
8
|
+
import { default as F } from "./components/IconButton/IconButton.js";
|
|
9
|
+
import { default as H } 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 pe } 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 Ve } from "./components/Input/Input.js";
|
|
34
|
+
import { default as he } from "./components/Link/Link.js";
|
|
35
|
+
import { LinkVariants as ve } from "./components/Link/types.js";
|
|
36
|
+
import { default as De } from "./components/LinkBlock/LinkBlock.js";
|
|
37
|
+
import { default as Ne } from "./components/LinkList/LinkList.js";
|
|
38
|
+
import { default as Me } 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 pt } 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 Vt } from "./patterns/DetailList/DetailList.js";
|
|
60
|
+
import { DetailListAlignment as ht } from "./patterns/DetailList/types.js";
|
|
61
|
+
import { default as vt } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
|
|
62
|
+
import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
|
|
63
|
+
import { default as Nt } from "./patterns/TextBanner/TextBanner.js";
|
|
64
|
+
import { default as Mt } 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,60 +74,61 @@ 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 mo } 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 {
|
|
80
|
+
import { default as co } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
|
|
81
|
+
import { default as So } from "./patterns/FiltersInline/FiltersInline.js";
|
|
82
|
+
import { FilterButtonIconType as To, FilterButtonType as Bo } from "./patterns/FiltersInline/types.js";
|
|
83
|
+
import { default as Io } from "./patterns/SaleCard/SaleCard.js";
|
|
84
|
+
import { SaleCardActions as Lo } from "./patterns/SaleCard/SaleCardActions.js";
|
|
84
85
|
import { SaleCardVariants as Vo } from "./patterns/SaleCard/types.js";
|
|
85
|
-
import { default as
|
|
86
|
-
import { default as
|
|
87
|
-
import { default as
|
|
88
|
-
import { default as
|
|
86
|
+
import { default as ho } from "./patterns/ViewingDetails/ViewingDetails.js";
|
|
87
|
+
import { default as vo } from "./components/ProgressIndicator/ProgressIndicator.js";
|
|
88
|
+
import { default as Do } from "./site-furniture/Footer/Footer.js";
|
|
89
|
+
import { default as No } from "./site-furniture/Header/Header.js";
|
|
89
90
|
import { default as Mo } from "./components/AddToCalendar/AddToCalendar.js";
|
|
90
|
-
import { default as
|
|
91
|
-
import { default as
|
|
92
|
-
import { CountdownVariants as
|
|
93
|
-
import { default 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
|
|
91
|
+
import { default as Go } from "./components/Article/Article.js";
|
|
92
|
+
import { default as Uo } from "./components/Countdown/Countdown.js";
|
|
93
|
+
import { CountdownVariants as Qo } from "./components/Countdown/types.js";
|
|
94
|
+
import { default as zo } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
|
|
95
|
+
import { default as Yo } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
|
|
96
|
+
import { default as qo } from "./components/Divider/Divider.js";
|
|
97
|
+
import { default as Ko } from "./components/FavoritingTileButton/FavoritingTileButton.js";
|
|
98
|
+
import { default as _o } from "./components/Filter/Filter.js";
|
|
99
|
+
import { default as er } from "./components/Filter/FilterInput.js";
|
|
100
|
+
import { default as or } from "./components/Filter/FilterHeader.js";
|
|
101
|
+
import { default as ar } from "./components/NotificationBanner/NotificationBanner.js";
|
|
102
|
+
import { default as sr } from "./components/Pictogram/Pictogram.js";
|
|
103
|
+
import { default as dr } from "./components/TextArea/TextArea.js";
|
|
103
104
|
import { default as pr } from "./components/Toast/Toast.js";
|
|
104
|
-
import { ToastProvider as
|
|
105
|
-
import { useToast as
|
|
106
|
-
import { default as
|
|
107
|
-
import { default as
|
|
108
|
-
import { default as
|
|
109
|
-
import { BidMessageVariants as
|
|
110
|
-
import { default as
|
|
111
|
-
import { default as
|
|
112
|
-
import { default as
|
|
113
|
-
import { default as
|
|
105
|
+
import { ToastProvider as ir } from "./components/Toast/ToastContextProvider.js";
|
|
106
|
+
import { useToast as nr } from "./components/Toast/useToast.js";
|
|
107
|
+
import { default as gr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
|
|
108
|
+
import { default as Cr } from "./patterns/BidSnapshot/BidSnapshot.js";
|
|
109
|
+
import { default as Br } from "./patterns/BidSnapshot/BidMessage.js";
|
|
110
|
+
import { BidMessageVariants as Ir, BidStatusEnum as Ar } from "./patterns/BidSnapshot/types.js";
|
|
111
|
+
import { default as br } from "./patterns/FilterMenu/FilterMenu.js";
|
|
112
|
+
import { default as yr } from "./patterns/ObjectTile/ObjectTile.js";
|
|
113
|
+
import { default as kr } from "./patterns/CountryPicker/CountryPicker.js";
|
|
114
|
+
import { default as wr } from "./patterns/PhoneNumberInput/PhoneNumberInput.js";
|
|
114
115
|
export {
|
|
115
|
-
|
|
116
|
+
H as Accordion,
|
|
116
117
|
E as AccordionItem,
|
|
117
118
|
R as AccordionItemVariant,
|
|
118
119
|
U as AccordionVariants,
|
|
119
|
-
|
|
120
|
+
gr as AccountPageHeader,
|
|
120
121
|
Mo as AddToCalendar,
|
|
121
|
-
|
|
122
|
-
|
|
122
|
+
Go as Article,
|
|
123
|
+
b as AuctionStatus,
|
|
123
124
|
qt as AuthState,
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
125
|
+
Br as BidMessage,
|
|
126
|
+
Ir as BidMessageVariants,
|
|
127
|
+
Cr as BidSnapshot,
|
|
128
|
+
Ar as BidStatusEnum,
|
|
128
129
|
Q as Breadcrumb,
|
|
129
|
-
|
|
130
|
-
|
|
130
|
+
k as Button,
|
|
131
|
+
w as ButtonVariants,
|
|
131
132
|
Y as Carousel,
|
|
132
133
|
q as CarouselArrows,
|
|
133
134
|
K as CarouselContent,
|
|
@@ -139,65 +140,65 @@ export {
|
|
|
139
140
|
ao as ComboBox,
|
|
140
141
|
so as ComposedModal,
|
|
141
142
|
de as ContentPeek,
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
143
|
+
pe as ContentPeekHeightUnits,
|
|
144
|
+
Uo as Countdown,
|
|
145
|
+
Qo as CountdownVariants,
|
|
146
|
+
kr as CountryPicker,
|
|
147
|
+
zo as DescriptiveRadioButton,
|
|
148
|
+
Yo as DescriptiveRadioButtonGroup,
|
|
148
149
|
ie as Detail,
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
150
|
+
Vt as DetailList,
|
|
151
|
+
ht as DetailListAlignment,
|
|
152
|
+
qo as Divider,
|
|
152
153
|
ne as Drawer,
|
|
153
154
|
ge as Dropdown,
|
|
154
155
|
Ce as ErrorBoundary,
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
ko as Footer,
|
|
156
|
+
mo as ExitGateCard,
|
|
157
|
+
vt as FavoritesCollectionTile,
|
|
158
|
+
Ko as FavoritingTileButton,
|
|
159
|
+
_o as Filter,
|
|
160
|
+
To as FilterButtonIconType,
|
|
161
|
+
Bo as FilterButtonType,
|
|
162
|
+
or as FilterHeader,
|
|
163
|
+
er as FilterInput,
|
|
164
|
+
br as FilterMenu,
|
|
165
|
+
So as FiltersInline,
|
|
166
|
+
Do as Footer,
|
|
167
167
|
Be as Grid,
|
|
168
168
|
Ie as GridItem,
|
|
169
169
|
Le as GridItemAlign,
|
|
170
|
-
|
|
171
|
-
|
|
170
|
+
No as Header,
|
|
171
|
+
Dt as HeroBanner,
|
|
172
172
|
z as Icon,
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
173
|
+
F as IconButton,
|
|
174
|
+
Ve as Input,
|
|
175
|
+
Mt as LanguageSelector,
|
|
176
|
+
he as Link,
|
|
177
|
+
De as LinkBlock,
|
|
178
|
+
Ne as LinkList,
|
|
179
|
+
ve as LinkVariants,
|
|
180
180
|
uo as Loader,
|
|
181
|
-
|
|
182
|
-
|
|
181
|
+
V as LotStatus,
|
|
182
|
+
Me 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
|
+
ar as NotificationBanner,
|
|
188
|
+
yr as ObjectTile,
|
|
189
189
|
a as PaddingTokens,
|
|
190
190
|
C as Page,
|
|
191
191
|
xo as PageContentWrapper,
|
|
192
192
|
Ye as Pagination,
|
|
193
|
-
|
|
194
|
-
|
|
193
|
+
wr as PhoneNumberInput,
|
|
194
|
+
co as PhoneNumberPicker,
|
|
195
|
+
sr as Pictogram,
|
|
195
196
|
qe as PinchZoom,
|
|
196
|
-
|
|
197
|
+
vo as ProgressIndicator,
|
|
197
198
|
Ke as Row,
|
|
198
199
|
B as SSRMediaQuery,
|
|
199
|
-
|
|
200
|
-
|
|
200
|
+
Io as SaleCard,
|
|
201
|
+
Lo as SaleCardActions,
|
|
201
202
|
Vo as SaleCardVariants,
|
|
202
203
|
Gt as SaleHeaderBanner,
|
|
203
204
|
Ut as SaleHeaderBrowseAuctions,
|
|
@@ -214,27 +215,27 @@ export {
|
|
|
214
215
|
Yt as SubscriptionState,
|
|
215
216
|
y as SupportedLanguages,
|
|
216
217
|
dt as TabsContainer,
|
|
217
|
-
|
|
218
|
+
pt as TabsContent,
|
|
218
219
|
it as Tag,
|
|
219
220
|
xt as TagsList,
|
|
220
221
|
Ct as Text,
|
|
221
222
|
ct as TextAlignments,
|
|
222
|
-
|
|
223
|
-
|
|
223
|
+
dr as TextArea,
|
|
224
|
+
Nt as TextBanner,
|
|
224
225
|
Bt as TextSymbolVariants,
|
|
225
226
|
It as TextSymbols,
|
|
226
227
|
gt as TextVariants,
|
|
227
228
|
pr as Toast,
|
|
228
|
-
|
|
229
|
+
ir as ToastProvider,
|
|
229
230
|
Kt as UserManagement,
|
|
230
231
|
Lt as Video,
|
|
231
|
-
|
|
232
|
+
ho as ViewingDetails,
|
|
232
233
|
eo as ViewingsList,
|
|
233
234
|
s as defaultYear,
|
|
234
235
|
l as emailValidation,
|
|
235
236
|
d as encodeURLSearchParams,
|
|
236
|
-
|
|
237
|
-
|
|
237
|
+
m as findChildrenExcludingTypes,
|
|
238
|
+
p as findChildrenOfType,
|
|
238
239
|
u as focusElementById,
|
|
239
240
|
i as generatePaddingClassName,
|
|
240
241
|
x as getCommonProps,
|
|
@@ -243,5 +244,5 @@ export {
|
|
|
243
244
|
P as ssrMediaQueryStyle,
|
|
244
245
|
g as useNormalizedInputProps,
|
|
245
246
|
A as usePendingState,
|
|
246
|
-
|
|
247
|
+
nr as useToast
|
|
247
248
|
};
|
|
@@ -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 FilterButton = {
|
|
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 FilterButtonProps = {
|
|
|
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<FilterButton & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -20,10 +20,6 @@ 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
|
-
}
|
|
27
23
|
/**
|
|
28
24
|
* Represents a single filter option (e.g., for a dropdown or button group).
|
|
29
25
|
*/
|
|
@@ -62,7 +58,7 @@ export type FilterType = {
|
|
|
62
58
|
/** Unique identifier for the filter group */
|
|
63
59
|
id: string;
|
|
64
60
|
/** Type of filter (e.g., 'checkbox', 'radio') */
|
|
65
|
-
type:
|
|
61
|
+
type: 'checkbox' | 'radio';
|
|
66
62
|
/** Set of filter dimensions/options for this filter group */
|
|
67
63
|
filterDimensions: Set<FilterDimension>;
|
|
68
64
|
/** FilterType for the filter */
|
|
@@ -1,6 +1,5 @@
|
|
|
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 || {}), h = /* @__PURE__ */ ((r) => (r.Filter = "Filter", r.Sort = "Sort", r.ChevronUp = "ChevronUp", r.ChevronDown = "ChevronDown", r))(h || {});
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
a as FilterButtonType
|
|
5
|
-
h as FilterInputType
|
|
3
|
+
h as FilterButtonIconType,
|
|
4
|
+
a as FilterButtonType
|
|
6
5
|
};
|
|
@@ -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: $black
|
|
29
|
-
border: 1px solid $
|
|
28
|
+
accent-color: $soft-black;
|
|
29
|
+
border: 1px solid $keyline-gray;
|
|
30
30
|
border-radius: 0.1875rem;
|
|
31
31
|
font-variation-settings: 'wght' 600;
|
|
32
32
|
outline: none;
|
package/package.json
CHANGED
|
File without changes
|