@phillips/seldon 1.174.0 → 1.176.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/ProgressIndicator/ProgressIndicator.d.ts +43 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.js +62 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.stories.d.ts +52 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.test.d.ts +1 -0
- package/dist/components/ProgressIndicator/index.d.ts +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +92 -88
- package/dist/node_modules/@radix-ui/react-progress/dist/index.js +84 -0
- package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-primitive/dist/index.js +32 -0
- package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-slot/dist/index.js +49 -0
- package/dist/patterns/CountryPicker/CountryPicker.d.ts +14 -0
- package/dist/patterns/CountryPicker/CountryPicker.js +71 -0
- package/dist/patterns/CountryPicker/CountryPicker.stories.d.ts +14 -0
- package/dist/patterns/CountryPicker/CountryPicker.test.d.ts +1 -0
- package/dist/patterns/CountryPicker/CountryPickerCountryList.d.ts +34 -0
- package/dist/patterns/CountryPicker/CountryPickerCountryList.js +66 -0
- package/dist/patterns/CountryPicker/CountryPickerCountryList.test.d.ts +1 -0
- package/dist/patterns/CountryPicker/CountryPickerModal.d.ts +24 -0
- package/dist/patterns/CountryPicker/CountryPickerModal.js +117 -0
- package/dist/patterns/CountryPicker/CountryPickerModal.test.d.ts +1 -0
- package/dist/patterns/CountryPicker/CountryPickerOption.d.ts +20 -0
- package/dist/patterns/CountryPicker/CountryPickerOption.js +62 -0
- package/dist/patterns/CountryPicker/CountryPickerOption.test.d.ts +1 -0
- package/dist/patterns/CountryPicker/CountryPickerTrigger.d.ts +21 -0
- package/dist/patterns/CountryPicker/CountryPickerTrigger.js +67 -0
- package/dist/patterns/CountryPicker/CountryPickerTrigger.test.d.ts +1 -0
- package/dist/patterns/CountryPicker/constants.d.ts +899 -0
- package/dist/patterns/CountryPicker/constants.js +279 -0
- package/dist/patterns/CountryPicker/index.d.ts +1 -0
- package/dist/patterns/CountryPicker/types.d.ts +30 -0
- package/dist/patterns/CountryPicker/types.js +6 -0
- package/dist/patterns/CountryPicker/utils.d.ts +2 -0
- package/dist/patterns/CountryPicker/utils.js +9 -0
- package/dist/patterns/CountryPicker/utils.test.d.ts +1 -0
- package/dist/scss/componentStyles.scss +4 -0
- package/dist/scss/components/Input/_input.scss +0 -3
- package/dist/scss/components/ProgressIndicator/_progressIndicator.scss +59 -0
- package/dist/scss/patterns/CountryPicker/_countryPickerModal.scss +108 -0
- package/dist/scss/patterns/CountryPicker/_countryPickerOption.scss +71 -0
- package/dist/scss/patterns/CountryPicker/_countryPickerTrigger.scss +73 -0
- package/package.json +2 -1
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import * as Progress from '@radix-ui/react-progress';
|
|
3
|
+
export interface ProgressIndicatorProps extends Progress.ProgressProps, ComponentProps<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* Total number of steps in the progress indicator.
|
|
6
|
+
*/
|
|
7
|
+
totalSteps: number;
|
|
8
|
+
/**
|
|
9
|
+
* Current step number in the progress indicator.
|
|
10
|
+
*/
|
|
11
|
+
currentStep: number;
|
|
12
|
+
/**
|
|
13
|
+
* Optional labels for each step in the progress indicator.
|
|
14
|
+
* If supplied, only visible on desktop breakpoints.
|
|
15
|
+
*
|
|
16
|
+
*/
|
|
17
|
+
labels?: string[];
|
|
18
|
+
/**
|
|
19
|
+
* Optional class name for additional styling.
|
|
20
|
+
*/
|
|
21
|
+
className?: string;
|
|
22
|
+
/**
|
|
23
|
+
* Aria label for the progress indicator.
|
|
24
|
+
*/
|
|
25
|
+
progressIndicatorAriaLabel?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Aria label for the completed icon.
|
|
28
|
+
*/
|
|
29
|
+
completedIconAriaLabel?: string;
|
|
30
|
+
}
|
|
31
|
+
/**
|
|
32
|
+
* ## Overview
|
|
33
|
+
*
|
|
34
|
+
* This component provides a visual representation of a multi-step process.
|
|
35
|
+
*
|
|
36
|
+
*
|
|
37
|
+
* [Figma Link](https://www.figma.com/design/kSxOhnqIhilZ9hIJd3bPgP/RW-Registration?node-id=2996-50543&m=dev)
|
|
38
|
+
* [Figma Link 2](https://www.figma.com/design/kSxOhnqIhilZ9hIJd3bPgP/RW-Registration?node-id=2529-23889&m=dev)
|
|
39
|
+
*
|
|
40
|
+
* [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-progressindicator--overview)
|
|
41
|
+
*/
|
|
42
|
+
declare const ProgressIndicator: import('react').ForwardRefExoticComponent<Omit<ProgressIndicatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
43
|
+
export default ProgressIndicator;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as r, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import { Root as v } from "../../node_modules/@radix-ui/react-progress/dist/index.js";
|
|
3
|
+
import { forwardRef as M, Fragment as P } from "react";
|
|
4
|
+
import { getCommonProps as $ } from "../../utils/index.js";
|
|
5
|
+
import d from "../../node_modules/classnames/index.js";
|
|
6
|
+
import C from "../Icon/Icon.js";
|
|
7
|
+
import { TextVariants as h } from "../Text/types.js";
|
|
8
|
+
import _ from "../Text/Text.js";
|
|
9
|
+
const I = M(
|
|
10
|
+
({
|
|
11
|
+
totalSteps: c,
|
|
12
|
+
currentStep: f,
|
|
13
|
+
className: u,
|
|
14
|
+
progressIndicatorAriaLabel: p = "Progress Indicator",
|
|
15
|
+
completedIconAriaLabel: b = "Completed Icon",
|
|
16
|
+
...e
|
|
17
|
+
}, g) => {
|
|
18
|
+
const { className: a, ...N } = $(e, "ProgressIndicator");
|
|
19
|
+
if (c <= 0) return null;
|
|
20
|
+
const s = Math.max(1, Math.min(10, Math.floor(c))), l = Math.max(1, Math.min(s, Math.floor(f)));
|
|
21
|
+
return /* @__PURE__ */ r("div", { ...N, className: d(a, u), ...e, ref: g, children: /* @__PURE__ */ r(v, { value: l, max: s, "aria-label": p, children: /* @__PURE__ */ r("div", { className: `${a}__steps`, children: Array.from({ length: s }).map((T, t) => {
|
|
22
|
+
const o = t + 1, i = l > o, n = l === o;
|
|
23
|
+
return /* @__PURE__ */ m(P, { children: [
|
|
24
|
+
/* @__PURE__ */ m(
|
|
25
|
+
"div",
|
|
26
|
+
{
|
|
27
|
+
className: `${a}__item`,
|
|
28
|
+
"aria-current": n ? "step" : void 0,
|
|
29
|
+
"data-testid": `progress-step-${o}`,
|
|
30
|
+
children: [
|
|
31
|
+
/* @__PURE__ */ r(
|
|
32
|
+
"span",
|
|
33
|
+
{
|
|
34
|
+
className: d(`${a}__circle`, {
|
|
35
|
+
[`${a}__circle--active`]: i,
|
|
36
|
+
[`${a}__circle--current`]: n
|
|
37
|
+
}),
|
|
38
|
+
children: i ? /* @__PURE__ */ r(
|
|
39
|
+
C,
|
|
40
|
+
{
|
|
41
|
+
icon: "Success",
|
|
42
|
+
"aria-label": b,
|
|
43
|
+
color: "currentColor",
|
|
44
|
+
width: 20,
|
|
45
|
+
height: 20
|
|
46
|
+
}
|
|
47
|
+
) : /* @__PURE__ */ r(_, { variant: h.badge, children: o })
|
|
48
|
+
}
|
|
49
|
+
),
|
|
50
|
+
e.labels && e.labels[t] && /* @__PURE__ */ r("span", { className: `${a}__label`, children: /* @__PURE__ */ r(_, { variant: h.string2, children: e.labels[t] }) })
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
),
|
|
54
|
+
t < s - 1 ? /* @__PURE__ */ r("div", { className: `${a}__connector`, "aria-hidden": "true" }) : null
|
|
55
|
+
] }, e.labels ? e.labels[t] : t);
|
|
56
|
+
}) }) }) });
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
I.displayName = "ProgressIndicator";
|
|
60
|
+
export {
|
|
61
|
+
I as default
|
|
62
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ProgressIndicatorProps } from './ProgressIndicator';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<Omit<ProgressIndicatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Playground: {
|
|
8
|
+
(props: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
args: {
|
|
10
|
+
totalSteps: number;
|
|
11
|
+
currentStep: number;
|
|
12
|
+
};
|
|
13
|
+
argTypes: {
|
|
14
|
+
totalSteps: {
|
|
15
|
+
control: {
|
|
16
|
+
type: string;
|
|
17
|
+
min: number;
|
|
18
|
+
max: number;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
currentStep: {
|
|
22
|
+
control: {
|
|
23
|
+
type: string;
|
|
24
|
+
min: number;
|
|
25
|
+
max: number;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export declare const WithLabels: {
|
|
31
|
+
(props: ProgressIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
args: {
|
|
33
|
+
totalSteps: number;
|
|
34
|
+
currentStep: number;
|
|
35
|
+
};
|
|
36
|
+
argTypes: {
|
|
37
|
+
totalSteps: {
|
|
38
|
+
control: {
|
|
39
|
+
type: string;
|
|
40
|
+
min: number;
|
|
41
|
+
max: number;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
currentStep: {
|
|
45
|
+
control: {
|
|
46
|
+
type: string;
|
|
47
|
+
min: number;
|
|
48
|
+
max: number;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as ProgressIndicator, type ProgressIndicatorProps } from './ProgressIndicator';
|
package/dist/index.d.ts
CHANGED
|
@@ -70,6 +70,7 @@ export * from './patterns/FiltersInline';
|
|
|
70
70
|
export * from './patterns/SaleCard';
|
|
71
71
|
export * from './patterns/SaleHeaderBanner';
|
|
72
72
|
export * from './patterns/ViewingDetails';
|
|
73
|
+
export * from './components/ProgressIndicator';
|
|
73
74
|
export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
|
|
74
75
|
export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
|
|
75
76
|
export * from './types/commonTypes';
|
|
@@ -89,5 +90,6 @@ export * from './patterns/BidSnapshot';
|
|
|
89
90
|
export * from './patterns/FilterMenu';
|
|
90
91
|
export * from './patterns/ObjectTile';
|
|
91
92
|
export * from './utils/hooks';
|
|
93
|
+
export * from './patterns/CountryPicker';
|
|
92
94
|
export * from './components/DescriptiveRadioButton';
|
|
93
95
|
export * from './components/DescriptiveRadioButtonGroup';
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
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
|
|
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
|
-
import { SSRMediaQuery as
|
|
4
|
-
import { usePendingState as
|
|
5
|
-
import { AuctionStatus as V, LotStatus as b, SupportedLanguages as
|
|
6
|
-
import { default as
|
|
3
|
+
import { SSRMediaQuery as P, ssrMediaQueryStyle as B } from "./providers/SeldonProvider/utils.js";
|
|
4
|
+
import { usePendingState as A } from "./utils/hooks.js";
|
|
5
|
+
import { AuctionStatus as V, LotStatus as b, SupportedLanguages as y } from "./types/commonTypes.js";
|
|
6
|
+
import { default as v } from "./components/Button/Button.js";
|
|
7
7
|
import { ButtonVariants as w } from "./components/Button/types.js";
|
|
8
8
|
import { default as F } from "./components/IconButton/IconButton.js";
|
|
9
9
|
import { default as M } from "./components/Accordion/Accordion.js";
|
|
@@ -25,14 +25,14 @@ import { default as de } from "./components/ContentPeek/ContentPeek.js";
|
|
|
25
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
|
-
import { default as
|
|
28
|
+
import { default as ge } from "./components/Dropdown/Dropdown.js";
|
|
29
29
|
import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
|
|
30
|
-
import { default as
|
|
31
|
-
import { default as
|
|
30
|
+
import { default as Pe } from "./components/Grid/Grid.js";
|
|
31
|
+
import { default as Ie } from "./components/GridItem/GridItem.js";
|
|
32
32
|
import { GridItemAlign as Le } from "./components/GridItem/types.js";
|
|
33
33
|
import { default as be } from "./components/Input/Input.js";
|
|
34
|
-
import { default as
|
|
35
|
-
import { LinkVariants as
|
|
34
|
+
import { default as ke } from "./components/Link/Link.js";
|
|
35
|
+
import { LinkVariants as he } from "./components/Link/types.js";
|
|
36
36
|
import { default as De } from "./components/LinkBlock/LinkBlock.js";
|
|
37
37
|
import { default as He } from "./components/LinkList/LinkList.js";
|
|
38
38
|
import { default as Ne } from "./components/Modal/Modal.js";
|
|
@@ -51,14 +51,14 @@ import { default as st } from "./components/SplitPanel/SplitPanel.js";
|
|
|
51
51
|
import { default as dt } from "./components/Tabs/TabsContainer.js";
|
|
52
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
|
-
import { TextAlignments as
|
|
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
|
-
import { TextSymbolVariants as
|
|
57
|
-
import { default as
|
|
56
|
+
import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
|
|
57
|
+
import { default as It } from "./components/TextSymbol/TextSymbol.js";
|
|
58
58
|
import { default as Lt } from "./components/Video/Video.js";
|
|
59
59
|
import { default as bt } from "./patterns/DetailList/DetailList.js";
|
|
60
|
-
import { DetailListAlignment as
|
|
61
|
-
import { default as
|
|
60
|
+
import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
|
|
61
|
+
import { default as ht } from "./patterns/FavoritesCollectionTile/FavoritesCollectionTile.js";
|
|
62
62
|
import { default as Dt } from "./patterns/HeroBanner/HeroBanner.js";
|
|
63
63
|
import { default as Ht } from "./patterns/LanguageSelector/LanguageSelector.js";
|
|
64
64
|
import { default as Nt } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
|
|
@@ -77,52 +77,54 @@ import { default as so } from "./components/ExitGateCard/ExitGateCard.js";
|
|
|
77
77
|
import { default as mo } from "./components/Loader/Loader.js";
|
|
78
78
|
import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
|
|
79
79
|
import { default as xo } from "./components/PhoneNumberPicker/PhoneNumberPicker.js";
|
|
80
|
-
import { default as
|
|
80
|
+
import { default as co } from "./patterns/FiltersInline/FiltersInline.js";
|
|
81
81
|
import { FilterButtonIconType as So, FilterButtonType as Co } from "./patterns/FiltersInline/types.js";
|
|
82
|
-
import { default as
|
|
83
|
-
import { SaleCardActions as
|
|
82
|
+
import { default as Po } from "./patterns/SaleCard/SaleCard.js";
|
|
83
|
+
import { SaleCardActions as Io } from "./patterns/SaleCard/SaleCardActions.js";
|
|
84
84
|
import { SaleCardVariants as Lo } from "./patterns/SaleCard/types.js";
|
|
85
85
|
import { default as bo } from "./patterns/ViewingDetails/ViewingDetails.js";
|
|
86
|
-
import { default as
|
|
87
|
-
import { default as
|
|
88
|
-
import { default as Do } from "./
|
|
89
|
-
import { default as Ho } from "./components/
|
|
90
|
-
import { default as No } from "./components/
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import { default as Qo } from "./components/
|
|
94
|
-
import { default as zo } from "./components/
|
|
95
|
-
import { default as Yo } from "./components/Filter/
|
|
96
|
-
import { default as qo } from "./components/Filter/
|
|
97
|
-
import { default as Ko } from "./components/
|
|
98
|
-
import { default as _o } from "./components/
|
|
99
|
-
import { default as er } from "./components/
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import { default as dr } from "./patterns/
|
|
104
|
-
import { default as pr } from "./patterns/BidSnapshot/
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import { default as Sr } from "./patterns/
|
|
108
|
-
import { default as Tr } from "./
|
|
109
|
-
import { default as
|
|
86
|
+
import { default as ko } from "./components/ProgressIndicator/ProgressIndicator.js";
|
|
87
|
+
import { default as ho } from "./site-furniture/Footer/Footer.js";
|
|
88
|
+
import { default as Do } from "./site-furniture/Header/Header.js";
|
|
89
|
+
import { default as Ho } from "./components/AddToCalendar/AddToCalendar.js";
|
|
90
|
+
import { default as No } from "./components/Article/Article.js";
|
|
91
|
+
import { default as Go } from "./components/Countdown/Countdown.js";
|
|
92
|
+
import { CountdownVariants as Uo } from "./components/Countdown/types.js";
|
|
93
|
+
import { default as Qo } from "./components/Divider/Divider.js";
|
|
94
|
+
import { default as zo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
|
|
95
|
+
import { default as Yo } from "./components/Filter/Filter.js";
|
|
96
|
+
import { default as qo } from "./components/Filter/FilterInput.js";
|
|
97
|
+
import { default as Ko } from "./components/Filter/FilterHeader.js";
|
|
98
|
+
import { default as _o } from "./components/Pictogram/Pictogram.js";
|
|
99
|
+
import { default as er } from "./components/TextArea/TextArea.js";
|
|
100
|
+
import { default as or } from "./components/Toast/Toast.js";
|
|
101
|
+
import { ToastProvider as ar } from "./components/Toast/ToastContextProvider.js";
|
|
102
|
+
import { useToast as sr } from "./components/Toast/useToast.js";
|
|
103
|
+
import { default as dr } from "./patterns/AccountPageHeader/AccountPageHeader.js";
|
|
104
|
+
import { default as pr } from "./patterns/BidSnapshot/BidSnapshot.js";
|
|
105
|
+
import { default as ir } from "./patterns/BidSnapshot/BidMessage.js";
|
|
106
|
+
import { BidMessageVariants as nr, BidStatusEnum as cr } from "./patterns/BidSnapshot/types.js";
|
|
107
|
+
import { default as Sr } from "./patterns/FilterMenu/FilterMenu.js";
|
|
108
|
+
import { default as Tr } from "./patterns/ObjectTile/ObjectTile.js";
|
|
109
|
+
import { default as Br } from "./patterns/CountryPicker/CountryPicker.js";
|
|
110
|
+
import { default as Ar } from "./components/DescriptiveRadioButton/DescriptiveRadioButton.js";
|
|
111
|
+
import { default as Vr } from "./components/DescriptiveRadioButtonGroup/DescriptiveRadioButtonGroup.js";
|
|
110
112
|
export {
|
|
111
113
|
M as Accordion,
|
|
112
114
|
E as AccordionItem,
|
|
113
115
|
R as AccordionItemVariant,
|
|
114
116
|
U as AccordionVariants,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
117
|
+
dr as AccountPageHeader,
|
|
118
|
+
Ho as AddToCalendar,
|
|
119
|
+
No as Article,
|
|
118
120
|
V as AuctionStatus,
|
|
119
121
|
Yt as AuthState,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
122
|
+
ir as BidMessage,
|
|
123
|
+
nr as BidMessageVariants,
|
|
124
|
+
pr as BidSnapshot,
|
|
125
|
+
cr as BidStatusEnum,
|
|
124
126
|
Q as Breadcrumb,
|
|
125
|
-
|
|
127
|
+
v as Button,
|
|
126
128
|
w as ButtonVariants,
|
|
127
129
|
Y as Carousel,
|
|
128
130
|
q as CarouselArrows,
|
|
@@ -136,41 +138,42 @@ export {
|
|
|
136
138
|
ao as ComposedModal,
|
|
137
139
|
de as ContentPeek,
|
|
138
140
|
pe as ContentPeekHeightUnits,
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
Go as Countdown,
|
|
142
|
+
Uo as CountdownVariants,
|
|
143
|
+
Br as CountryPicker,
|
|
144
|
+
Ar as DescriptiveRadioButton,
|
|
145
|
+
Vr as DescriptiveRadioButtonGroup,
|
|
143
146
|
ie as Detail,
|
|
144
147
|
bt as DetailList,
|
|
145
|
-
|
|
146
|
-
|
|
148
|
+
kt as DetailListAlignment,
|
|
149
|
+
Qo as Divider,
|
|
147
150
|
ne as Drawer,
|
|
148
|
-
|
|
151
|
+
ge as Dropdown,
|
|
149
152
|
Ce as ErrorBoundary,
|
|
150
153
|
so as ExitGateCard,
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
+
ht as FavoritesCollectionTile,
|
|
155
|
+
zo as FavoritingTileButton,
|
|
156
|
+
Yo as Filter,
|
|
154
157
|
So as FilterButtonIconType,
|
|
155
158
|
Co as FilterButtonType,
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
159
|
+
Ko as FilterHeader,
|
|
160
|
+
qo as FilterInput,
|
|
161
|
+
Sr as FilterMenu,
|
|
162
|
+
co as FiltersInline,
|
|
163
|
+
ho as Footer,
|
|
164
|
+
Pe as Grid,
|
|
165
|
+
Ie as GridItem,
|
|
163
166
|
Le as GridItemAlign,
|
|
164
|
-
|
|
167
|
+
Do as Header,
|
|
165
168
|
Dt as HeroBanner,
|
|
166
169
|
z as Icon,
|
|
167
170
|
F as IconButton,
|
|
168
171
|
be as Input,
|
|
169
172
|
Ht as LanguageSelector,
|
|
170
|
-
|
|
173
|
+
ke as Link,
|
|
171
174
|
De as LinkBlock,
|
|
172
175
|
He as LinkList,
|
|
173
|
-
|
|
176
|
+
he as LinkVariants,
|
|
174
177
|
mo as Loader,
|
|
175
178
|
b as LotStatus,
|
|
176
179
|
Ne as Modal,
|
|
@@ -178,18 +181,19 @@ export {
|
|
|
178
181
|
Ue as NavigationItem,
|
|
179
182
|
Qe as NavigationItemTrigger,
|
|
180
183
|
ze as NavigationList,
|
|
181
|
-
|
|
184
|
+
Tr as ObjectTile,
|
|
182
185
|
a as PaddingTokens,
|
|
183
186
|
C as Page,
|
|
184
187
|
uo as PageContentWrapper,
|
|
185
188
|
Ye as Pagination,
|
|
186
189
|
xo as PhoneNumberPicker,
|
|
187
|
-
|
|
190
|
+
_o as Pictogram,
|
|
188
191
|
qe as PinchZoom,
|
|
192
|
+
ko as ProgressIndicator,
|
|
189
193
|
Ke as Row,
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
194
|
+
P as SSRMediaQuery,
|
|
195
|
+
Po as SaleCard,
|
|
196
|
+
Io as SaleCardActions,
|
|
193
197
|
Lo as SaleCardVariants,
|
|
194
198
|
Nt as SaleHeaderBanner,
|
|
195
199
|
Gt as SaleHeaderBrowseAuctions,
|
|
@@ -204,19 +208,19 @@ export {
|
|
|
204
208
|
Kt as StatefulViewingsList,
|
|
205
209
|
Qt as Subscribe,
|
|
206
210
|
zt as SubscriptionState,
|
|
207
|
-
|
|
211
|
+
y as SupportedLanguages,
|
|
208
212
|
dt as TabsContainer,
|
|
209
213
|
pt as TabsContent,
|
|
210
214
|
it as Tag,
|
|
211
215
|
xt as TagsList,
|
|
212
216
|
Ct as Text,
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
217
|
+
ct as TextAlignments,
|
|
218
|
+
er as TextArea,
|
|
219
|
+
Pt as TextSymbolVariants,
|
|
220
|
+
It as TextSymbols,
|
|
221
|
+
gt as TextVariants,
|
|
222
|
+
or as Toast,
|
|
223
|
+
ar as ToastProvider,
|
|
220
224
|
qt as UserManagement,
|
|
221
225
|
Lt as Video,
|
|
222
226
|
bo as ViewingDetails,
|
|
@@ -230,9 +234,9 @@ export {
|
|
|
230
234
|
i as generatePaddingClassName,
|
|
231
235
|
x as getCommonProps,
|
|
232
236
|
n as noOp,
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
237
|
+
c as px,
|
|
238
|
+
B as ssrMediaQueryStyle,
|
|
239
|
+
g as useNormalizedInputProps,
|
|
240
|
+
A as usePendingState,
|
|
241
|
+
sr as useToast
|
|
238
242
|
};
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as m from "react";
|
|
2
|
+
import { createContextScope as $ } from "../../react-context/dist/index.js";
|
|
3
|
+
import { Primitive as c } from "../node_modules/@radix-ui/react-primitive/dist/index.js";
|
|
4
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
5
|
+
var u = "Progress", d = 100, [I, C] = $(u), [h, R] = I(u), f = m.forwardRef(
|
|
6
|
+
(r, e) => {
|
|
7
|
+
const {
|
|
8
|
+
__scopeProgress: i,
|
|
9
|
+
value: o = null,
|
|
10
|
+
max: a,
|
|
11
|
+
getValueLabel: x = E,
|
|
12
|
+
...N
|
|
13
|
+
} = r;
|
|
14
|
+
(a || a === 0) && !v(a) && console.error(M(`${a}`, "Progress"));
|
|
15
|
+
const t = v(a) ? a : d;
|
|
16
|
+
o !== null && !p(o, t) && console.error(V(`${o}`, "Progress"));
|
|
17
|
+
const s = p(o, t) ? o : null, b = n(s) ? x(s, t) : void 0;
|
|
18
|
+
return /* @__PURE__ */ l(h, { scope: i, value: s, max: t, children: /* @__PURE__ */ l(
|
|
19
|
+
c.div,
|
|
20
|
+
{
|
|
21
|
+
"aria-valuemax": t,
|
|
22
|
+
"aria-valuemin": 0,
|
|
23
|
+
"aria-valuenow": n(s) ? s : void 0,
|
|
24
|
+
"aria-valuetext": b,
|
|
25
|
+
role: "progressbar",
|
|
26
|
+
"data-state": P(s, t),
|
|
27
|
+
"data-value": s ?? void 0,
|
|
28
|
+
"data-max": t,
|
|
29
|
+
...N,
|
|
30
|
+
ref: e
|
|
31
|
+
}
|
|
32
|
+
) });
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
f.displayName = u;
|
|
36
|
+
var g = "ProgressIndicator", _ = m.forwardRef(
|
|
37
|
+
(r, e) => {
|
|
38
|
+
const { __scopeProgress: i, ...o } = r, a = R(g, i);
|
|
39
|
+
return /* @__PURE__ */ l(
|
|
40
|
+
c.div,
|
|
41
|
+
{
|
|
42
|
+
"data-state": P(a.value, a.max),
|
|
43
|
+
"data-value": a.value ?? void 0,
|
|
44
|
+
"data-max": a.max,
|
|
45
|
+
...o,
|
|
46
|
+
ref: e
|
|
47
|
+
}
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
_.displayName = g;
|
|
52
|
+
function E(r, e) {
|
|
53
|
+
return `${Math.round(r / e * 100)}%`;
|
|
54
|
+
}
|
|
55
|
+
function P(r, e) {
|
|
56
|
+
return r == null ? "indeterminate" : r === e ? "complete" : "loading";
|
|
57
|
+
}
|
|
58
|
+
function n(r) {
|
|
59
|
+
return typeof r == "number";
|
|
60
|
+
}
|
|
61
|
+
function v(r) {
|
|
62
|
+
return n(r) && !isNaN(r) && r > 0;
|
|
63
|
+
}
|
|
64
|
+
function p(r, e) {
|
|
65
|
+
return n(r) && !isNaN(r) && r <= e && r >= 0;
|
|
66
|
+
}
|
|
67
|
+
function M(r, e) {
|
|
68
|
+
return `Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${d}\`.`;
|
|
69
|
+
}
|
|
70
|
+
function V(r, e) {
|
|
71
|
+
return `Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
|
|
72
|
+
- a positive number
|
|
73
|
+
- less than the value passed to \`max\` (or ${d} if no \`max\` prop is set)
|
|
74
|
+
- \`null\` or \`undefined\` if the progress is indeterminate.
|
|
75
|
+
|
|
76
|
+
Defaulting to \`null\`.`;
|
|
77
|
+
}
|
|
78
|
+
var D = f;
|
|
79
|
+
export {
|
|
80
|
+
f as Progress,
|
|
81
|
+
_ as ProgressIndicator,
|
|
82
|
+
D as Root,
|
|
83
|
+
C as createProgressScope
|
|
84
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import * as f from "react";
|
|
2
|
+
import "react-dom";
|
|
3
|
+
import { createSlot as l } from "../../react-slot/dist/index.js";
|
|
4
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
5
|
+
var u = [
|
|
6
|
+
"a",
|
|
7
|
+
"button",
|
|
8
|
+
"div",
|
|
9
|
+
"form",
|
|
10
|
+
"h2",
|
|
11
|
+
"h3",
|
|
12
|
+
"img",
|
|
13
|
+
"input",
|
|
14
|
+
"label",
|
|
15
|
+
"li",
|
|
16
|
+
"nav",
|
|
17
|
+
"ol",
|
|
18
|
+
"p",
|
|
19
|
+
"select",
|
|
20
|
+
"span",
|
|
21
|
+
"svg",
|
|
22
|
+
"ul"
|
|
23
|
+
], w = u.reduce((t, i) => {
|
|
24
|
+
const o = l(`Primitive.${i}`), r = f.forwardRef((e, m) => {
|
|
25
|
+
const { asChild: a, ...p } = e, s = a ? o : i;
|
|
26
|
+
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ n(s, { ...p, ref: m });
|
|
27
|
+
});
|
|
28
|
+
return r.displayName = `Primitive.${i}`, { ...t, [i]: r };
|
|
29
|
+
}, {});
|
|
30
|
+
export {
|
|
31
|
+
w as Primitive
|
|
32
|
+
};
|
package/dist/node_modules/@radix-ui/react-progress/node_modules/@radix-ui/react-slot/dist/index.js
ADDED
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as l from "react";
|
|
2
|
+
import { composeRefs as m } from "../../../../../react-compose-refs/dist/index.js";
|
|
3
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
4
|
+
// @__NO_SIDE_EFFECTS__
|
|
5
|
+
function b(e) {
|
|
6
|
+
const r = /* @__PURE__ */ y(e), t = l.forwardRef((o, n) => {
|
|
7
|
+
const { children: i, ...c } = o, s = l.Children.toArray(i), a = s.find(E);
|
|
8
|
+
if (a) {
|
|
9
|
+
const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
|
|
10
|
+
return /* @__PURE__ */ u(r, { ...c, ref: n, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
|
|
11
|
+
}
|
|
12
|
+
return /* @__PURE__ */ u(r, { ...c, ref: n, children: i });
|
|
13
|
+
});
|
|
14
|
+
return t.displayName = `${e}.Slot`, t;
|
|
15
|
+
}
|
|
16
|
+
// @__NO_SIDE_EFFECTS__
|
|
17
|
+
function y(e) {
|
|
18
|
+
const r = l.forwardRef((t, o) => {
|
|
19
|
+
const { children: n, ...i } = t;
|
|
20
|
+
if (l.isValidElement(n)) {
|
|
21
|
+
const c = S(n), s = C(i, n.props);
|
|
22
|
+
return n.type !== l.Fragment && (s.ref = o ? m(o, c) : c), l.cloneElement(n, s);
|
|
23
|
+
}
|
|
24
|
+
return l.Children.count(n) > 1 ? l.Children.only(null) : null;
|
|
25
|
+
});
|
|
26
|
+
return r.displayName = `${e}.SlotClone`, r;
|
|
27
|
+
}
|
|
28
|
+
var g = Symbol("radix.slottable");
|
|
29
|
+
function E(e) {
|
|
30
|
+
return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
|
|
31
|
+
}
|
|
32
|
+
function C(e, r) {
|
|
33
|
+
const t = { ...r };
|
|
34
|
+
for (const o in r) {
|
|
35
|
+
const n = e[o], i = r[o];
|
|
36
|
+
/^on[A-Z]/.test(o) ? n && i ? t[o] = (...s) => {
|
|
37
|
+
const a = i(...s);
|
|
38
|
+
return n(...s), a;
|
|
39
|
+
} : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...i } : o === "className" && (t[o] = [n, i].filter(Boolean).join(" "));
|
|
40
|
+
}
|
|
41
|
+
return { ...e, ...t };
|
|
42
|
+
}
|
|
43
|
+
function S(e) {
|
|
44
|
+
let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning;
|
|
45
|
+
return t ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
|
|
46
|
+
}
|
|
47
|
+
export {
|
|
48
|
+
b as createSlot
|
|
49
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CountryPickerTriggerProps } from './CountryPickerTrigger';
|
|
2
|
+
import { CountryPickerModalProps } from './CountryPickerModal';
|
|
3
|
+
import { CommonProps, PrependTrigger, PhoneConfig, CountryConfig } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* Props for the CountryPicker component.
|
|
6
|
+
* Combines:
|
|
7
|
+
* - CommonProps (excluding variantConfig, which is provided by PhoneConfig or CountryConfig)
|
|
8
|
+
* - Discriminated union for picker mode (PhoneConfig | CountryConfig)
|
|
9
|
+
* - Modal props
|
|
10
|
+
* - PrependTrigger utility for trigger props
|
|
11
|
+
*/
|
|
12
|
+
export type CountryPickerProps = Omit<CommonProps, 'variantConfig'> & (PhoneConfig | CountryConfig) & CountryPickerModalProps & PrependTrigger<Omit<CountryPickerTriggerProps, 'baseClassName'>>;
|
|
13
|
+
declare const CountryPicker: import('react').ForwardRefExoticComponent<CountryPickerProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
14
|
+
export default CountryPicker;
|