@smg-automotive/components 25.11.0-chakra-v3.2 → 25.11.0-chakra-v3.4
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/cjs/components/drawer/DrawerBody.d.ts +4 -0
- package/dist/cjs/components/drawer/DrawerBody.d.ts.map +1 -0
- package/dist/cjs/components/drawer/DrawerContent.d.ts +8 -0
- package/dist/cjs/components/drawer/DrawerContent.d.ts.map +1 -0
- package/dist/cjs/components/drawer/DrawerOverlay.d.ts +3 -0
- package/dist/cjs/components/drawer/DrawerOverlay.d.ts.map +1 -0
- package/dist/cjs/components/drawer/index.d.ts +13 -0
- package/dist/cjs/components/drawer/index.d.ts.map +1 -0
- package/dist/cjs/components/index.d.ts +2 -0
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/menu/index.d.ts +4 -1
- package/dist/cjs/components/menu/index.d.ts.map +1 -1
- package/dist/cjs/components/tab/Tab.d.ts +6 -0
- package/dist/cjs/components/tab/Tab.d.ts.map +1 -0
- package/dist/cjs/components/tab/TabList.d.ts +6 -0
- package/dist/cjs/components/tab/TabList.d.ts.map +1 -0
- package/dist/cjs/components/tab/TabPanel.d.ts +6 -0
- package/dist/cjs/components/tab/TabPanel.d.ts.map +1 -0
- package/dist/cjs/components/tab/TabPanels.d.ts +6 -0
- package/dist/cjs/components/tab/TabPanels.d.ts.map +1 -0
- package/dist/cjs/components/tab/index.d.ts +10 -0
- package/dist/cjs/components/tab/index.d.ts.map +1 -0
- package/dist/cjs/index.js +491 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/themes/shared/index.d.ts +122 -0
- package/dist/cjs/themes/shared/index.d.ts.map +1 -1
- package/dist/cjs/themes/shared/keyframes.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/drawer.d.ts +46 -0
- package/dist/cjs/themes/shared/slotRecipes/drawer.d.ts.map +1 -0
- package/dist/cjs/themes/shared/slotRecipes/index.d.ts +113 -0
- package/dist/cjs/themes/shared/slotRecipes/index.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/menu.d.ts.map +1 -1
- package/dist/cjs/themes/shared/slotRecipes/tabs.d.ts +69 -0
- package/dist/cjs/themes/shared/slotRecipes/tabs.d.ts.map +1 -0
- package/dist/cjs/themes/shared/tokens/animations.d.ts +3 -0
- package/dist/cjs/themes/shared/tokens/animations.d.ts.map +1 -1
- package/dist/cjs/themes/shared/tokens/durations.d.ts +3 -0
- package/dist/cjs/themes/shared/tokens/durations.d.ts.map +1 -1
- package/dist/cjs/themes/shared/tokens/sizes.d.ts +3 -0
- package/dist/cjs/themes/shared/tokens/sizes.d.ts.map +1 -1
- package/dist/esm/components/drawer/DrawerBody.d.ts +4 -0
- package/dist/esm/components/drawer/DrawerBody.d.ts.map +1 -0
- package/dist/esm/components/drawer/DrawerBody.js +11 -0
- package/dist/esm/components/drawer/DrawerBody.js.map +1 -0
- package/dist/esm/components/drawer/DrawerContent.d.ts +8 -0
- package/dist/esm/components/drawer/DrawerContent.d.ts.map +1 -0
- package/dist/esm/components/drawer/DrawerContent.js +181 -0
- package/dist/esm/components/drawer/DrawerContent.js.map +1 -0
- package/dist/esm/components/drawer/DrawerOverlay.d.ts +3 -0
- package/dist/esm/components/drawer/DrawerOverlay.d.ts.map +1 -0
- package/dist/esm/components/drawer/DrawerOverlay.js +10 -0
- package/dist/esm/components/drawer/DrawerOverlay.js.map +1 -0
- package/dist/esm/components/drawer/index.d.ts +13 -0
- package/dist/esm/components/drawer/index.d.ts.map +1 -0
- package/dist/esm/components/drawer/index.js +178 -0
- package/dist/esm/components/drawer/index.js.map +1 -0
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/menu/index.d.ts +4 -1
- package/dist/esm/components/menu/index.d.ts.map +1 -1
- package/dist/esm/components/menu/index.js +12 -7
- package/dist/esm/components/menu/index.js.map +1 -1
- package/dist/esm/components/tab/Tab.d.ts +6 -0
- package/dist/esm/components/tab/Tab.d.ts.map +1 -0
- package/dist/esm/components/tab/Tab.js +13 -0
- package/dist/esm/components/tab/Tab.js.map +1 -0
- package/dist/esm/components/tab/TabList.d.ts +6 -0
- package/dist/esm/components/tab/TabList.d.ts.map +1 -0
- package/dist/esm/components/tab/TabList.js +18 -0
- package/dist/esm/components/tab/TabList.js.map +1 -0
- package/dist/esm/components/tab/TabPanel.d.ts +6 -0
- package/dist/esm/components/tab/TabPanel.d.ts.map +1 -0
- package/dist/esm/components/tab/TabPanel.js +13 -0
- package/dist/esm/components/tab/TabPanel.js.map +1 -0
- package/dist/esm/components/tab/TabPanels.d.ts +6 -0
- package/dist/esm/components/tab/TabPanels.d.ts.map +1 -0
- package/dist/esm/components/tab/TabPanels.js +16 -0
- package/dist/esm/components/tab/TabPanels.js.map +1 -0
- package/dist/esm/components/tab/index.d.ts +10 -0
- package/dist/esm/components/tab/index.d.ts.map +1 -0
- package/dist/esm/components/tab/index.js +17 -0
- package/dist/esm/components/tab/index.js.map +1 -0
- package/dist/esm/components/themeProvider/index.js +2 -0
- package/dist/esm/components/themeProvider/index.js.map +1 -1
- package/dist/esm/index.js +11 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/themes/shared/index.d.ts +122 -0
- package/dist/esm/themes/shared/index.d.ts.map +1 -1
- package/dist/esm/themes/shared/keyframes.d.ts.map +1 -1
- package/dist/esm/themes/shared/keyframes.js +32 -0
- package/dist/esm/themes/shared/keyframes.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/drawer.d.ts +46 -0
- package/dist/esm/themes/shared/slotRecipes/drawer.d.ts.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/drawer.js +247 -0
- package/dist/esm/themes/shared/slotRecipes/drawer.js.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/index.d.ts +113 -0
- package/dist/esm/themes/shared/slotRecipes/index.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/index.js +4 -0
- package/dist/esm/themes/shared/slotRecipes/index.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/menu.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/menu.js +1 -0
- package/dist/esm/themes/shared/slotRecipes/menu.js.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/tabs.d.ts +69 -0
- package/dist/esm/themes/shared/slotRecipes/tabs.d.ts.map +1 -0
- package/dist/esm/themes/shared/slotRecipes/tabs.js +120 -0
- package/dist/esm/themes/shared/slotRecipes/tabs.js.map +1 -0
- package/dist/esm/themes/shared/tokens/animations.d.ts +3 -0
- package/dist/esm/themes/shared/tokens/animations.d.ts.map +1 -1
- package/dist/esm/themes/shared/tokens/animations.js +2 -1
- package/dist/esm/themes/shared/tokens/animations.js.map +1 -1
- package/dist/esm/themes/shared/tokens/durations.d.ts +3 -0
- package/dist/esm/themes/shared/tokens/durations.d.ts.map +1 -1
- package/dist/esm/themes/shared/tokens/durations.js +3 -0
- package/dist/esm/themes/shared/tokens/durations.js.map +1 -1
- package/dist/esm/themes/shared/tokens/sizes.d.ts +3 -0
- package/dist/esm/themes/shared/tokens/sizes.d.ts.map +1 -1
- package/dist/esm/themes/shared/tokens/sizes.js +1 -0
- package/dist/esm/themes/shared/tokens/sizes.js.map +1 -1
- package/dist/index.d.ts +108 -3
- package/package.json +1 -1
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Drawer } from '@chakra-ui/react';
|
|
4
|
+
import '../icons/AdvancedSearchIcon.js';
|
|
5
|
+
import '../icons/ArrowCircleIcon.js';
|
|
6
|
+
import '../icons/ArrowDiagonalIcon.js';
|
|
7
|
+
import '../icons/ArrowDownIcon.js';
|
|
8
|
+
import '../icons/ArrowLeftIcon.js';
|
|
9
|
+
import '../icons/ArrowRightIcon.js';
|
|
10
|
+
import '../icons/ArrowUpIcon.js';
|
|
11
|
+
import '../icons/AutoScout24AppLogo.js';
|
|
12
|
+
import '../icons/AvatarIcon.js';
|
|
13
|
+
import '../icons/AvatarWithNotificationIcon.js';
|
|
14
|
+
import '../icons/BatteryIcon.js';
|
|
15
|
+
import '../icons/BookmarkIcon.js';
|
|
16
|
+
import '../icons/CalculatorIcon.js';
|
|
17
|
+
import '../icons/CalendarIcon.js';
|
|
18
|
+
import '../icons/CallIcon.js';
|
|
19
|
+
import '../icons/CamperIcon.js';
|
|
20
|
+
import '../icons/CarConditionIcon.js';
|
|
21
|
+
import '../icons/CarIcon.js';
|
|
22
|
+
import '../icons/CopyIcon.js';
|
|
23
|
+
import '../icons/ChartIcon.js';
|
|
24
|
+
import '../icons/CheckmarkIcon.js';
|
|
25
|
+
import '../icons/CheckmarkCircleIcon.js';
|
|
26
|
+
import '../icons/CheckShieldIcon.js';
|
|
27
|
+
import '../icons/ChevronDownLargeIcon.js';
|
|
28
|
+
import '../icons/ChevronDownSmallIcon.js';
|
|
29
|
+
import '../icons/ChevronLeftLargeIcon.js';
|
|
30
|
+
import '../icons/ChevronLeftSmallIcon.js';
|
|
31
|
+
import '../icons/ChevronRightLargeIcon.js';
|
|
32
|
+
import '../icons/ChevronRightSmallIcon.js';
|
|
33
|
+
import '../icons/ChevronRightTinyIcon.js';
|
|
34
|
+
import '../icons/ChevronUpLargeIcon.js';
|
|
35
|
+
import '../icons/ChevronUpSmallIcon.js';
|
|
36
|
+
import { CloseIcon } from '../icons/CloseIcon.js';
|
|
37
|
+
import '../icons/CompareIcon.js';
|
|
38
|
+
import '../icons/ConsumptionIcon.js';
|
|
39
|
+
import '../icons/CreditIcon.js';
|
|
40
|
+
import '../icons/CreditCardIcon.js';
|
|
41
|
+
import '../icons/DaylightIcon.js';
|
|
42
|
+
import '../icons/DeleteIcon.js';
|
|
43
|
+
import '../icons/DocumentCheckIcon.js';
|
|
44
|
+
import '../icons/DocumentIcon.js';
|
|
45
|
+
import '../icons/DragIcon.js';
|
|
46
|
+
import '../icons/DriveSystemIcon.js';
|
|
47
|
+
import '../icons/DriveTypeIcon.js';
|
|
48
|
+
import '../icons/EquipmentIcon.js';
|
|
49
|
+
import '../icons/ErrorIcon.js';
|
|
50
|
+
import '../icons/ExchangeIcon.js';
|
|
51
|
+
import '../icons/EyeIcon.js';
|
|
52
|
+
import '../icons/EyeCrossedIcon.js';
|
|
53
|
+
import '../icons/FacebookIcon.js';
|
|
54
|
+
import '../icons/FlagIcon.js';
|
|
55
|
+
import '../icons/FlameIcon.js';
|
|
56
|
+
import '../icons/FlashIcon.js';
|
|
57
|
+
import '../icons/GasStationIcon.js';
|
|
58
|
+
import '../icons/HeartIcon.js';
|
|
59
|
+
import '../icons/HistoryClockIcon.js';
|
|
60
|
+
import '../icons/HouseIcon.js';
|
|
61
|
+
import '../icons/ImageIcon.js';
|
|
62
|
+
import '../icons/InfoIcon.js';
|
|
63
|
+
import '../icons/InstagramIcon.js';
|
|
64
|
+
import '../icons/InteriorIcon.js';
|
|
65
|
+
import '../icons/LinkedinIcon.js';
|
|
66
|
+
import '../icons/ListIcon.js';
|
|
67
|
+
import '../icons/LocationPinIcon.js';
|
|
68
|
+
import '../icons/MagnifierIcon.js';
|
|
69
|
+
import '../icons/MessageIcon.js';
|
|
70
|
+
import '../icons/MissingImageIcon.js';
|
|
71
|
+
import '../icons/MotorcycleIcon.js';
|
|
72
|
+
import '../icons/MotoScout24AppLogo.js';
|
|
73
|
+
import '../icons/PenIcon.js';
|
|
74
|
+
import '../icons/PlusIcon.js';
|
|
75
|
+
import '../icons/ChfCurrencyIcon.js';
|
|
76
|
+
import '../icons/PrintIcon.js';
|
|
77
|
+
import '../icons/RangeIcon.js';
|
|
78
|
+
import '../icons/RoadIcon.js';
|
|
79
|
+
import '../icons/RotateIcon.js';
|
|
80
|
+
import '../icons/SafeNumberIcon.js';
|
|
81
|
+
import '../icons/ShareIcon.js';
|
|
82
|
+
import '../icons/StarIcon.js';
|
|
83
|
+
import '../icons/SteeringWheelIcon.js';
|
|
84
|
+
import '../icons/ThreeSixtyIcon.js';
|
|
85
|
+
import '../icons/TimeIcon.js';
|
|
86
|
+
import '../icons/TooltipIcon.js';
|
|
87
|
+
import '../icons/InformationIcon.js';
|
|
88
|
+
import '../icons/TopListingIcon.js';
|
|
89
|
+
import '../icons/TrailerIcon.js';
|
|
90
|
+
import '../icons/TransmissionIcon.js';
|
|
91
|
+
import '../icons/Trash.js';
|
|
92
|
+
import '../icons/TruckIcon.js';
|
|
93
|
+
import '../icons/TwitterIcon.js';
|
|
94
|
+
import '../icons/UtilityVehicleIcon.js';
|
|
95
|
+
import '../icons/VehiclePowerIcon.js';
|
|
96
|
+
import '../icons/VehicleTypesMotorcycleIcon.js';
|
|
97
|
+
import '../icons/VideoIcon.js';
|
|
98
|
+
import '../icons/VideoCameraIcon.js';
|
|
99
|
+
import '../icons/ViewCarIcon.js';
|
|
100
|
+
import '../icons/DriveSystemLargeIcon.js';
|
|
101
|
+
import '../icons/WarningIcon.js';
|
|
102
|
+
import '../icons/WhatsAppIcon.js';
|
|
103
|
+
import '../icons/YoutubeIcon.js';
|
|
104
|
+
import '../icons/SortIcon.js';
|
|
105
|
+
import '../icons/ViewMotorcycleIcon.js';
|
|
106
|
+
import '../icons/GoogleIcon.js';
|
|
107
|
+
import '../icons/SaveSearchIcon.js';
|
|
108
|
+
import '../icons/AutoScout24Icon.js';
|
|
109
|
+
import '../icons/MotoScout24Icon.js';
|
|
110
|
+
import '../icons/MagnifierLargeIcon.js';
|
|
111
|
+
import '../icons/RocketIcon.js';
|
|
112
|
+
import '../icons/CartIcon.js';
|
|
113
|
+
import '../icons/VanIcon.js';
|
|
114
|
+
import '../icons/MiniVanIcon.js';
|
|
115
|
+
import '../icons/SuvIcon.js';
|
|
116
|
+
import '../icons/CoupeIcon.js';
|
|
117
|
+
import '../icons/CabrioletIcon.js';
|
|
118
|
+
import '../icons/SmallCarIcon.js';
|
|
119
|
+
import '../icons/SedanIcon.js';
|
|
120
|
+
import '../icons/WagonIcon.js';
|
|
121
|
+
import '../icons/PickUpIcon.js';
|
|
122
|
+
import '../icons/InformationBubbleIcon.js';
|
|
123
|
+
import '../icons/OverflowVerticalIcon.js';
|
|
124
|
+
import '../icons/PartialClockIcon.js';
|
|
125
|
+
import '../icons/LockIcon.js';
|
|
126
|
+
import '../icons/TiltedRectangleIcon.js';
|
|
127
|
+
import '../icons/PlusCircleIcon.js';
|
|
128
|
+
import '../icons/StarCircleIcon.js';
|
|
129
|
+
import '../icons/InfinityCircleIcon.js';
|
|
130
|
+
import '../icons/VehicleTypesMotorcycleStarIcon.js';
|
|
131
|
+
import '../icons/CategoryAOneIcon.js';
|
|
132
|
+
import '../icons/CategoryAIcon.js';
|
|
133
|
+
import '../icons/CategoryAMinusIcon.js';
|
|
134
|
+
import '../icons/BankNotesIcon.js';
|
|
135
|
+
import '../icons/ChatBubbleIcon.js';
|
|
136
|
+
import '../icons/DigitalContractIcon.js';
|
|
137
|
+
import '../icons/OptimizerIcon.js';
|
|
138
|
+
import '../icons/CheckmarkCircleColorIcon.js';
|
|
139
|
+
import '../icons/ArrowDownCircleIcon.js';
|
|
140
|
+
import '../icons/ArrowUpCircleIcon.js';
|
|
141
|
+
import '../icons/NotAvailableIcon.js';
|
|
142
|
+
import '../icons/LabelIcon.js';
|
|
143
|
+
import '../icons/BulbIcon.js';
|
|
144
|
+
import '../icons/NoPhotoIcon.js';
|
|
145
|
+
import '../icons/ThumbsUpIcon.js';
|
|
146
|
+
import '../icons/ThumbsDownIcon.js';
|
|
147
|
+
import '../icons/MinusIcon.js';
|
|
148
|
+
import '../icons/DoubleChevronUpIcon.js';
|
|
149
|
+
import '../icons/DoubleChevronDownIcon.js';
|
|
150
|
+
import '../icons/DoubleLineIcon.js';
|
|
151
|
+
import '../icons/NotAvailableSquareIcon.js';
|
|
152
|
+
import '../icons/WarrantyIcon.js';
|
|
153
|
+
import '../icons/DownloadIcon.js';
|
|
154
|
+
import '../icons/TriangleIcon.js';
|
|
155
|
+
import '../icons/SwissFlagIcon.js';
|
|
156
|
+
import '../icons/GlobeIcon.js';
|
|
157
|
+
import '../icons/GarageIcon.js';
|
|
158
|
+
import '../icons/HamburgerMenuIcon.js';
|
|
159
|
+
import '../icons/LogoutIcon.js';
|
|
160
|
+
import '../icons/AndroidIcon.js';
|
|
161
|
+
import '../icons/AppleIcon.js';
|
|
162
|
+
import '../icons/WindowsIcon.js';
|
|
163
|
+
import '../icons/SpeakerIcon.js';
|
|
164
|
+
import '../icons/AddPhotoIcon.js';
|
|
165
|
+
import '../icons/ScreenIcon.js';
|
|
166
|
+
import '../icons/QualitySealIcon.js';
|
|
167
|
+
import '../icons/ExpandIcon.js';
|
|
168
|
+
import '../icons/CollapseIcon.js';
|
|
169
|
+
import '../icons/ForwardIcon.js';
|
|
170
|
+
|
|
171
|
+
var DrawerContent = function (props) {
|
|
172
|
+
var children = props.children, withCloseButton = props.withCloseButton, drawerContentProps = __rest(props, ["children", "withCloseButton"]);
|
|
173
|
+
return (React.createElement(Drawer.Positioner, null,
|
|
174
|
+
React.createElement(Drawer.Content, __assign({}, drawerContentProps),
|
|
175
|
+
withCloseButton ? (React.createElement(Drawer.CloseTrigger, { asChild: true, fontSize: "base" },
|
|
176
|
+
React.createElement(CloseIcon, null))) : null,
|
|
177
|
+
children)));
|
|
178
|
+
};
|
|
179
|
+
|
|
180
|
+
export { DrawerContent };
|
|
181
|
+
//# sourceMappingURL=DrawerContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerContent.js","sources":["../../../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["ChakraDrawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaO,IAAM,aAAa,GAAiC,UAAC,KAAK,EAAA;AACvD,IAAA,IAAA,QAAQ,GAA6C,KAAK,CAAA,QAAlD,EAAE,eAAe,GAA4B,KAAK,CAAA,eAAjC,EAAK,kBAAkB,GAAA,MAAA,CAAK,KAAK,EAA5D,CAAA,UAAA,EAAA,iBAAA,CAAoD,CAAF;AAExD,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,MAAY,CAAC,UAAU,EAAA,IAAA;AACtB,QAAA,KAAA,CAAA,aAAA,CAACA,MAAY,CAAC,OAAO,EAAA,QAAA,CAAA,EAAA,EAAK,kBAAkB,CAAA;AACzC,YAAA,eAAe,IACd,KAAA,CAAA,aAAA,CAACA,MAAY,CAAC,YAAY,EAAA,EAAC,OAAO,EAAA,IAAA,EAAC,QAAQ,EAAC,MAAM,EAAA;AAChD,gBAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,CAAG,CACa,IAC1B,IAAI;YACP,QAAQ,CACY,CACC;AAE9B;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerOverlay.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/DrawerOverlay.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAIrD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAE/C,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Drawer } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var DrawerOverlay = function (props) {
|
|
6
|
+
return React.createElement(Drawer.Backdrop, __assign({}, props));
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export { DrawerOverlay };
|
|
10
|
+
//# sourceMappingURL=DrawerOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DrawerOverlay.js","sources":["../../../../../src/components/drawer/DrawerOverlay.tsx"],"sourcesContent":[null],"names":["ChakraDrawer"],"mappings":";;;;AAIO,IAAM,aAAa,GAA0B,UAAC,KAAK,EAAA;AACxD,IAAA,OAAO,oBAACA,MAAY,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,EAAI;AAC7C;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { DrawerRootProps } from '@chakra-ui/react';
|
|
3
|
+
import { DrawerOverlay } from './DrawerOverlay';
|
|
4
|
+
import { DrawerContent } from './DrawerContent';
|
|
5
|
+
import { DrawerBody } from './DrawerBody';
|
|
6
|
+
interface DrawerProps extends Omit<DrawerRootProps, 'open' | 'onOpenChange'> {
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
onClose: () => void;
|
|
9
|
+
}
|
|
10
|
+
export declare const Drawer: FC<PropsWithChildren<DrawerProps>>;
|
|
11
|
+
export type { DrawerProps };
|
|
12
|
+
export { DrawerOverlay, DrawerContent, DrawerBody };
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAEL,eAAe,EAEhB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,UAAU,WAAY,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,cAAc,CAAC;IAC1E,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAYrD,CAAC;AAEF,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Drawer as Drawer$1, Portal } from '@chakra-ui/react';
|
|
4
|
+
import '../icons/AdvancedSearchIcon.js';
|
|
5
|
+
import '../icons/ArrowCircleIcon.js';
|
|
6
|
+
import '../icons/ArrowDiagonalIcon.js';
|
|
7
|
+
import '../icons/ArrowDownIcon.js';
|
|
8
|
+
import '../icons/ArrowLeftIcon.js';
|
|
9
|
+
import '../icons/ArrowRightIcon.js';
|
|
10
|
+
import '../icons/ArrowUpIcon.js';
|
|
11
|
+
import '../icons/AutoScout24AppLogo.js';
|
|
12
|
+
import '../icons/AvatarIcon.js';
|
|
13
|
+
import '../icons/AvatarWithNotificationIcon.js';
|
|
14
|
+
import '../icons/BatteryIcon.js';
|
|
15
|
+
import '../icons/BookmarkIcon.js';
|
|
16
|
+
import '../icons/CalculatorIcon.js';
|
|
17
|
+
import '../icons/CalendarIcon.js';
|
|
18
|
+
import '../icons/CallIcon.js';
|
|
19
|
+
import '../icons/CamperIcon.js';
|
|
20
|
+
import '../icons/CarConditionIcon.js';
|
|
21
|
+
import '../icons/CarIcon.js';
|
|
22
|
+
import '../icons/CopyIcon.js';
|
|
23
|
+
import '../icons/ChartIcon.js';
|
|
24
|
+
import '../icons/CheckmarkIcon.js';
|
|
25
|
+
import '../icons/CheckmarkCircleIcon.js';
|
|
26
|
+
import '../icons/CheckShieldIcon.js';
|
|
27
|
+
import '../icons/ChevronDownLargeIcon.js';
|
|
28
|
+
import '../icons/ChevronDownSmallIcon.js';
|
|
29
|
+
import '../icons/ChevronLeftLargeIcon.js';
|
|
30
|
+
import '../icons/ChevronLeftSmallIcon.js';
|
|
31
|
+
import '../icons/ChevronRightLargeIcon.js';
|
|
32
|
+
import '../icons/ChevronRightSmallIcon.js';
|
|
33
|
+
import '../icons/ChevronRightTinyIcon.js';
|
|
34
|
+
import '../icons/ChevronUpLargeIcon.js';
|
|
35
|
+
import '../icons/ChevronUpSmallIcon.js';
|
|
36
|
+
import '../icons/CloseIcon.js';
|
|
37
|
+
import '../icons/CompareIcon.js';
|
|
38
|
+
import '../icons/ConsumptionIcon.js';
|
|
39
|
+
import '../icons/CreditIcon.js';
|
|
40
|
+
import '../icons/CreditCardIcon.js';
|
|
41
|
+
import '../icons/DaylightIcon.js';
|
|
42
|
+
import '../icons/DeleteIcon.js';
|
|
43
|
+
import '../icons/DocumentCheckIcon.js';
|
|
44
|
+
import '../icons/DocumentIcon.js';
|
|
45
|
+
import '../icons/DragIcon.js';
|
|
46
|
+
import '../icons/DriveSystemIcon.js';
|
|
47
|
+
import '../icons/DriveTypeIcon.js';
|
|
48
|
+
import '../icons/EquipmentIcon.js';
|
|
49
|
+
import '../icons/ErrorIcon.js';
|
|
50
|
+
import '../icons/ExchangeIcon.js';
|
|
51
|
+
import '../icons/EyeIcon.js';
|
|
52
|
+
import '../icons/EyeCrossedIcon.js';
|
|
53
|
+
import '../icons/FacebookIcon.js';
|
|
54
|
+
import '../icons/FlagIcon.js';
|
|
55
|
+
import '../icons/FlameIcon.js';
|
|
56
|
+
import '../icons/FlashIcon.js';
|
|
57
|
+
import '../icons/GasStationIcon.js';
|
|
58
|
+
import '../icons/HeartIcon.js';
|
|
59
|
+
import '../icons/HistoryClockIcon.js';
|
|
60
|
+
import '../icons/HouseIcon.js';
|
|
61
|
+
import '../icons/ImageIcon.js';
|
|
62
|
+
import '../icons/InfoIcon.js';
|
|
63
|
+
import '../icons/InstagramIcon.js';
|
|
64
|
+
import '../icons/InteriorIcon.js';
|
|
65
|
+
import '../icons/LinkedinIcon.js';
|
|
66
|
+
import '../icons/ListIcon.js';
|
|
67
|
+
import '../icons/LocationPinIcon.js';
|
|
68
|
+
import '../icons/MagnifierIcon.js';
|
|
69
|
+
import '../icons/MessageIcon.js';
|
|
70
|
+
import '../icons/MissingImageIcon.js';
|
|
71
|
+
import '../icons/MotorcycleIcon.js';
|
|
72
|
+
import '../icons/MotoScout24AppLogo.js';
|
|
73
|
+
import '../icons/PenIcon.js';
|
|
74
|
+
import '../icons/PlusIcon.js';
|
|
75
|
+
import '../icons/ChfCurrencyIcon.js';
|
|
76
|
+
import '../icons/PrintIcon.js';
|
|
77
|
+
import '../icons/RangeIcon.js';
|
|
78
|
+
import '../icons/RoadIcon.js';
|
|
79
|
+
import '../icons/RotateIcon.js';
|
|
80
|
+
import '../icons/SafeNumberIcon.js';
|
|
81
|
+
import '../icons/ShareIcon.js';
|
|
82
|
+
import '../icons/StarIcon.js';
|
|
83
|
+
import '../icons/SteeringWheelIcon.js';
|
|
84
|
+
import '../icons/ThreeSixtyIcon.js';
|
|
85
|
+
import '../icons/TimeIcon.js';
|
|
86
|
+
import '../icons/TooltipIcon.js';
|
|
87
|
+
import '../icons/InformationIcon.js';
|
|
88
|
+
import '../icons/TopListingIcon.js';
|
|
89
|
+
import '../icons/TrailerIcon.js';
|
|
90
|
+
import '../icons/TransmissionIcon.js';
|
|
91
|
+
import '../icons/Trash.js';
|
|
92
|
+
import '../icons/TruckIcon.js';
|
|
93
|
+
import '../icons/TwitterIcon.js';
|
|
94
|
+
import '../icons/UtilityVehicleIcon.js';
|
|
95
|
+
import '../icons/VehiclePowerIcon.js';
|
|
96
|
+
import '../icons/VehicleTypesMotorcycleIcon.js';
|
|
97
|
+
import '../icons/VideoIcon.js';
|
|
98
|
+
import '../icons/VideoCameraIcon.js';
|
|
99
|
+
import '../icons/ViewCarIcon.js';
|
|
100
|
+
import '../icons/DriveSystemLargeIcon.js';
|
|
101
|
+
import '../icons/WarningIcon.js';
|
|
102
|
+
import '../icons/WhatsAppIcon.js';
|
|
103
|
+
import '../icons/YoutubeIcon.js';
|
|
104
|
+
import '../icons/SortIcon.js';
|
|
105
|
+
import '../icons/ViewMotorcycleIcon.js';
|
|
106
|
+
import '../icons/GoogleIcon.js';
|
|
107
|
+
import '../icons/SaveSearchIcon.js';
|
|
108
|
+
import '../icons/AutoScout24Icon.js';
|
|
109
|
+
import '../icons/MotoScout24Icon.js';
|
|
110
|
+
import '../icons/MagnifierLargeIcon.js';
|
|
111
|
+
import '../icons/RocketIcon.js';
|
|
112
|
+
import '../icons/CartIcon.js';
|
|
113
|
+
import '../icons/VanIcon.js';
|
|
114
|
+
import '../icons/MiniVanIcon.js';
|
|
115
|
+
import '../icons/SuvIcon.js';
|
|
116
|
+
import '../icons/CoupeIcon.js';
|
|
117
|
+
import '../icons/CabrioletIcon.js';
|
|
118
|
+
import '../icons/SmallCarIcon.js';
|
|
119
|
+
import '../icons/SedanIcon.js';
|
|
120
|
+
import '../icons/WagonIcon.js';
|
|
121
|
+
import '../icons/PickUpIcon.js';
|
|
122
|
+
import '../icons/InformationBubbleIcon.js';
|
|
123
|
+
import '../icons/OverflowVerticalIcon.js';
|
|
124
|
+
import '../icons/PartialClockIcon.js';
|
|
125
|
+
import '../icons/LockIcon.js';
|
|
126
|
+
import '../icons/TiltedRectangleIcon.js';
|
|
127
|
+
import '../icons/PlusCircleIcon.js';
|
|
128
|
+
import '../icons/StarCircleIcon.js';
|
|
129
|
+
import '../icons/InfinityCircleIcon.js';
|
|
130
|
+
import '../icons/VehicleTypesMotorcycleStarIcon.js';
|
|
131
|
+
import '../icons/CategoryAOneIcon.js';
|
|
132
|
+
import '../icons/CategoryAIcon.js';
|
|
133
|
+
import '../icons/CategoryAMinusIcon.js';
|
|
134
|
+
import '../icons/BankNotesIcon.js';
|
|
135
|
+
import '../icons/ChatBubbleIcon.js';
|
|
136
|
+
import '../icons/DigitalContractIcon.js';
|
|
137
|
+
import '../icons/OptimizerIcon.js';
|
|
138
|
+
import '../icons/CheckmarkCircleColorIcon.js';
|
|
139
|
+
import '../icons/ArrowDownCircleIcon.js';
|
|
140
|
+
import '../icons/ArrowUpCircleIcon.js';
|
|
141
|
+
import '../icons/NotAvailableIcon.js';
|
|
142
|
+
import '../icons/LabelIcon.js';
|
|
143
|
+
import '../icons/BulbIcon.js';
|
|
144
|
+
import '../icons/NoPhotoIcon.js';
|
|
145
|
+
import '../icons/ThumbsUpIcon.js';
|
|
146
|
+
import '../icons/ThumbsDownIcon.js';
|
|
147
|
+
import '../icons/MinusIcon.js';
|
|
148
|
+
import '../icons/DoubleChevronUpIcon.js';
|
|
149
|
+
import '../icons/DoubleChevronDownIcon.js';
|
|
150
|
+
import '../icons/DoubleLineIcon.js';
|
|
151
|
+
import '../icons/NotAvailableSquareIcon.js';
|
|
152
|
+
import '../icons/WarrantyIcon.js';
|
|
153
|
+
import '../icons/DownloadIcon.js';
|
|
154
|
+
import '../icons/TriangleIcon.js';
|
|
155
|
+
import '../icons/SwissFlagIcon.js';
|
|
156
|
+
import '../icons/GlobeIcon.js';
|
|
157
|
+
import '../icons/GarageIcon.js';
|
|
158
|
+
import '../icons/HamburgerMenuIcon.js';
|
|
159
|
+
import '../icons/LogoutIcon.js';
|
|
160
|
+
import '../icons/AndroidIcon.js';
|
|
161
|
+
import '../icons/AppleIcon.js';
|
|
162
|
+
import '../icons/WindowsIcon.js';
|
|
163
|
+
import '../icons/SpeakerIcon.js';
|
|
164
|
+
import '../icons/AddPhotoIcon.js';
|
|
165
|
+
import '../icons/ScreenIcon.js';
|
|
166
|
+
import '../icons/QualitySealIcon.js';
|
|
167
|
+
import '../icons/ExpandIcon.js';
|
|
168
|
+
import '../icons/CollapseIcon.js';
|
|
169
|
+
import '../icons/ForwardIcon.js';
|
|
170
|
+
|
|
171
|
+
var Drawer = function (props) {
|
|
172
|
+
var children = props.children, isOpen = props.isOpen, onClose = props.onClose, drawerProps = __rest(props, ["children", "isOpen", "onClose"]);
|
|
173
|
+
return (React.createElement(Drawer$1.Root, __assign({ open: isOpen, onOpenChange: function (e) { return !e.open && onClose(); } }, drawerProps),
|
|
174
|
+
React.createElement(Portal, null, children)));
|
|
175
|
+
};
|
|
176
|
+
|
|
177
|
+
export { Drawer };
|
|
178
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/drawer/index.tsx"],"sourcesContent":[null],"names":["ChakraDrawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,IAAM,MAAM,GAAuC,UAAC,KAAK,EAAA;IACtD,IAAA,QAAQ,GAAsC,KAAK,CAAA,QAA3C,EAAE,MAAM,GAA8B,KAAK,CAAA,MAAnC,EAAE,OAAO,GAAqB,KAAK,QAA1B,EAAK,WAAW,UAAK,KAAK,EAArD,CAAA,UAAA,EAAA,QAAA,EAAA,SAAA,CAA6C,CAAF;IAEjD,QACE,KAAA,CAAA,aAAA,CAACA,QAAY,CAAC,IAAI,EAAA,QAAA,CAAA,EAChB,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,UAAC,CAAC,EAAA,EAAK,OAAA,CAAC,CAAC,CAAC,IAAI,IAAI,OAAO,EAAE,CAAA,CAApB,CAAoB,EAAA,EACrC,WAAW,CAAA;AAEf,QAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA,EAAE,QAAQ,CAAU,CACT;AAExB;;;;"}
|
|
@@ -14,6 +14,7 @@ export * from './count';
|
|
|
14
14
|
export * from './datePicker';
|
|
15
15
|
export * from './devOverlay';
|
|
16
16
|
export * from './dialog';
|
|
17
|
+
export * from './drawer';
|
|
17
18
|
export * from './energyLabel';
|
|
18
19
|
export * from './errorPage';
|
|
19
20
|
export * from './flex';
|
|
@@ -40,6 +41,7 @@ export * from './simpleGrid';
|
|
|
40
41
|
export * from './simpleHeader';
|
|
41
42
|
export * from './stack';
|
|
42
43
|
export * from './switch';
|
|
44
|
+
export * from './tab';
|
|
43
45
|
export * from './table';
|
|
44
46
|
export * from './text';
|
|
45
47
|
export * from './text/HighlightedText';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC, JSX, ReactElement } from 'react';
|
|
2
|
-
import { MenuRootProps, MenuTriggerProps } from '@chakra-ui/react';
|
|
2
|
+
import { MenuContentProps, MenuRootProps, MenuTriggerProps } from '@chakra-ui/react';
|
|
3
3
|
interface MenuItem {
|
|
4
4
|
text: JSX.Element | string;
|
|
5
5
|
value: string;
|
|
@@ -8,13 +8,16 @@ interface MenuItem {
|
|
|
8
8
|
export interface MenuProps {
|
|
9
9
|
title: string | ReactElement;
|
|
10
10
|
items: MenuItem[];
|
|
11
|
+
value?: string;
|
|
11
12
|
fontWeightTitle?: MenuTriggerProps['fontWeight'];
|
|
12
13
|
offset?: [number, number];
|
|
13
14
|
menuColor?: MenuTriggerProps['color'];
|
|
15
|
+
menuOptionColor?: MenuContentProps['color'];
|
|
14
16
|
showChevron?: boolean;
|
|
15
17
|
icon?: ReactElement;
|
|
16
18
|
iconSpacing?: MenuTriggerProps['gap'];
|
|
17
19
|
placement?: Exclude<MenuRootProps['positioning'], undefined>['placement'];
|
|
20
|
+
showOptionsCheckmark?: boolean;
|
|
18
21
|
}
|
|
19
22
|
export declare const Menu: FC<MenuProps>;
|
|
20
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAGL,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAGjB,MAAM,kBAAkB,CAAC;AAI1B,UAAU,QAAQ;IAChB,IAAI,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,GAAG,YAAY,CAAC;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACtC,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1E,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CA+E9B,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { useSlotRecipe, Menu as Menu$1, Portal } from '@chakra-ui/react';
|
|
3
|
+
import { useSlotRecipe, Menu as Menu$1, Portal, Box } from '@chakra-ui/react';
|
|
4
4
|
import '../icons/AdvancedSearchIcon.js';
|
|
5
5
|
import '../icons/ArrowCircleIcon.js';
|
|
6
6
|
import '../icons/ArrowDiagonalIcon.js';
|
|
@@ -21,7 +21,7 @@ import '../icons/CarConditionIcon.js';
|
|
|
21
21
|
import '../icons/CarIcon.js';
|
|
22
22
|
import '../icons/CopyIcon.js';
|
|
23
23
|
import '../icons/ChartIcon.js';
|
|
24
|
-
import '../icons/CheckmarkIcon.js';
|
|
24
|
+
import { CheckmarkIcon } from '../icons/CheckmarkIcon.js';
|
|
25
25
|
import '../icons/CheckmarkCircleIcon.js';
|
|
26
26
|
import '../icons/CheckShieldIcon.js';
|
|
27
27
|
import '../icons/ChevronDownLargeIcon.js';
|
|
@@ -169,14 +169,16 @@ import '../icons/CollapseIcon.js';
|
|
|
169
169
|
import '../icons/ForwardIcon.js';
|
|
170
170
|
|
|
171
171
|
var Menu = function (_a) {
|
|
172
|
-
var title = _a.title, items = _a.items, _b = _a.fontWeightTitle, fontWeightTitle = _b === void 0 ? 'regular' : _b, _c = _a.offset, offset = _c === void 0 ? [8, 0] : _c, menuColor = _a.menuColor, _d = _a.showChevron, showChevron = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconSpacing, iconSpacing = _e === void 0 ? 'sm' : _e, placement = _a.placement;
|
|
172
|
+
var title = _a.title, items = _a.items, value = _a.value, _b = _a.fontWeightTitle, fontWeightTitle = _b === void 0 ? 'regular' : _b, _c = _a.offset, offset = _c === void 0 ? [8, 0] : _c, menuColor = _a.menuColor, menuOptionColor = _a.menuOptionColor, _d = _a.showChevron, showChevron = _d === void 0 ? true : _d, icon = _a.icon, _e = _a.iconSpacing, iconSpacing = _e === void 0 ? 'sm' : _e, placement = _a.placement, _f = _a.showOptionsCheckmark, showOptionsCheckmark = _f === void 0 ? false : _f;
|
|
173
173
|
var recipe = useSlotRecipe({ key: 'menu' });
|
|
174
174
|
var styles = recipe();
|
|
175
|
-
var
|
|
175
|
+
var _g = offset[0], mainAxis = _g === void 0 ? 0 : _g, _h = offset[1], crossAxis = _h === void 0 ? 0 : _h;
|
|
176
176
|
return (React.createElement(Menu$1.Root, { positioning: { placement: placement, offset: { mainAxis: mainAxis, crossAxis: crossAxis } } },
|
|
177
177
|
React.createElement(Menu$1.Context, null, function (_a) {
|
|
178
178
|
var open = _a.open;
|
|
179
|
-
|
|
179
|
+
// menuColor takes precedence over the open state color
|
|
180
|
+
var color = menuColor || (open ? 'blue.700' : undefined);
|
|
181
|
+
return (React.createElement(Menu$1.Trigger, { css: styles.trigger, gap: iconSpacing, fontWeight: fontWeightTitle, color: color },
|
|
180
182
|
icon,
|
|
181
183
|
title,
|
|
182
184
|
showChevron ? (React.createElement(ChevronDownSmallIcon, { transition: "transform", transform: open ? 'rotate(180deg)' : 'rotate(0deg)' })) : null));
|
|
@@ -184,8 +186,11 @@ var Menu = function (_a) {
|
|
|
184
186
|
React.createElement(Portal, null,
|
|
185
187
|
React.createElement(Menu$1.Positioner, null,
|
|
186
188
|
React.createElement(Menu$1.Content, { css: styles.content }, items.map(function (_a) {
|
|
187
|
-
var onClick = _a.onClick, text = _a.text,
|
|
188
|
-
|
|
189
|
+
var onClick = _a.onClick, text = _a.text, itemValue = _a.value;
|
|
190
|
+
var optionColor = menuOptionColor || menuColor;
|
|
191
|
+
return (React.createElement(Menu$1.Item, __assign({ key: "menuItem-".concat(value), value: itemValue, onSelect: onClick, css: styles.item }, (optionColor && { color: optionColor })),
|
|
192
|
+
showOptionsCheckmark ? (React.createElement(Box, { w: "xs", display: "flex", justifyContent: "center", marginRight: "sm" }, itemValue === value ? React.createElement(CheckmarkIcon, null) : null)) : null,
|
|
193
|
+
text));
|
|
189
194
|
}))))));
|
|
190
195
|
};
|
|
191
196
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/menu/index.tsx"],"sourcesContent":[null],"names":["ChakraMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/menu/index.tsx"],"sourcesContent":[null],"names":["ChakraMenu"],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { TabsTriggerProps as ChakraTabsTriggerProps, RecipeVariantProps } from '@chakra-ui/react';
|
|
3
|
+
import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
|
|
4
|
+
export type TabProps = Omit<ChakraTabsTriggerProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
|
|
5
|
+
export declare const Tab: FC<PropsWithChildren<TabProps>>;
|
|
6
|
+
//# sourceMappingURL=Tab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/Tab.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,gBAAgB,IAAI,sBAAsB,EAC1C,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GAC5D,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,GAAG,EAAE,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAa/C,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSlotRecipe, Tabs } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var Tab = function (_a) {
|
|
6
|
+
var variant = _a.variant, children = _a.children, rest = __rest(_a, ["variant", "children"]);
|
|
7
|
+
var recipe = useSlotRecipe({ key: 'tabs' });
|
|
8
|
+
var styles = recipe({ variant: variant });
|
|
9
|
+
return (React.createElement(Tabs.Trigger, __assign({}, rest, { css: styles.trigger }), children));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { Tab };
|
|
13
|
+
//# sourceMappingURL=Tab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../../../../../src/components/tab/Tab.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAeO,IAAM,GAAG,GAAoC,UAAC,EAIpD,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAH4C,CAAA,SAAA,EAAA,UAAA,CAIpD,CADQ;IAEP,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,IAAU,CAAC,OAAO,eAAK,IAAI,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,KAC9C,QAAQ,CACU;AAEzB;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { TabsListProps as ChakraTabsListProps, RecipeVariantProps } from '@chakra-ui/react';
|
|
3
|
+
import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
|
|
4
|
+
export type TabListProps = Omit<ChakraTabsListProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
|
|
5
|
+
export declare const TabList: FC<PropsWithChildren<TabListProps>>;
|
|
6
|
+
//# sourceMappingURL=TabList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/TabList.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,aAAa,IAAI,mBAAmB,EACpC,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAMhE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC,GAC7D,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAsBvD,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSlotRecipe, Box, Tabs } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var TabList = function (_a) {
|
|
6
|
+
var variant = _a.variant, children = _a.children, rest = __rest(_a, ["variant", "children"]);
|
|
7
|
+
var recipe = useSlotRecipe({ key: 'tabs' });
|
|
8
|
+
var styles = recipe({ variant: variant });
|
|
9
|
+
return (React.createElement(Box, { overflowX: "auto" },
|
|
10
|
+
React.createElement(Tabs.List, __assign({}, rest, { css: styles.list }), React.Children.map(children, function (child) {
|
|
11
|
+
return React.isValidElement(child)
|
|
12
|
+
? React.cloneElement(child, { variant: variant })
|
|
13
|
+
: child;
|
|
14
|
+
}))));
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { TabList };
|
|
18
|
+
//# sourceMappingURL=TabList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabList.js","sources":["../../../../../src/components/tab/TabList.tsx"],"sourcesContent":[null],"names":["ChakraTabs"],"mappings":";;;;AAmBO,IAAM,OAAO,GAAwC,UAAC,EAI5D,EAAA;IAHC,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACL,IAAI,GAAA,MAAA,CAAA,EAAA,EAHoD,CAAA,SAAA,EAAA,UAAA,CAI5D,CADQ;IAEP,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;IAC7C,IAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAA,OAAA,EAAE,CAAC;AAElC,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA;QACnB,KAAA,CAAA,aAAA,CAACA,IAAU,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,IAAI,EAAA,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,EAAA,CAAA,EACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAA;AAClC,YAAA,OAAA,KAAK,CAAC,cAAc,CAAC,KAAK;kBACtB,KAAK,CAAC,YAAY,CAChB,KAAqD,EACrD,EAAE,OAAO,EAAA,OAAA,EAAE;AAEf,kBAAE,KAAK;AALT,QAAA,CAKS,CACV,CACe,CACd;AAEV;;;;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { TabsContentProps as ChakraTabsContentProps, RecipeVariantProps } from '@chakra-ui/react';
|
|
3
|
+
import { tabsRecipe } from 'src/themes/shared/slotRecipes/tabs';
|
|
4
|
+
export type TabPanelProps = Omit<ChakraTabsContentProps, 'variant'> & RecipeVariantProps<typeof tabsRecipe>;
|
|
5
|
+
export declare const TabPanel: FC<PropsWithChildren<TabPanelProps>>;
|
|
6
|
+
//# sourceMappingURL=TabPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TabPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/tab/TabPanel.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAEL,gBAAgB,IAAI,sBAAsB,EAC1C,kBAAkB,EAEnB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,GACjE,kBAAkB,CAAC,OAAO,UAAU,CAAC,CAAC;AAExC,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAazD,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __rest, __assign } from '../../node_modules/tslib/tslib.es6.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useSlotRecipe, Tabs } from '@chakra-ui/react';
|
|
4
|
+
|
|
5
|
+
var TabPanel = function (_a) {
|
|
6
|
+
var variant = _a.variant, children = _a.children, rest = __rest(_a, ["variant", "children"]);
|
|
7
|
+
var recipe = useSlotRecipe({ key: 'tabs' });
|
|
8
|
+
var styles = recipe({ variant: variant });
|
|
9
|
+
return (React.createElement(Tabs.Content, __assign({}, rest, { css: styles.content }), children));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { TabPanel };
|
|
13
|
+
//# sourceMappingURL=TabPanel.js.map
|