@apify/ui-library 1.141.3 → 1.145.2-featverifieddeveloperbadge-bd59c6.13
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/README.md +90 -19
- package/dist/src/components/box/box.d.ts +15 -14
- package/dist/src/components/box/box.d.ts.map +1 -1
- package/dist/src/components/box/box.js +10 -33
- package/dist/src/components/box/box.js.map +1 -1
- package/dist/src/components/breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist/src/components/breadcrumb/breadcrumb.js +1 -0
- package/dist/src/components/breadcrumb/breadcrumb.js.map +1 -1
- package/dist/src/components/card/card.d.ts.map +1 -1
- package/dist/src/components/card/card.js +1 -0
- package/dist/src/components/card/card.js.map +1 -1
- package/dist/src/components/chip/chip.d.ts.map +1 -1
- package/dist/src/components/chip/chip.js +2 -0
- package/dist/src/components/chip/chip.js.map +1 -1
- package/dist/src/components/code/code_block/code_block.styled.d.ts.map +1 -1
- package/dist/src/components/code/code_block/code_block.styled.js +1 -2
- package/dist/src/components/code/code_block/code_block.styled.js.map +1 -1
- package/dist/src/components/code/one_light_theme.d.ts.map +1 -1
- package/dist/src/components/code/one_light_theme.js +1 -0
- package/dist/src/components/code/one_light_theme.js.map +1 -1
- package/dist/src/components/dropdown/dropdown.context.d.ts +6 -0
- package/dist/src/components/dropdown/dropdown.context.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown.context.js +10 -0
- package/dist/src/components/dropdown/dropdown.context.js.map +1 -0
- package/dist/src/components/dropdown/dropdown.d.ts +48 -0
- package/dist/src/components/dropdown/dropdown.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown.js +65 -0
- package/dist/src/components/dropdown/dropdown.js.map +1 -0
- package/dist/src/components/dropdown/dropdown.styled.d.ts +35 -0
- package/dist/src/components/dropdown/dropdown.styled.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown.styled.js +241 -0
- package/dist/src/components/dropdown/dropdown.styled.js.map +1 -0
- package/dist/src/components/dropdown/dropdown.types.d.ts +17 -0
- package/dist/src/components/dropdown/dropdown.types.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown.types.js +2 -0
- package/dist/src/components/dropdown/dropdown.types.js.map +1 -0
- package/dist/src/components/dropdown/dropdown_button.d.ts +10 -0
- package/dist/src/components/dropdown/dropdown_button.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown_button.js +16 -0
- package/dist/src/components/dropdown/dropdown_button.js.map +1 -0
- package/dist/src/components/dropdown/dropdown_root.d.ts +11 -0
- package/dist/src/components/dropdown/dropdown_root.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown_root.js +19 -0
- package/dist/src/components/dropdown/dropdown_root.js.map +1 -0
- package/dist/src/components/dropdown/dropdown_shell.d.ts +15 -0
- package/dist/src/components/dropdown/dropdown_shell.d.ts.map +1 -0
- package/dist/src/components/dropdown/dropdown_shell.js +69 -0
- package/dist/src/components/dropdown/dropdown_shell.js.map +1 -0
- package/dist/src/components/dropdown/index.d.ts +7 -0
- package/dist/src/components/dropdown/index.d.ts.map +1 -0
- package/dist/src/components/dropdown/index.js +5 -0
- package/dist/src/components/dropdown/index.js.map +1 -0
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +1 -0
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/components/message/message.d.ts +2 -0
- package/dist/src/components/message/message.d.ts.map +1 -1
- package/dist/src/components/message/message.js +2 -0
- package/dist/src/components/message/message.js.map +1 -1
- package/dist/src/components/pagination/pagination.d.ts.map +1 -1
- package/dist/src/components/pagination/pagination.js +1 -0
- package/dist/src/components/pagination/pagination.js.map +1 -1
- package/dist/src/components/tabs/tab.js +1 -1
- package/dist/src/components/tabs/tab.js.map +1 -1
- package/dist/src/utils/css_utils.d.ts +17 -0
- package/dist/src/utils/css_utils.d.ts.map +1 -1
- package/dist/src/utils/css_utils.js +54 -0
- package/dist/src/utils/css_utils.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +10 -5
- package/src/components/box/box.stories.tsx +18 -0
- package/src/components/box/box.tsx +31 -62
- package/src/components/breadcrumb/breadcrumb.tsx +1 -0
- package/src/components/card/card.tsx +1 -0
- package/src/components/chip/chip.tsx +2 -0
- package/src/components/code/code_block/code_block.styled.tsx +1 -2
- package/src/components/code/one_light_theme.ts +1 -0
- package/src/components/dropdown/dropdown.context.tsx +14 -0
- package/src/components/dropdown/dropdown.stories.tsx +343 -0
- package/src/components/dropdown/dropdown.styled.ts +265 -0
- package/src/components/dropdown/dropdown.tsx +259 -0
- package/src/components/dropdown/dropdown.types.ts +18 -0
- package/src/components/dropdown/dropdown_button.tsx +45 -0
- package/src/components/dropdown/dropdown_root.tsx +41 -0
- package/src/components/dropdown/dropdown_shell.tsx +139 -0
- package/src/components/dropdown/index.ts +6 -0
- package/src/components/index.ts +1 -0
- package/src/components/message/message.stories.jsx +1 -0
- package/src/components/message/message.tsx +2 -0
- package/src/components/pagination/pagination.tsx +1 -0
- package/src/components/tabs/tab.tsx +1 -1
- package/src/design_system/colors/build_color_tokens.js +14 -0
- package/src/design_system/colors/colors.stories.tsx +395 -0
- package/src/utils/css_utils.ts +79 -0
- package/style/colors/tokens.dark.css +149 -0
- package/style/colors/tokens.light.css +149 -0
- package/src/design_system/colors/Colors.mdx +0 -50
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
export declare const DROPDOWN_ELEMENT_CLASSES: {
|
|
3
|
+
WRAPPER: string;
|
|
4
|
+
ITEM: string;
|
|
5
|
+
TRIGGER_OVERLAY: string;
|
|
6
|
+
RADIO_OPTION: string;
|
|
7
|
+
RADIO_OPTION_DISABLED: string;
|
|
8
|
+
RADIO_OPTION_SELECTED: string;
|
|
9
|
+
RADIO_OPTION_ICON: string;
|
|
10
|
+
RADIO_OPTION_CONTENT: string;
|
|
11
|
+
};
|
|
12
|
+
type StyledContentProps = {
|
|
13
|
+
$width?: string;
|
|
14
|
+
$height?: string;
|
|
15
|
+
$zIndex?: number;
|
|
16
|
+
};
|
|
17
|
+
export declare const StyledContent: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components/dist/types.js").Substitute<import("styled-components/dist/types.js").Substitute<import("styled-components/dist/types.js").Substitute<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, DropdownMenu.DropdownMenuContentProps & {
|
|
18
|
+
'data-test'?: string;
|
|
19
|
+
}>, StyledContentProps>> & string & Omit<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
20
|
+
export declare const ScrollableContent: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
21
|
+
export declare const StyledItemRow: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
22
|
+
export declare const StyledItemWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
23
|
+
export declare const StyledItem: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<DropdownMenu.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
24
|
+
export declare const StyledCheckboxItem: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<DropdownMenu.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
25
|
+
export declare const StyledLabel: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<DropdownMenu.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
26
|
+
export declare const StyledDescription: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
27
|
+
export declare const StyledItemTitle: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
28
|
+
export declare const StyledIconWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
29
|
+
export declare const StyledCheckboxIconWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>, never>> & string;
|
|
30
|
+
export declare const StyledContentWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
31
|
+
export declare const StyledTagWrapper: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
32
|
+
export declare const StyledControls: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
33
|
+
export declare const StyledSeparator: import("styled-components/dist/types.js").IStyledComponentBase<"web", import("styled-components").FastOmit<DropdownMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
34
|
+
export {};
|
|
35
|
+
//# sourceMappingURL=dropdown.styled.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAK9D,eAAO,MAAM,wBAAwB;;;;;;;;;CASpC,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa;kBACkC,MAAM;yNAiBjE,CAAC;AAEF,eAAO,MAAM,iBAAiB,gOA8D7B,CAAC;AAEF,eAAO,MAAM,aAAa,gOAOzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gOAE7B,CAAC;AAEF,eAAO,MAAM,UAAU,sYA8BtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,sZAmC9B,CAAC;AAEF,eAAO,MAAM,WAAW,wYAQvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,gOAU7B,CAAC;AAEF,eAAO,MAAM,eAAe,kOAU3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,kOAQ7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,+QAErC,CAAC;AAEF,eAAO,MAAM,oBAAoB,gOAQhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gOAG5B,CAAC;AAEF,eAAO,MAAM,cAAc,gOAM1B,CAAC;AAEF,eAAO,MAAM,eAAe,gZAK3B,CAAC"}
|
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { theme } from '../../design_system/theme.js';
|
|
4
|
+
export const DROPDOWN_ELEMENT_CLASSES = {
|
|
5
|
+
WRAPPER: 'dropdown-wrapper',
|
|
6
|
+
ITEM: 'dropdown-item',
|
|
7
|
+
TRIGGER_OVERLAY: 'dropdown-trigger-overlay',
|
|
8
|
+
RADIO_OPTION: 'dropdown-radio-option',
|
|
9
|
+
RADIO_OPTION_DISABLED: 'dropdown-radio-option-disabled',
|
|
10
|
+
RADIO_OPTION_SELECTED: 'dropdown-radio-option-selected',
|
|
11
|
+
RADIO_OPTION_ICON: 'dropdown-radio-option-icon',
|
|
12
|
+
RADIO_OPTION_CONTENT: 'dropdown-radio-option-content',
|
|
13
|
+
};
|
|
14
|
+
export const StyledContent = styled(DropdownMenu.Content).attrs((props) => ({
|
|
15
|
+
'data-test': 'dropdown-wrapper',
|
|
16
|
+
className: [DROPDOWN_ELEMENT_CLASSES.WRAPPER, props.className].filter(Boolean).join(' '),
|
|
17
|
+
})) `
|
|
18
|
+
background: ${theme.color.neutral.background};
|
|
19
|
+
border: 1px solid ${theme.color.neutral.separatorSubtle};
|
|
20
|
+
border-radius: ${theme.radius.radius12};
|
|
21
|
+
padding: ${theme.space.space6} 0;
|
|
22
|
+
min-width: 80px;
|
|
23
|
+
width: ${(props) => props.$width || 'auto'};
|
|
24
|
+
height: ${(props) => props.$height || 'auto'};
|
|
25
|
+
display: flex;
|
|
26
|
+
flex-direction: column;
|
|
27
|
+
overflow: hidden;
|
|
28
|
+
z-index: ${(props) => props.$zIndex ?? 100} !important;
|
|
29
|
+
position: relative;
|
|
30
|
+
`;
|
|
31
|
+
export const ScrollableContent = styled.div `
|
|
32
|
+
flex: 1;
|
|
33
|
+
overflow-y: auto;
|
|
34
|
+
overflow-x: hidden;
|
|
35
|
+
gap: ${theme.space.space4};
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
scrollbar-width: thin;
|
|
39
|
+
scrollbar-color: ${theme.color.neutral.separatorSubtle} transparent;
|
|
40
|
+
|
|
41
|
+
.${DROPDOWN_ELEMENT_CLASSES.TRIGGER_OVERLAY} {
|
|
42
|
+
position: absolute;
|
|
43
|
+
top: 0;
|
|
44
|
+
left: 0;
|
|
45
|
+
width: 100%;
|
|
46
|
+
height: 100%;
|
|
47
|
+
cursor: pointer;
|
|
48
|
+
z-index: 1;
|
|
49
|
+
pointer-events: none;
|
|
50
|
+
}
|
|
51
|
+
.${DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION} {
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
width: 100%;
|
|
54
|
+
display: flex;
|
|
55
|
+
align-items: flex-start;
|
|
56
|
+
padding: ${theme.space.space4} ${theme.space.space8};
|
|
57
|
+
border-radius: ${theme.radius.radius4};
|
|
58
|
+
gap: ${theme.space.space8};
|
|
59
|
+
min-height: 28px;
|
|
60
|
+
|
|
61
|
+
&:hover {
|
|
62
|
+
background: ${theme.color.neutral.hover};
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
.${DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION_DISABLED} {
|
|
66
|
+
cursor: not-allowed;
|
|
67
|
+
color: ${theme.color.neutral.textDisabled};
|
|
68
|
+
|
|
69
|
+
* {
|
|
70
|
+
color: ${theme.color.neutral.textDisabled} !important;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
.${DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION_SELECTED} {
|
|
74
|
+
background: none;
|
|
75
|
+
color: ${theme.color.neutral.text};
|
|
76
|
+
}
|
|
77
|
+
.${DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION_ICON} {
|
|
78
|
+
display: flex;
|
|
79
|
+
align-items: flex-start;
|
|
80
|
+
justify-content: center;
|
|
81
|
+
padding: ${theme.space.space2} 0;
|
|
82
|
+
min-width: 16px;
|
|
83
|
+
min-height: 20px;
|
|
84
|
+
margin-right: ${theme.space.space4};
|
|
85
|
+
}
|
|
86
|
+
.${DROPDOWN_ELEMENT_CLASSES.RADIO_OPTION_CONTENT} {
|
|
87
|
+
flex: 1;
|
|
88
|
+
display: flex;
|
|
89
|
+
flex-direction: column;
|
|
90
|
+
min-width: 0;
|
|
91
|
+
max-width: 100%;
|
|
92
|
+
}
|
|
93
|
+
`;
|
|
94
|
+
export const StyledItemRow = styled.div `
|
|
95
|
+
display: flex;
|
|
96
|
+
align-items: flex-start;
|
|
97
|
+
width: 100%;
|
|
98
|
+
gap: ${theme.space.space4};
|
|
99
|
+
min-height: 28px;
|
|
100
|
+
padding: ${theme.space.space4} 0;
|
|
101
|
+
`;
|
|
102
|
+
export const StyledItemWrapper = styled.div `
|
|
103
|
+
margin: 0 ${theme.space.space6};
|
|
104
|
+
`;
|
|
105
|
+
export const StyledItem = styled(DropdownMenu.Item) `
|
|
106
|
+
min-width: 100%;
|
|
107
|
+
display: block;
|
|
108
|
+
padding: 0 ${theme.space.space8};
|
|
109
|
+
color: ${theme.color.neutral.text};
|
|
110
|
+
border-radius: ${theme.radius.radius6};
|
|
111
|
+
cursor: pointer;
|
|
112
|
+
background: none;
|
|
113
|
+
border: none;
|
|
114
|
+
transition: background 0.15s;
|
|
115
|
+
outline: none;
|
|
116
|
+
box-shadow: none;
|
|
117
|
+
|
|
118
|
+
&[data-highlighted],
|
|
119
|
+
&.dropdown-item-selected {
|
|
120
|
+
background: ${theme.color.neutral.hover};
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
&[data-disabled] {
|
|
124
|
+
color: ${theme.color.neutral.textDisabled};
|
|
125
|
+
cursor: not-allowed;
|
|
126
|
+
}
|
|
127
|
+
&.no-hover {
|
|
128
|
+
cursor: default;
|
|
129
|
+
&[data-highlighted],
|
|
130
|
+
&.dropdown-item-selected,
|
|
131
|
+
&:hover {
|
|
132
|
+
background: none !important;
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
`;
|
|
136
|
+
export const StyledCheckboxItem = styled(DropdownMenu.CheckboxItem) `
|
|
137
|
+
min-width: 100%;
|
|
138
|
+
display: block;
|
|
139
|
+
padding: 0 ${theme.space.space8};
|
|
140
|
+
color: ${theme.color.neutral.text};
|
|
141
|
+
border-radius: ${theme.radius.radius4};
|
|
142
|
+
cursor: pointer;
|
|
143
|
+
background: none;
|
|
144
|
+
border: none;
|
|
145
|
+
transition: background 0.15s;
|
|
146
|
+
outline: none;
|
|
147
|
+
box-shadow: none;
|
|
148
|
+
|
|
149
|
+
&[data-highlighted],
|
|
150
|
+
&:hover {
|
|
151
|
+
background: ${theme.color.neutral.hover};
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
&[data-disabled] {
|
|
155
|
+
color: ${theme.color.neutral.textDisabled};
|
|
156
|
+
cursor: not-allowed;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
&[data-state='checked'] {
|
|
160
|
+
background: none;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
&.no-hover {
|
|
164
|
+
cursor: default;
|
|
165
|
+
|
|
166
|
+
&[data-highlighted],
|
|
167
|
+
&:hover {
|
|
168
|
+
background: none !important;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
`;
|
|
172
|
+
export const StyledLabel = styled(DropdownMenu.Label) `
|
|
173
|
+
padding: ${theme.space.space8};
|
|
174
|
+
padding-bottom: ${theme.space.space2};
|
|
175
|
+
color: ${theme.color.neutral.textSubtle};
|
|
176
|
+
${theme.typography.shared.desktop.bodyS}
|
|
177
|
+
display: flex;
|
|
178
|
+
align-items: center;
|
|
179
|
+
gap: ${theme.space.space4};
|
|
180
|
+
`;
|
|
181
|
+
export const StyledDescription = styled.div `
|
|
182
|
+
color: ${theme.color.neutral.textSubtle};
|
|
183
|
+
${theme.typography.shared.desktop.bodyS}
|
|
184
|
+
display: block;
|
|
185
|
+
width: 100%;
|
|
186
|
+
margin-top: ${theme.space.space2};
|
|
187
|
+
|
|
188
|
+
[data-disabled] & {
|
|
189
|
+
color: ${theme.color.neutral.textDisabled};
|
|
190
|
+
}
|
|
191
|
+
`;
|
|
192
|
+
export const StyledItemTitle = styled.span `
|
|
193
|
+
${theme.typography.shared.desktop.bodyM}
|
|
194
|
+
color: ${theme.color.neutral.textMuted};
|
|
195
|
+
display: block;
|
|
196
|
+
width: 100%;
|
|
197
|
+
margin-right: ${theme.space.space32};
|
|
198
|
+
|
|
199
|
+
[data-disabled] & {
|
|
200
|
+
color: ${theme.color.neutral.textDisabled};
|
|
201
|
+
}
|
|
202
|
+
`;
|
|
203
|
+
export const StyledIconWrapper = styled.span `
|
|
204
|
+
display: flex;
|
|
205
|
+
justify-content: center;
|
|
206
|
+
align-items: flex-start;
|
|
207
|
+
flex-shrink: 0;
|
|
208
|
+
width: 20px;
|
|
209
|
+
padding-top: ${theme.space.space2};
|
|
210
|
+
color: ${theme.color.neutral.textMuted};
|
|
211
|
+
`;
|
|
212
|
+
export const StyledCheckboxIconWrapper = styled(StyledIconWrapper) `
|
|
213
|
+
margin-right: ${theme.space.space4};
|
|
214
|
+
`;
|
|
215
|
+
export const StyledContentWrapper = styled.div `
|
|
216
|
+
flex: 1;
|
|
217
|
+
display: flex;
|
|
218
|
+
flex-direction: column;
|
|
219
|
+
align-items: flex-start;
|
|
220
|
+
min-width: 0;
|
|
221
|
+
width: max-content;
|
|
222
|
+
overflow: hidden;
|
|
223
|
+
`;
|
|
224
|
+
export const StyledTagWrapper = styled.div `
|
|
225
|
+
display: flex;
|
|
226
|
+
gap: ${theme.space.space4};
|
|
227
|
+
`;
|
|
228
|
+
export const StyledControls = styled.div `
|
|
229
|
+
padding-top: ${theme.space.space6};
|
|
230
|
+
border-top: 1px solid ${theme.color.neutral.separatorSubtle};
|
|
231
|
+
gap: ${theme.space.space4};
|
|
232
|
+
display: flex;
|
|
233
|
+
flex-direction: column;
|
|
234
|
+
`;
|
|
235
|
+
export const StyledSeparator = styled(DropdownMenu.Separator) `
|
|
236
|
+
height: 1px;
|
|
237
|
+
min-height: 1px;
|
|
238
|
+
margin: ${theme.space.space4} ${theme.space.space8};
|
|
239
|
+
background-color: ${theme.color.neutral.separatorSubtle};
|
|
240
|
+
`;
|
|
241
|
+
//# sourceMappingURL=dropdown.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.styled.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
import type * as React from 'react';
|
|
3
|
+
export type BaseDropdownItemProps = {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
description?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
export type BaseDropdownContentProps = {
|
|
11
|
+
width?: string;
|
|
12
|
+
height?: string;
|
|
13
|
+
closeOnSelect?: boolean;
|
|
14
|
+
zIndex?: number;
|
|
15
|
+
contentProps?: React.ComponentPropsWithRef<typeof DropdownMenu.Content>;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=dropdown.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.types.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,YAAY,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,qBAAqB,GAAG;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC;CAC3E,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown.types.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Button } from '../button/button.js';
|
|
2
|
+
import type { BaseDropdownContentProps } from './dropdown.types.js';
|
|
3
|
+
type DropdownButtonProps = BaseDropdownContentProps & {
|
|
4
|
+
buttonProps?: Partial<React.ComponentPropsWithoutRef<typeof Button>>;
|
|
5
|
+
buttonLabel: React.ReactNode;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
export declare const DropdownButton: ({ buttonProps, buttonLabel, children, closeOnSelect, contentProps, width, height, zIndex, }: DropdownButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=dropdown_button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown_button.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAGpE,KAAK,mBAAmB,GAAG,wBAAwB,GAAG;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC;IACrE,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,6FAS5B,mBAAmB,4CAqBrB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
3
|
+
import { useState } from 'react';
|
|
4
|
+
import { Button } from '../button/button.js';
|
|
5
|
+
import { ScrollableContent, StyledContent } from './dropdown.styled.js';
|
|
6
|
+
import { DropdownRoot } from './dropdown_root.js';
|
|
7
|
+
export const DropdownButton = ({ buttonProps, buttonLabel, children, closeOnSelect = true, contentProps, width, height, zIndex, }) => {
|
|
8
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
9
|
+
const defaultButtonProps = {
|
|
10
|
+
onClick: () => undefined,
|
|
11
|
+
trackingId: 'dropdown-button',
|
|
12
|
+
...buttonProps,
|
|
13
|
+
};
|
|
14
|
+
return (_jsxs(DropdownRoot, { isOpen: isOpen, onIsOpenChange: setIsOpen, closeOnSelect: closeOnSelect, children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx(Button, { ...defaultButtonProps, children: buttonLabel }) }), _jsx(DropdownMenu.Portal, { children: _jsx(StyledContent, { "$width": width, "$height": height, "$zIndex": zIndex, ...contentProps, children: _jsx(ScrollableContent, { children: children }) }) })] }));
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=dropdown_button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown_button.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQlD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,WAAW,EACX,WAAW,EACX,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,YAAY,EACZ,KAAK,EACL,MAAM,EACN,MAAM,GACY,EAAE,EAAE;IACtB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,kBAAkB,GAAG;QACvB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS;QACxB,UAAU,EAAE,iBAAiB;QAC7B,GAAG,WAAW;KACjB,CAAC;IAEF,OAAO,CACH,MAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,aACjF,KAAC,YAAY,CAAC,OAAO,IAAC,OAAO,kBACzB,KAAC,MAAM,OAAK,kBAAkB,YAAG,WAAW,GAAU,GACnC,EACvB,KAAC,YAAY,CAAC,MAAM,cAChB,KAAC,aAAa,cAAS,KAAK,aAAW,MAAM,aAAW,MAAM,KAAM,YAAY,YAC5E,KAAC,iBAAiB,cAAE,QAAQ,GAAqB,GACrC,GACE,IACX,CAClB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
2
|
+
type DropdownRootProps = React.ComponentPropsWithRef<typeof DropdownMenu.Root> & {
|
|
3
|
+
closeOnSelect?: boolean;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
onIsOpenChange?: (isOpen: boolean) => void;
|
|
6
|
+
isOpen?: boolean;
|
|
7
|
+
contentProps?: React.ComponentPropsWithRef<typeof DropdownMenu.Content>;
|
|
8
|
+
};
|
|
9
|
+
export declare const DropdownRoot: ({ closeOnSelect, children, isOpen, onIsOpenChange, ...props }: DropdownRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=dropdown_root.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown_root.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAK9D,KAAK,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,GAAG;IAC7E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,OAAO,CAAC,CAAC;CAC3E,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,+DAM1B,iBAAiB,4CAqBnB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
3
|
+
import { useCallback, useState } from 'react';
|
|
4
|
+
import { DropdownContext } from './dropdown.context.js';
|
|
5
|
+
export const DropdownRoot = ({ closeOnSelect = true, children, isOpen, onIsOpenChange, ...props }) => {
|
|
6
|
+
const [internalIsOpen, setInternalIsOpen] = useState(false);
|
|
7
|
+
const isControlled = isOpen !== undefined && onIsOpenChange !== undefined;
|
|
8
|
+
const effectiveIsOpen = isControlled ? isOpen : internalIsOpen;
|
|
9
|
+
const effectiveSetIsOpen = isControlled ? onIsOpenChange : setInternalIsOpen;
|
|
10
|
+
const closeDropdown = useCallback(() => effectiveSetIsOpen(false), [effectiveSetIsOpen]);
|
|
11
|
+
const handleSelectAndClose = useCallback((event) => {
|
|
12
|
+
if (closeOnSelect)
|
|
13
|
+
closeDropdown();
|
|
14
|
+
if (event)
|
|
15
|
+
event.preventDefault();
|
|
16
|
+
}, [closeOnSelect, closeDropdown]);
|
|
17
|
+
return (_jsx(DropdownContext.Provider, { value: { handleSelectAndClose }, children: _jsx(DropdownMenu.Root, { open: effectiveIsOpen, onOpenChange: effectiveSetIsOpen, modal: false, ...props, children: children }) }));
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=dropdown_root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown_root.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_root.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAUxD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,aAAa,GAAG,IAAI,EACpB,QAAQ,EACR,MAAM,EACN,cAAc,EACd,GAAG,KAAK,EACQ,EAAE,EAAE;IACpB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,YAAY,GAAG,MAAM,KAAK,SAAS,IAAI,cAAc,KAAK,SAAS,CAAC;IAC1E,MAAM,eAAe,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC;IAC/D,MAAM,kBAAkB,GAAG,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAC7E,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACzF,MAAM,oBAAoB,GAAG,WAAW,CACpC,CAAC,KAAa,EAAE,EAAE;QACd,IAAI,aAAa;YAAE,aAAa,EAAE,CAAC;QACnC,IAAI,KAAK;YAAE,KAAK,CAAC,cAAc,EAAE,CAAC;IACtC,CAAC,EACD,CAAC,aAAa,EAAE,aAAa,CAAC,CACjC,CAAC;IAEF,OAAO,CACH,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,oBAAoB,EAAE,YACrD,KAAC,YAAY,CAAC,IAAI,IAAC,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,YAC9F,QAAQ,GACO,GACG,CAC9B,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type ReactNode, type RefObject } from 'react';
|
|
2
|
+
import type { BaseDropdownContentProps } from './dropdown.types.js';
|
|
3
|
+
export type DropdownShellProps = BaseDropdownContentProps & {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
onIsOpenChange: (open: boolean) => void;
|
|
7
|
+
triggerRef: RefObject<HTMLElement | null>;
|
|
8
|
+
strategy?: 'absolute' | 'fixed';
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* DropdownShell positions the dropdown relative to a custom trigger element via Floating UI.
|
|
12
|
+
* Use it when you have a custom trigger (not a Button) and need explicit ref-based positioning.
|
|
13
|
+
*/
|
|
14
|
+
export declare const DropdownShell: ({ isOpen, onIsOpenChange, children, closeOnSelect, contentProps, width, height, triggerRef, strategy, zIndex, }: DropdownShellProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
//# sourceMappingURL=dropdown_shell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown_shell.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_shell.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAC;AAKrF,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG,wBAAwB,GAAG;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;CACnC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,iHAW3B,kBAAkB,mDAkGpB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { autoUpdate, flip, offset as offsetMiddleware, shift, size, useFloating, } from '@floating-ui/react';
|
|
3
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
4
|
+
import { useCallback, useLayoutEffect } from 'react';
|
|
5
|
+
import { theme } from '../../design_system/theme.js';
|
|
6
|
+
import { DropdownContext } from './dropdown.context.js';
|
|
7
|
+
import { ScrollableContent, StyledContent } from './dropdown.styled.js';
|
|
8
|
+
/**
|
|
9
|
+
* DropdownShell positions the dropdown relative to a custom trigger element via Floating UI.
|
|
10
|
+
* Use it when you have a custom trigger (not a Button) and need explicit ref-based positioning.
|
|
11
|
+
*/
|
|
12
|
+
export const DropdownShell = ({ isOpen, onIsOpenChange, children, closeOnSelect = true, contentProps, width, height, triggerRef, strategy = 'absolute', zIndex, }) => {
|
|
13
|
+
const handleSelectAndClose = useCallback((event) => {
|
|
14
|
+
if (closeOnSelect)
|
|
15
|
+
onIsOpenChange(false);
|
|
16
|
+
if (event)
|
|
17
|
+
event.preventDefault();
|
|
18
|
+
}, [closeOnSelect, onIsOpenChange]);
|
|
19
|
+
const side = contentProps?.side || 'bottom';
|
|
20
|
+
const align = contentProps?.align || 'start';
|
|
21
|
+
const sideOffset = contentProps?.sideOffset || 0;
|
|
22
|
+
const alignOffset = contentProps?.alignOffset || 0;
|
|
23
|
+
const placement = align === 'center' ? side : `${side}-${align}`;
|
|
24
|
+
const floatingMiddleware = [
|
|
25
|
+
shift(),
|
|
26
|
+
flip(),
|
|
27
|
+
size({
|
|
28
|
+
apply({ availableHeight, elements }) {
|
|
29
|
+
Object.assign(elements.floating.style, {
|
|
30
|
+
maxHeight: `calc(${availableHeight}px - ${theme.space.space8})`,
|
|
31
|
+
});
|
|
32
|
+
},
|
|
33
|
+
}),
|
|
34
|
+
];
|
|
35
|
+
if (sideOffset || alignOffset) {
|
|
36
|
+
floatingMiddleware.push(offsetMiddleware({ mainAxis: sideOffset, crossAxis: alignOffset }));
|
|
37
|
+
}
|
|
38
|
+
const { x, y, refs: { setReference, setFloating }, strategy: floatingStrategy, } = useFloating({
|
|
39
|
+
placement,
|
|
40
|
+
strategy,
|
|
41
|
+
middleware: floatingMiddleware,
|
|
42
|
+
whileElementsMounted: autoUpdate,
|
|
43
|
+
});
|
|
44
|
+
useLayoutEffect(() => {
|
|
45
|
+
if (triggerRef?.current) {
|
|
46
|
+
setReference(triggerRef.current);
|
|
47
|
+
}
|
|
48
|
+
}, [triggerRef, setReference]);
|
|
49
|
+
const handlePointerDownOutside = useCallback((event) => {
|
|
50
|
+
const isInsideTrigger = triggerRef?.current?.contains(event.detail.originalEvent.target);
|
|
51
|
+
if (!isInsideTrigger) {
|
|
52
|
+
onIsOpenChange(false);
|
|
53
|
+
}
|
|
54
|
+
}, [triggerRef, onIsOpenChange]);
|
|
55
|
+
const shouldShowDropdown = isOpen && x !== null && y !== null;
|
|
56
|
+
const setFloatingRef = useCallback((element) => {
|
|
57
|
+
setFloating(element);
|
|
58
|
+
}, [setFloating]);
|
|
59
|
+
if (!shouldShowDropdown)
|
|
60
|
+
return null;
|
|
61
|
+
const fullscreenContainer = document.fullscreenElement;
|
|
62
|
+
return (_jsx(DropdownContext.Provider, { value: { handleSelectAndClose }, children: _jsx(DropdownMenu.Root, { open: true, modal: false, children: _jsx(DropdownMenu.Portal, { container: fullscreenContainer ?? undefined, children: _jsx(StyledContent, { ref: setFloatingRef, "$width": width, "$height": height, "$zIndex": zIndex, "data-radix-dropdown-content": true, onPointerDownOutside: handlePointerDownOutside, style: {
|
|
63
|
+
position: floatingStrategy,
|
|
64
|
+
top: y ?? '',
|
|
65
|
+
left: x ?? '',
|
|
66
|
+
zIndex: zIndex ?? 100,
|
|
67
|
+
}, ...contentProps, children: _jsx(ScrollableContent, { children: children }) }) }) }) }));
|
|
68
|
+
};
|
|
69
|
+
//# sourceMappingURL=dropdown_shell.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown_shell.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown_shell.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Dropdown } from './dropdown.js';
|
|
2
|
+
export { DropdownButton } from './dropdown_button.js';
|
|
3
|
+
export { DropdownShell } from './dropdown_shell.js';
|
|
4
|
+
export type { DropdownShellProps } from './dropdown_shell.js';
|
|
5
|
+
export { DROPDOWN_ELEMENT_CLASSES } from './dropdown.styled.js';
|
|
6
|
+
export type { BaseDropdownItemProps, BaseDropdownContentProps } from './dropdown.types.js';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
|
|
@@ -31,6 +31,8 @@ type MessageProps = BoxProps & {
|
|
|
31
31
|
};
|
|
32
32
|
/**
|
|
33
33
|
* Component used to display larger messages that are part of the content of the application.
|
|
34
|
+
* @deprecated Use `Alert` instead once it is available.
|
|
35
|
+
* @see https://www.notion.so/apify/Design-system-roadmap-2026-326f39950a2280d4b81bec00ebc9cf44
|
|
34
36
|
*/
|
|
35
37
|
export declare const Message: React.FC<MessageProps>;
|
|
36
38
|
type SpecificMessageProps = Omit<MessageProps, 'type'>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/components/message/message.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAI1E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAC;AA6GF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AASpE,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IACrD,KAAK,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,YAAY,GAAG,QAAQ,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACjC,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/components/message/message.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAI1E,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAC;AA6GF,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AASpE,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IACrD,KAAK,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,KAAK,YAAY,GAAG,QAAQ,GAAG;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8D1C,CAAC;AAEF,KAAK,oBAAoB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAEvD,eAAO,MAAM,WAAW,GAAI,OAAO,oBAAoB,4CAAuC,CAAC;AAC/F,eAAO,MAAM,cAAc,GAAI,OAAO,oBAAoB,4CAA0C,CAAC;AACrG,eAAO,MAAM,cAAc,GAAI,OAAO,oBAAoB,4CAA0C,CAAC;AACrG,eAAO,MAAM,aAAa,GAAI,OAAO,oBAAoB,4CAAyC,CAAC"}
|
|
@@ -127,6 +127,8 @@ const typeToIcon = {
|
|
|
127
127
|
};
|
|
128
128
|
/**
|
|
129
129
|
* Component used to display larger messages that are part of the content of the application.
|
|
130
|
+
* @deprecated Use `Alert` instead once it is available.
|
|
131
|
+
* @see https://www.notion.so/apify/Design-system-roadmap-2026-326f39950a2280d4b81bec00ebc9cf44
|
|
130
132
|
*/
|
|
131
133
|
export const Message = ({ className, Icon, icon, caption, children, onDismissClick, type = 'warning', borderless = false, boxless = false, dismissTrackingId, actions = [], as, ...rest }) => {
|
|
132
134
|
const IconComponent = icon || Icon || typeToIcon[type];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../../src/components/message/message.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,mBAAmB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnG,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAiB,MAAM,QAAQ,CAAC;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,iBAAiB;IAC1B,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,SAAS;IAClB,cAAc,EAAE,gBAAgB;CACnC,CAAC;AAEF,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAA+C;;;WAGrE,KAAK,CAAC,KAAK,CAAC,MAAM;;qBAER,KAAK,CAAC,MAAM,CAAC,OAAO;;OAElC,iBAAiB,CAAC,IAAI;;iBAEZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;kBAEvB,KAAK,CAAC,KAAK,CAAC,MAAM;;;OAG7B,iBAAiB,CAAC,OAAO;;;;OAIzB,iBAAiB,CAAC,WAAW;;;;OAI7B,iBAAiB,CAAC,OAAO;;;eAGjB,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;;;;qBAIlC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;;;;;;;UAO9C,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAClB,WAAW;IACP,CAAC,CAAC,GAAG,CAAA;;;;mBAIF;IACH,CAAC,CAAC,GAAG,CAAA;;mBAEF;;;MAGb,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACf,CAAC,QAAQ;IACT,GAAG,CAAA;;uBAEY,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO;;eAEjD,iBAAiB,CAAC,OAAO;2BACb,KAAK,CAAC,KAAK,CAAC,MAAM;;SAEpC;;OAEF,iBAAiB,CAAC,cAAc;;;eAGxB,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;;;;;4BASL,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;4BAC9B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;WAE3C,iBAAiB,CAAC,IAAI;qBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;;;;4BAKjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;4BACpC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;WAEjD,iBAAiB,CAAC,IAAI;qBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;;;;4BAKjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;4BACpC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;WAEjD,iBAAiB,CAAC,IAAI;qBACZ,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;;;;;4BAKjB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB;4BACnC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY;;WAEhD,iBAAiB,CAAC,IAAI;qBACZ,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI;;;CAG3C,CAAC;AAIF,MAAM,UAAU,GAAgD;IAC5D,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,mBAAmB;IAC5B,MAAM,EAAE,WAAW;CACtB,CAAC;AAoBF
|
|
1
|
+
{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../../src/components/message/message.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAsChC,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAyFxD,CAAC"}
|