@smg-automotive/components 25.10.0-chakra-v3.4 → 25.10.0-migrate-topListingBadge-component.1
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/bin/cli +18 -106
- package/dist/cjs/components/filterPatterns/dialog/OpenFilterButton.d.ts +4 -12
- package/dist/cjs/components/filterPatterns/dialog/OpenFilterButton.d.ts.map +1 -1
- package/dist/cjs/components/filterPatterns/dialog/index.d.ts.map +1 -1
- package/dist/cjs/components/filterPatterns/dialog/props.d.ts +2 -7
- package/dist/cjs/components/filterPatterns/dialog/props.d.ts.map +1 -1
- package/dist/cjs/components/index.d.ts +0 -1
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/topListingBadge/index.d.ts +7 -0
- package/dist/cjs/components/topListingBadge/index.d.ts.map +1 -0
- package/dist/cjs/index.js +0 -37
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/filterPatterns/dialog/OpenFilterButton.d.ts +4 -12
- package/dist/esm/components/filterPatterns/dialog/OpenFilterButton.d.ts.map +1 -1
- package/dist/esm/components/filterPatterns/dialog/index.d.ts.map +1 -1
- package/dist/esm/components/filterPatterns/dialog/props.d.ts +2 -7
- package/dist/esm/components/filterPatterns/dialog/props.d.ts.map +1 -1
- package/dist/esm/components/index.d.ts +0 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/topListingBadge/index.d.ts +7 -0
- package/dist/esm/components/topListingBadge/index.d.ts.map +1 -0
- package/dist/esm/index.js +0 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +3 -12
- package/package.json +5 -4
- package/dist/cjs/components/formControlSection/index.d.ts +0 -11
- package/dist/cjs/components/formControlSection/index.d.ts.map +0 -1
- package/dist/esm/components/formControlSection/index.d.ts +0 -11
- package/dist/esm/components/formControlSection/index.d.ts.map +0 -1
- package/dist/esm/components/formControlSection/index.js +0 -190
- package/dist/esm/components/formControlSection/index.js.map +0 -1
- package/dist/esm/components/tooltip/index.js +0 -25
- package/dist/esm/components/tooltip/index.js.map +0 -1
|
@@ -1,24 +1,16 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { spacing } from 'src/themes/shared/tokens/spacing';
|
|
3
3
|
import { Colors } from 'src/themes/shared/tokens/colors';
|
|
4
4
|
import { DialogFilterProps } from './props';
|
|
5
|
-
type
|
|
6
|
-
export type
|
|
7
|
-
export type OpenFilterButtonDisplayType = 'default' | 'inline';
|
|
5
|
+
export type Space = keyof typeof spacing;
|
|
6
|
+
export type PaddingX = '0' | 'md';
|
|
8
7
|
type Variant = 'sm' | 'md';
|
|
9
8
|
type Props = Pick<DialogFilterProps, 'label' | 'displayValue' | 'Icon' | 'isApplied'> & {
|
|
10
|
-
appliedLabel?: string;
|
|
11
9
|
onClick: () => void;
|
|
12
10
|
variant?: Variant;
|
|
13
11
|
isDisabled?: boolean;
|
|
14
|
-
|
|
15
|
-
paddingX?: OpenFilterButtonPaddingX;
|
|
16
|
-
color?: Colors;
|
|
12
|
+
paddingX?: PaddingX;
|
|
17
13
|
backgroundColor?: Colors;
|
|
18
|
-
showResetButton?: boolean;
|
|
19
|
-
resetButtonAriaLabel?: string;
|
|
20
|
-
onResetFilter?: () => void;
|
|
21
|
-
displayType?: OpenFilterButtonDisplayType;
|
|
22
14
|
};
|
|
23
15
|
export declare const OpenFilterButton: FC<Props>;
|
|
24
16
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OpenFilterButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/dialog/OpenFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"OpenFilterButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/dialog/OpenFilterButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAIzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,KAAK,GAAG,MAAM,OAAO,OAAO,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC;AAClC,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3B,KAAK,KAAK,GAAG,IAAI,CACf,iBAAiB,EACjB,OAAO,GAAG,cAAc,GAAG,MAAM,GAAG,WAAW,CAChD,GAAG;IACF,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAYF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CAoDtC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAalC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAuG9C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Colors } from 'src/themes/shared/tokens/colors';
|
|
2
|
-
import {
|
|
2
|
+
import { PaddingX } from './OpenFilterButton';
|
|
3
3
|
import { FilterPatternProps } from '../props';
|
|
4
4
|
import { ActionButtonProps } from '../ActionButton';
|
|
5
5
|
export type DialogFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'onClose'> & {
|
|
@@ -7,13 +7,8 @@ export type DialogFilterProps = FilterPatternProps & Omit<ActionButtonProps, 'on
|
|
|
7
7
|
onDialogClose?: () => void;
|
|
8
8
|
initialDialogState?: 'open' | 'closed';
|
|
9
9
|
isDisabled?: boolean;
|
|
10
|
+
paddingX?: PaddingX;
|
|
10
11
|
backgroundColor?: Colors;
|
|
11
|
-
color?: Colors;
|
|
12
|
-
paddingX?: OpenFilterButtonPaddingX;
|
|
13
12
|
trapFocus?: boolean;
|
|
14
|
-
triggerHeight?: 'lg' | 'md';
|
|
15
|
-
showResetButton?: boolean;
|
|
16
|
-
triggerDisplayType?: OpenFilterButtonDisplayType;
|
|
17
|
-
appliedLabel?: string;
|
|
18
13
|
};
|
|
19
14
|
//# sourceMappingURL=props.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/dialog/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD,OAAO,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../../../src/components/filterPatterns/dialog/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAChD,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
|
|
@@ -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,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,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,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,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,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,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,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,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/topListingBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKrD,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAgCxD,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -278,7 +278,6 @@ export { ThemeProvider } from './components/themeProvider/index.js';
|
|
|
278
278
|
export { VehicleReference } from './components/vehicleReference/index.js';
|
|
279
279
|
export { RangeFilterInput } from './components/rangeFilterInput/index.js';
|
|
280
280
|
export { TopVehicleSharedBadge } from './components/topVehicleSharedBadge/index.js';
|
|
281
|
-
export { FormControlSection } from './components/formControlSection/index.js';
|
|
282
281
|
export { convertRemEmToPx } from './utilities/convertRemEmToPx.js';
|
|
283
282
|
export { default as logger } from './lib/logger.js';
|
|
284
283
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -53,7 +53,7 @@ declare const useDebouncedOnChange: ({ onChange, onBlur, debounce, }: {
|
|
|
53
53
|
|
|
54
54
|
declare const useToken: (scale: string, token: string[], fallback?: string[]) => string[];
|
|
55
55
|
|
|
56
|
-
declare const accordionRecipe: _chakra_ui_react.SlotRecipeDefinition<"
|
|
56
|
+
declare const accordionRecipe: _chakra_ui_react.SlotRecipeDefinition<"content" | "body" | "button" | "item" | "indicator", {
|
|
57
57
|
variant: {
|
|
58
58
|
light: {
|
|
59
59
|
item: {
|
|
@@ -2507,15 +2507,6 @@ type Props = {
|
|
|
2507
2507
|
};
|
|
2508
2508
|
declare const TopVehicleSharedBadge: FC<PropsWithChildren<Props>>;
|
|
2509
2509
|
|
|
2510
|
-
type BaseProps = {
|
|
2511
|
-
id: string;
|
|
2512
|
-
errorMessage?: string;
|
|
2513
|
-
label?: string;
|
|
2514
|
-
hint?: string;
|
|
2515
|
-
tooltip?: string;
|
|
2516
|
-
};
|
|
2517
|
-
declare const FormControlSection: FC<PropsWithChildren<BaseProps>>;
|
|
2518
|
-
|
|
2519
2510
|
declare const convertRemEmToPx: (value: string) => number;
|
|
2520
2511
|
|
|
2521
2512
|
declare class Logger {
|
|
@@ -2523,5 +2514,5 @@ declare class Logger {
|
|
|
2523
2514
|
}
|
|
2524
2515
|
declare const logger: Logger;
|
|
2525
2516
|
|
|
2526
|
-
export { Accordion, AddPhotoIcon, AdvancedSearchIcon, AndroidIcon, AppleIcon, ArrowCircleIcon, ArrowDiagonalIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArticleTeaser, AspectRatio, AutoScout24AppLogo, AutoScout24Icon, Avatar, AvatarIcon, AvatarWithNotificationIcon, Badge, BankNotesIcon, BatteryIcon, BookmarkIcon, Breadcrumbs, BulbIcon, Button, CabrioletIcon, CalculatorIcon, CalendarIcon, CallIcon, CamperIcon, CarConditionIcon, CarIcon, Card, Body$1 as CardBody, Footer$2 as CardFooter, Header$1 as CardHeader, Root$2 as CardRoot, CartIcon, CategoryAIcon, CategoryAMinusIcon, CategoryAOneIcon, Center, ChartIcon, ChatBubbleIcon, CheckShieldIcon, Checkbox, CheckboxGroup, CheckmarkCircleColorIcon, CheckmarkCircleIcon, CheckmarkIcon, ChevronDownLargeIcon, ChevronDownSmallIcon, ChevronLeftLargeIcon, ChevronLeftSmallIcon, ChevronRightLargeIcon, ChevronRightSmallIcon, ChevronRightTinyIcon, ChevronUpLargeIcon, ChevronUpSmallIcon, ChfCurrencyIcon, Chip, CloseIcon, CollapseIcon, CompareIcon, ConsumptionIcon, CopyIcon, Count, CoupeIcon, CreditCardIcon, CreditIcon, DatePicker, DaylightIcon, DeleteIcon, DevOverlay, Dialog, DigitalContractIcon, DocumentCheckIcon, DocumentIcon, DoubleChevronDownIcon, DoubleChevronUpIcon, DoubleLineIcon, DownloadIcon, DragIcon, DriveSystemIcon, DriveSystemLargeIcon, DriveTypeIcon, EnergyLabel, EquipmentIcon, ErrorIcon, ErrorPage, ExchangeIcon, ExpandIcon, EyeCrossedIcon, EyeIcon, FacebookIcon, FlagIcon, FlameIcon, FlashIcon, Flex, Footer$1 as Footer,
|
|
2527
|
-
export type { AccordionProps, ArticleTeaserProps, AvatarProps, BadgeProps, BaseButtonProps,
|
|
2517
|
+
export { Accordion, AddPhotoIcon, AdvancedSearchIcon, AndroidIcon, AppleIcon, ArrowCircleIcon, ArrowDiagonalIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArticleTeaser, AspectRatio, AutoScout24AppLogo, AutoScout24Icon, Avatar, AvatarIcon, AvatarWithNotificationIcon, Badge, BankNotesIcon, BatteryIcon, BookmarkIcon, Breadcrumbs, BulbIcon, Button, CabrioletIcon, CalculatorIcon, CalendarIcon, CallIcon, CamperIcon, CarConditionIcon, CarIcon, Card, Body$1 as CardBody, Footer$2 as CardFooter, Header$1 as CardHeader, Root$2 as CardRoot, CartIcon, CategoryAIcon, CategoryAMinusIcon, CategoryAOneIcon, Center, ChartIcon, ChatBubbleIcon, CheckShieldIcon, Checkbox, CheckboxGroup, CheckmarkCircleColorIcon, CheckmarkCircleIcon, CheckmarkIcon, ChevronDownLargeIcon, ChevronDownSmallIcon, ChevronLeftLargeIcon, ChevronLeftSmallIcon, ChevronRightLargeIcon, ChevronRightSmallIcon, ChevronRightTinyIcon, ChevronUpLargeIcon, ChevronUpSmallIcon, ChfCurrencyIcon, Chip, CloseIcon, CollapseIcon, CompareIcon, ConsumptionIcon, CopyIcon, Count, CoupeIcon, CreditCardIcon, CreditIcon, DatePicker, DaylightIcon, DeleteIcon, DevOverlay, Dialog, DigitalContractIcon, DocumentCheckIcon, DocumentIcon, DoubleChevronDownIcon, DoubleChevronUpIcon, DoubleLineIcon, DownloadIcon, DragIcon, DriveSystemIcon, DriveSystemLargeIcon, DriveTypeIcon, EnergyLabel, EquipmentIcon, ErrorIcon, ErrorPage, ExchangeIcon, ExpandIcon, EyeCrossedIcon, EyeIcon, FacebookIcon, FlagIcon, FlameIcon, FlashIcon, Flex, Footer$1 as Footer, ForwardIcon, FullHeight, GarageIcon, GasStationIcon, GlobeIcon, GoogleIcon, Grid, GridItem, H1, H2, H3, H4, H5, H6, HamburgerMenuIcon, HeartIcon, HighlightedText, HistoryClockIcon, HouseIcon, ImageIcon, InfinityCircleIcon, InfoIcon, InformationBubbleIcon, InformationIcon, Input, InstagramIcon, InteriorIcon, LabelIcon, LayoutWithVehicleReference, Link, LinkedinIcon, List, ListIcon, Item as ListItem, Root$1 as ListRoot, LocationPinIcon, LockIcon, LogoutIcon, MagnifierIcon, MagnifierLargeIcon, MarkedText, MessageIcon, MiniVanIcon, MinusIcon, MissingImage, MissingImageIcon, MobileOnlyAccordion, MotoScout24AppLogo, MotoScout24Icon, MotorcycleIcon, NoPhotoIcon, NotAvailableIcon, NotAvailableSquareIcon, OptimizerIcon, OverflowVerticalIcon, PageLayout, Pagination, PartialClockIcon, PenIcon, PickUpIcon, PlusCircleIcon, PlusIcon, PrintIcon, QualitySealIcon, RangeFilterInput, RangeIcon, Rating, RoadIcon, RocketIcon, RotateIcon, SafeNumberIcon, SaveSearchIcon, ScreenIcon, Section, SedanIcon, Select, Separator, ShareIcon, SimpleGrid, SimpleHeader, SingleColumnCenteredLayout, SmallCarIcon, SortIcon, SpeakerIcon, Stack, StarCircleIcon, StarIcon, SteeringWheelIcon, SuvIcon, SwissFlagIcon, Switch, Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Column as TableColumn, ColumnGroup as TableColumnGroup, ColumnHeader as TableColumnHeader, Footer as TableFooter, Header as TableHeader, Root as TableRoot, Row as TableRow, ScrollArea as TableScrollArea, Text, ThemeProvider, ThreeSixtyIcon, ThumbsDownIcon, ThumbsUpIcon, TiltedRectangleIcon, TimeIcon, TooltipIcon, TopListingIcon, TopVehicleSharedBadge, TrailerIcon, TransmissionIcon, TrashIcon, TriangleIcon, TruckIcon, TwitterIcon, TwoColumnsLayout, UtilityVehicleIcon, VanIcon, VehiclePowerIcon, VehicleReference, VehicleTypesMotorcycleIcon, VehicleTypesMotorcycleStarIcon, VideoCameraIcon, VideoIcon, ViewCarIcon, ViewMotorcycleIcon, WagonIcon, WarningIcon, WarrantyIcon, WhatsAppIcon, WindowsIcon, YoutubeIcon, autoScout24Config, _default as autoScout24System, breakpoints, convertRemEmToPx, logger, motoScout24Config, _default$1 as motoScout24System, repeatArea, useDebouncedOnChange, useMediaQuery, useToken };
|
|
2518
|
+
export type { AccordionProps, ArticleTeaserProps, AvatarProps, BadgeProps, BaseButtonProps, BreadcrumbsPropsExtended, ButtonSharedProps, CenterProps, ChangeCallback, CheckboxGroupProps, CheckboxProps, ChipProps, CountProps, DatePickerProps, DevOverlayProps, DevOverlayVariables, DialogProps, EnergyLabelProps, ErrorPageProps, FlexProps, HeadingProps, HighlightedTextProps, InputProps, LinkProps, MarkedTextProps, MissingImageProps, MobileOnlyAccordionProps, Option, PaginationProps, PickedNumberInputProps, Props$1 as Props, RangeFilterInputField, RatingProps, SectionProps, SelectProps, SimpleHeaderProps, StackProps, SwitchProps, ThemeProviderProps, UnifiedButtonProps, VehicleReferenceProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smg-automotive/components",
|
|
3
|
-
"version": "25.10.0-
|
|
3
|
+
"version": "25.10.0-migrate-topListingBadge-component.1",
|
|
4
4
|
"description": "SMG Automotive components library",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -65,12 +65,13 @@
|
|
|
65
65
|
"@babel/preset-env": "7.28.5",
|
|
66
66
|
"@babel/preset-react": "7.28.5",
|
|
67
67
|
"@babel/preset-typescript": "7.28.5",
|
|
68
|
+
"@isaacs/brace-expansion": "^5.0.0",
|
|
68
69
|
"@rollup/plugin-commonjs": "29.0.0",
|
|
69
70
|
"@rollup/plugin-image": "3.0.3",
|
|
70
71
|
"@rollup/plugin-json": "6.1.0",
|
|
71
72
|
"@rollup/plugin-node-resolve": "16.0.3",
|
|
72
73
|
"@rollup/plugin-typescript": "12.3.0",
|
|
73
|
-
"@smg-automotive/auth": "8.2.
|
|
74
|
+
"@smg-automotive/auth": "8.2.6",
|
|
74
75
|
"@smg-automotive/eslint-config": "5.2.4",
|
|
75
76
|
"@storybook/addon-actions": "8.6.14",
|
|
76
77
|
"@storybook/addon-docs": "8.6.14",
|
|
@@ -92,7 +93,7 @@
|
|
|
92
93
|
"@testing-library/user-event": "14.6.1",
|
|
93
94
|
"@types/estree": "1.0.8",
|
|
94
95
|
"@types/jest": "30.0.0",
|
|
95
|
-
"@types/react": "19.2.
|
|
96
|
+
"@types/react": "19.2.6",
|
|
96
97
|
"@types/react-textarea-autosize": "8.0.0",
|
|
97
98
|
"autoprefixer": "10.4.22",
|
|
98
99
|
"babel-loader": "10.0.0",
|
|
@@ -110,7 +111,7 @@
|
|
|
110
111
|
"querystring-es3": "0.2.1",
|
|
111
112
|
"react": "19.2.0",
|
|
112
113
|
"react-dom": "19.2.0",
|
|
113
|
-
"rimraf": "6.1.
|
|
114
|
+
"rimraf": "6.1.0",
|
|
114
115
|
"rollup": "4.53.3",
|
|
115
116
|
"rollup-plugin-add-shebang": "0.3.1",
|
|
116
117
|
"rollup-plugin-copy": "3.5.0",
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from 'react';
|
|
2
|
-
export type BaseProps = {
|
|
3
|
-
id: string;
|
|
4
|
-
errorMessage?: string;
|
|
5
|
-
label?: string;
|
|
6
|
-
hint?: string;
|
|
7
|
-
tooltip?: string;
|
|
8
|
-
};
|
|
9
|
-
export declare const FormControlSection: FC<PropsWithChildren<BaseProps>>;
|
|
10
|
-
export { BaseProps as FormControlSectionProps };
|
|
11
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/formControlSection/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AASrD,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CA4C/D,CAAC;AAEF,OAAO,EAAE,SAAS,IAAI,uBAAuB,EAAE,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { FC, PropsWithChildren } from 'react';
|
|
2
|
-
export type BaseProps = {
|
|
3
|
-
id: string;
|
|
4
|
-
errorMessage?: string;
|
|
5
|
-
label?: string;
|
|
6
|
-
hint?: string;
|
|
7
|
-
tooltip?: string;
|
|
8
|
-
};
|
|
9
|
-
export declare const FormControlSection: FC<PropsWithChildren<BaseProps>>;
|
|
10
|
-
export { BaseProps as FormControlSectionProps };
|
|
11
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/formControlSection/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AASrD,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CA4C/D,CAAC;AAEF,OAAO,EAAE,SAAS,IAAI,uBAAuB,EAAE,CAAC"}
|
|
@@ -1,190 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Field, Box } from '@chakra-ui/react';
|
|
3
|
-
import { Tooltip } from '../tooltip/index.js';
|
|
4
|
-
import { Text } from '../text/index.js';
|
|
5
|
-
import '../icons/AdvancedSearchIcon.js';
|
|
6
|
-
import '../icons/ArrowCircleIcon.js';
|
|
7
|
-
import '../icons/ArrowDiagonalIcon.js';
|
|
8
|
-
import '../icons/ArrowDownIcon.js';
|
|
9
|
-
import '../icons/ArrowLeftIcon.js';
|
|
10
|
-
import '../icons/ArrowRightIcon.js';
|
|
11
|
-
import '../icons/ArrowUpIcon.js';
|
|
12
|
-
import '../icons/AutoScout24AppLogo.js';
|
|
13
|
-
import '../icons/AvatarIcon.js';
|
|
14
|
-
import '../icons/AvatarWithNotificationIcon.js';
|
|
15
|
-
import '../icons/BatteryIcon.js';
|
|
16
|
-
import '../icons/BookmarkIcon.js';
|
|
17
|
-
import '../icons/CalculatorIcon.js';
|
|
18
|
-
import '../icons/CalendarIcon.js';
|
|
19
|
-
import '../icons/CallIcon.js';
|
|
20
|
-
import '../icons/CamperIcon.js';
|
|
21
|
-
import '../icons/CarConditionIcon.js';
|
|
22
|
-
import '../icons/CarIcon.js';
|
|
23
|
-
import '../icons/CopyIcon.js';
|
|
24
|
-
import '../icons/ChartIcon.js';
|
|
25
|
-
import '../icons/CheckmarkIcon.js';
|
|
26
|
-
import '../icons/CheckmarkCircleIcon.js';
|
|
27
|
-
import '../icons/CheckShieldIcon.js';
|
|
28
|
-
import '../icons/ChevronDownLargeIcon.js';
|
|
29
|
-
import '../icons/ChevronDownSmallIcon.js';
|
|
30
|
-
import '../icons/ChevronLeftLargeIcon.js';
|
|
31
|
-
import '../icons/ChevronLeftSmallIcon.js';
|
|
32
|
-
import '../icons/ChevronRightLargeIcon.js';
|
|
33
|
-
import '../icons/ChevronRightSmallIcon.js';
|
|
34
|
-
import '../icons/ChevronRightTinyIcon.js';
|
|
35
|
-
import '../icons/ChevronUpLargeIcon.js';
|
|
36
|
-
import '../icons/ChevronUpSmallIcon.js';
|
|
37
|
-
import '../icons/CloseIcon.js';
|
|
38
|
-
import '../icons/CompareIcon.js';
|
|
39
|
-
import '../icons/ConsumptionIcon.js';
|
|
40
|
-
import '../icons/CreditIcon.js';
|
|
41
|
-
import '../icons/CreditCardIcon.js';
|
|
42
|
-
import '../icons/DaylightIcon.js';
|
|
43
|
-
import '../icons/DeleteIcon.js';
|
|
44
|
-
import '../icons/DocumentCheckIcon.js';
|
|
45
|
-
import '../icons/DocumentIcon.js';
|
|
46
|
-
import '../icons/DragIcon.js';
|
|
47
|
-
import '../icons/DriveSystemIcon.js';
|
|
48
|
-
import '../icons/DriveTypeIcon.js';
|
|
49
|
-
import '../icons/EquipmentIcon.js';
|
|
50
|
-
import '../icons/ErrorIcon.js';
|
|
51
|
-
import '../icons/ExchangeIcon.js';
|
|
52
|
-
import '../icons/EyeIcon.js';
|
|
53
|
-
import '../icons/EyeCrossedIcon.js';
|
|
54
|
-
import '../icons/FacebookIcon.js';
|
|
55
|
-
import '../icons/FlagIcon.js';
|
|
56
|
-
import '../icons/FlameIcon.js';
|
|
57
|
-
import '../icons/FlashIcon.js';
|
|
58
|
-
import '../icons/GasStationIcon.js';
|
|
59
|
-
import '../icons/HeartIcon.js';
|
|
60
|
-
import '../icons/HistoryClockIcon.js';
|
|
61
|
-
import '../icons/HouseIcon.js';
|
|
62
|
-
import '../icons/ImageIcon.js';
|
|
63
|
-
import '../icons/InfoIcon.js';
|
|
64
|
-
import '../icons/InstagramIcon.js';
|
|
65
|
-
import '../icons/InteriorIcon.js';
|
|
66
|
-
import '../icons/LinkedinIcon.js';
|
|
67
|
-
import '../icons/ListIcon.js';
|
|
68
|
-
import '../icons/LocationPinIcon.js';
|
|
69
|
-
import '../icons/MagnifierIcon.js';
|
|
70
|
-
import '../icons/MessageIcon.js';
|
|
71
|
-
import '../icons/MissingImageIcon.js';
|
|
72
|
-
import '../icons/MotorcycleIcon.js';
|
|
73
|
-
import '../icons/MotoScout24AppLogo.js';
|
|
74
|
-
import '../icons/PenIcon.js';
|
|
75
|
-
import '../icons/PlusIcon.js';
|
|
76
|
-
import '../icons/ChfCurrencyIcon.js';
|
|
77
|
-
import '../icons/PrintIcon.js';
|
|
78
|
-
import '../icons/RangeIcon.js';
|
|
79
|
-
import '../icons/RoadIcon.js';
|
|
80
|
-
import '../icons/RotateIcon.js';
|
|
81
|
-
import '../icons/SafeNumberIcon.js';
|
|
82
|
-
import '../icons/ShareIcon.js';
|
|
83
|
-
import '../icons/StarIcon.js';
|
|
84
|
-
import '../icons/SteeringWheelIcon.js';
|
|
85
|
-
import '../icons/ThreeSixtyIcon.js';
|
|
86
|
-
import '../icons/TimeIcon.js';
|
|
87
|
-
import '../icons/TooltipIcon.js';
|
|
88
|
-
import { InformationIcon } from '../icons/InformationIcon.js';
|
|
89
|
-
import '../icons/TopListingIcon.js';
|
|
90
|
-
import '../icons/TrailerIcon.js';
|
|
91
|
-
import '../icons/TransmissionIcon.js';
|
|
92
|
-
import '../icons/Trash.js';
|
|
93
|
-
import '../icons/TruckIcon.js';
|
|
94
|
-
import '../icons/TwitterIcon.js';
|
|
95
|
-
import '../icons/UtilityVehicleIcon.js';
|
|
96
|
-
import '../icons/VehiclePowerIcon.js';
|
|
97
|
-
import '../icons/VehicleTypesMotorcycleIcon.js';
|
|
98
|
-
import '../icons/VideoIcon.js';
|
|
99
|
-
import '../icons/VideoCameraIcon.js';
|
|
100
|
-
import '../icons/ViewCarIcon.js';
|
|
101
|
-
import '../icons/DriveSystemLargeIcon.js';
|
|
102
|
-
import '../icons/WarningIcon.js';
|
|
103
|
-
import '../icons/WhatsAppIcon.js';
|
|
104
|
-
import '../icons/YoutubeIcon.js';
|
|
105
|
-
import '../icons/SortIcon.js';
|
|
106
|
-
import '../icons/ViewMotorcycleIcon.js';
|
|
107
|
-
import '../icons/GoogleIcon.js';
|
|
108
|
-
import '../icons/SaveSearchIcon.js';
|
|
109
|
-
import '../icons/AutoScout24Icon.js';
|
|
110
|
-
import '../icons/MotoScout24Icon.js';
|
|
111
|
-
import '../icons/MagnifierLargeIcon.js';
|
|
112
|
-
import '../icons/RocketIcon.js';
|
|
113
|
-
import '../icons/CartIcon.js';
|
|
114
|
-
import '../icons/VanIcon.js';
|
|
115
|
-
import '../icons/MiniVanIcon.js';
|
|
116
|
-
import '../icons/SuvIcon.js';
|
|
117
|
-
import '../icons/CoupeIcon.js';
|
|
118
|
-
import '../icons/CabrioletIcon.js';
|
|
119
|
-
import '../icons/SmallCarIcon.js';
|
|
120
|
-
import '../icons/SedanIcon.js';
|
|
121
|
-
import '../icons/WagonIcon.js';
|
|
122
|
-
import '../icons/PickUpIcon.js';
|
|
123
|
-
import '../icons/InformationBubbleIcon.js';
|
|
124
|
-
import '../icons/OverflowVerticalIcon.js';
|
|
125
|
-
import '../icons/PartialClockIcon.js';
|
|
126
|
-
import '../icons/LockIcon.js';
|
|
127
|
-
import '../icons/TiltedRectangleIcon.js';
|
|
128
|
-
import '../icons/PlusCircleIcon.js';
|
|
129
|
-
import '../icons/StarCircleIcon.js';
|
|
130
|
-
import '../icons/InfinityCircleIcon.js';
|
|
131
|
-
import '../icons/VehicleTypesMotorcycleStarIcon.js';
|
|
132
|
-
import '../icons/CategoryAOneIcon.js';
|
|
133
|
-
import '../icons/CategoryAIcon.js';
|
|
134
|
-
import '../icons/CategoryAMinusIcon.js';
|
|
135
|
-
import '../icons/BankNotesIcon.js';
|
|
136
|
-
import '../icons/ChatBubbleIcon.js';
|
|
137
|
-
import '../icons/DigitalContractIcon.js';
|
|
138
|
-
import '../icons/OptimizerIcon.js';
|
|
139
|
-
import '../icons/CheckmarkCircleColorIcon.js';
|
|
140
|
-
import '../icons/ArrowDownCircleIcon.js';
|
|
141
|
-
import '../icons/ArrowUpCircleIcon.js';
|
|
142
|
-
import '../icons/NotAvailableIcon.js';
|
|
143
|
-
import '../icons/LabelIcon.js';
|
|
144
|
-
import '../icons/BulbIcon.js';
|
|
145
|
-
import '../icons/NoPhotoIcon.js';
|
|
146
|
-
import '../icons/ThumbsUpIcon.js';
|
|
147
|
-
import '../icons/ThumbsDownIcon.js';
|
|
148
|
-
import '../icons/MinusIcon.js';
|
|
149
|
-
import '../icons/DoubleChevronUpIcon.js';
|
|
150
|
-
import '../icons/DoubleChevronDownIcon.js';
|
|
151
|
-
import '../icons/DoubleLineIcon.js';
|
|
152
|
-
import '../icons/NotAvailableSquareIcon.js';
|
|
153
|
-
import '../icons/WarrantyIcon.js';
|
|
154
|
-
import '../icons/DownloadIcon.js';
|
|
155
|
-
import '../icons/TriangleIcon.js';
|
|
156
|
-
import '../icons/SwissFlagIcon.js';
|
|
157
|
-
import '../icons/GlobeIcon.js';
|
|
158
|
-
import '../icons/GarageIcon.js';
|
|
159
|
-
import '../icons/HamburgerMenuIcon.js';
|
|
160
|
-
import '../icons/LogoutIcon.js';
|
|
161
|
-
import '../icons/AndroidIcon.js';
|
|
162
|
-
import '../icons/AppleIcon.js';
|
|
163
|
-
import '../icons/WindowsIcon.js';
|
|
164
|
-
import '../icons/SpeakerIcon.js';
|
|
165
|
-
import '../icons/AddPhotoIcon.js';
|
|
166
|
-
import '../icons/ScreenIcon.js';
|
|
167
|
-
import '../icons/QualitySealIcon.js';
|
|
168
|
-
import '../icons/ExpandIcon.js';
|
|
169
|
-
import '../icons/CollapseIcon.js';
|
|
170
|
-
import '../icons/ForwardIcon.js';
|
|
171
|
-
import { Flex } from '../flex/index.js';
|
|
172
|
-
|
|
173
|
-
var FormControlSection = function (_a) {
|
|
174
|
-
var children = _a.children, errorMessage = _a.errorMessage, id = _a.id, label = _a.label, hint = _a.hint, tooltip = _a.tooltip;
|
|
175
|
-
var isInvalid = !!errorMessage;
|
|
176
|
-
return (React.createElement(Field.Root, { id: id, invalid: isInvalid },
|
|
177
|
-
React.createElement(Box, { border: "1px", borderRadius: "sm", borderColor: isInvalid ? 'red.500' : 'gray.400', padding: "2xl" },
|
|
178
|
-
React.createElement(Flex, { flexDirection: "column" },
|
|
179
|
-
React.createElement(Box, { mb: "lg" },
|
|
180
|
-
React.createElement(Flex, { alignItems: "center" },
|
|
181
|
-
label ? (React.createElement(Text, { color: "gray.900", textStyle: "heading4" }, label)) : null,
|
|
182
|
-
tooltip ? (React.createElement(Tooltip, { label: tooltip },
|
|
183
|
-
React.createElement(InformationIcon, { ml: "md" }))) : null),
|
|
184
|
-
hint ? (React.createElement(Text, { color: "gray.900", textStyle: "body" }, hint)) : null),
|
|
185
|
-
children)),
|
|
186
|
-
React.createElement(Field.ErrorText, null, errorMessage)));
|
|
187
|
-
};
|
|
188
|
-
|
|
189
|
-
export { FormControlSection };
|
|
190
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/formControlSection/index.tsx"],"sourcesContent":[null],"names":["ChakraField"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,IAAM,kBAAkB,GAAqC,UAAC,EAOpE,EAAA;AANC,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,WAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,SAAS,GAAG,CAAC,CAAC,YAAY;AAEhC,IAAA,QACE,KAAA,CAAA,aAAA,CAACA,KAAW,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAA;QAC1C,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,MAAM,EAAC,KAAK,EACZ,YAAY,EAAC,IAAI,EACjB,WAAW,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,EAC/C,OAAO,EAAC,KAAK,EAAA;AAEb,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,aAAa,EAAC,QAAQ,EAAA;AAC1B,gBAAA,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,IAAI,EAAA;AACV,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,QAAQ,EAAA;wBACtB,KAAK,IACJ,oBAAC,IAAI,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAA,EACxC,KAAK,CACD,IACL,IAAI;wBACP,OAAO,IACN,oBAAC,OAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA;AACrB,4BAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,CACnB,IACR,IAAI,CACH;oBACN,IAAI,IACH,oBAAC,IAAI,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,MAAM,IACpC,IAAI,CACA,IACL,IAAI,CACJ;AACL,gBAAA,QAAQ,CACJ,CACH;QACN,KAAA,CAAA,aAAA,CAACA,KAAW,CAAC,SAAS,EAAA,IAAA,EAAE,YAAY,CAAyB,CAC5C;AAEvB;;;;"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React, { useState, cloneElement } from 'react';
|
|
2
|
-
import { TooltipRoot, TooltipTrigger, TooltipPositioner, TooltipContent, TooltipArrow, TooltipArrowTip } from '@chakra-ui/react';
|
|
3
|
-
|
|
4
|
-
var Tooltip = function (_a) {
|
|
5
|
-
var children = _a.children, _b = _a.placement, placement = _b === void 0 ? 'bottom' : _b, _c = _a.maxWidth, maxWidth = _c === void 0 ? '6xl' : _c, label = _a.label;
|
|
6
|
-
var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
|
|
7
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
8
|
-
var childrenWithProps = cloneElement(children, {
|
|
9
|
-
onMouseEnter: function () { return setIsOpen(true); },
|
|
10
|
-
onMouseLeave: function () { return setIsOpen(false); },
|
|
11
|
-
onClick: function () { return setIsOpen(true); },
|
|
12
|
-
});
|
|
13
|
-
return (React.createElement(TooltipRoot, { positioning: {
|
|
14
|
-
placement: placement,
|
|
15
|
-
}, open: isOpen },
|
|
16
|
-
React.createElement(TooltipTrigger, { asChild: true }, childrenWithProps),
|
|
17
|
-
React.createElement(TooltipPositioner, null,
|
|
18
|
-
React.createElement(TooltipContent, { maxWidth: maxWidth },
|
|
19
|
-
React.createElement(TooltipArrow, null,
|
|
20
|
-
React.createElement(TooltipArrowTip, null)),
|
|
21
|
-
label))));
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
export { Tooltip };
|
|
25
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/tooltip/index.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAwBO,IAAM,OAAO,GAAqB,UAAC,EAKzC,EAAA;AAJC,IAAA,IAAA,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,SAAoB,EAApB,SAAS,mBAAG,QAAQ,GAAA,EAAA,EACpB,EAAA,GAAA,EAAA,CAAA,QAAgB,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,KAAK,GAAA,EAAA,CAAA,KAAA;IAEC,IAAA,EAAA,GAAsB,QAAQ,CAAU,KAAK,CAAC,EAA7C,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAA4B;;AAEpD,IAAA,IAAM,iBAAiB,GAAG,YAAY,CAAC,QAAmC,EAAE;QAC1E,YAAY,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe;QACnC,YAAY,EAAE,cAAM,OAAA,SAAS,CAAC,KAAK,CAAC,EAAhB,CAAgB;QACpC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe;AAC/B,KAAA,CAAC;AAEF,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,WAAW,EAAE;AACX,YAAA,SAAS,EAAA,SAAA;SACV,EACD,IAAI,EAAE,MAAM,EAAA;AAEZ,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,IAAI,EAAA,EAAG,iBAAiB,CAAkB;AACnE,QAAA,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,IAAA;AAChB,YAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAC,QAAQ,EAAE,QAAQ,EAAA;AAChC,gBAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,IAAA;oBACX,KAAA,CAAA,aAAA,CAAC,eAAe,OAAG,CACN;AACd,gBAAA,KAAK,CACS,CACC,CACR;AAElB;;;;"}
|