@coinbase/cds-mobile 8.60.0 → 8.62.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/dts/accordion/Accordion.d.ts +1 -9
- package/dts/accordion/Accordion.d.ts.map +1 -1
- package/dts/alpha/combobox/Combobox.d.ts.map +1 -1
- package/dts/alpha/select/Select.d.ts.map +1 -1
- package/dts/alpha/select-chip/SelectChip.d.ts.map +1 -1
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts.map +1 -1
- package/dts/banner/Banner.d.ts.map +1 -1
- package/dts/buttons/AvatarButton.d.ts +6 -3
- package/dts/buttons/AvatarButton.d.ts.map +1 -1
- package/dts/buttons/Button.d.ts.map +1 -1
- package/dts/buttons/ButtonGroup.d.ts +3 -1
- package/dts/buttons/ButtonGroup.d.ts.map +1 -1
- package/dts/buttons/IconButton.d.ts.map +1 -1
- package/dts/buttons/IconCounterButton.d.ts.map +1 -1
- package/dts/buttons/SlideButton.d.ts.map +1 -1
- package/dts/cards/Card.d.ts +4 -0
- package/dts/cards/Card.d.ts.map +1 -1
- package/dts/cards/CardBody.d.ts +4 -0
- package/dts/cards/CardBody.d.ts.map +1 -1
- package/dts/cards/CardFooter.d.ts +4 -0
- package/dts/cards/CardFooter.d.ts.map +1 -1
- package/dts/cards/CardGroup.d.ts +12 -0
- package/dts/cards/CardGroup.d.ts.map +1 -1
- package/dts/cards/CardHeader.d.ts +8 -0
- package/dts/cards/CardHeader.d.ts.map +1 -1
- package/dts/cards/CardMedia.d.ts +8 -0
- package/dts/cards/CardMedia.d.ts.map +1 -1
- package/dts/cards/LikeButton.d.ts.map +1 -1
- package/dts/carousel/Carousel.d.ts.map +1 -1
- package/dts/cells/Cell.d.ts.map +1 -1
- package/dts/cells/ListCell.d.ts.map +1 -1
- package/dts/cells/ListCellFallback.d.ts.map +1 -1
- package/dts/chips/Chip.d.ts.map +1 -1
- package/dts/chips/ChipProps.d.ts +10 -8
- package/dts/chips/ChipProps.d.ts.map +1 -1
- package/dts/chips/InputChip.d.ts.map +1 -1
- package/dts/chips/MediaChip.d.ts +3 -2
- package/dts/chips/MediaChip.d.ts.map +1 -1
- package/dts/chips/TabbedChips.d.ts.map +1 -1
- package/dts/coachmark/Coachmark.d.ts.map +1 -1
- package/dts/collapsible/Collapsible.d.ts.map +1 -1
- package/dts/controls/Checkbox.d.ts.map +1 -1
- package/dts/controls/CheckboxCell.d.ts.map +1 -1
- package/dts/controls/Control.d.ts.map +1 -1
- package/dts/controls/ControlGroup.d.ts +13 -4
- package/dts/controls/ControlGroup.d.ts.map +1 -1
- package/dts/controls/InputStack.d.ts.map +1 -1
- package/dts/controls/Radio.d.ts.map +1 -1
- package/dts/controls/RadioCell.d.ts.map +1 -1
- package/dts/controls/SearchInput.d.ts.map +1 -1
- package/dts/controls/SelectOption.d.ts +3 -1
- package/dts/controls/SelectOption.d.ts.map +1 -1
- package/dts/controls/Switch.d.ts.map +1 -1
- package/dts/controls/TextInput.d.ts.map +1 -1
- package/dts/core/componentConfig.d.ts +166 -0
- package/dts/core/componentConfig.d.ts.map +1 -0
- package/dts/dates/Calendar.d.ts.map +1 -1
- package/dts/dates/DateInput.d.ts.map +1 -1
- package/dts/dates/DatePicker.d.ts.map +1 -1
- package/dts/dots/DotCount.d.ts +1 -11
- package/dts/dots/DotCount.d.ts.map +1 -1
- package/dts/dots/DotStatusColor.d.ts +1 -8
- package/dts/dots/DotStatusColor.d.ts.map +1 -1
- package/dts/dots/DotSymbol.d.ts +1 -17
- package/dts/dots/DotSymbol.d.ts.map +1 -1
- package/dts/hooks/useComponentConfig.d.ts +22 -0
- package/dts/hooks/useComponentConfig.d.ts.map +1 -0
- package/dts/icons/Icon.d.ts +11 -1
- package/dts/icons/Icon.d.ts.map +1 -1
- package/dts/index.d.ts +2 -0
- package/dts/index.d.ts.map +1 -1
- package/dts/layout/Divider.d.ts +3 -1
- package/dts/layout/Divider.d.ts.map +1 -1
- package/dts/layout/Fallback.d.ts +3 -1
- package/dts/layout/Fallback.d.ts.map +1 -1
- package/dts/media/Avatar.d.ts +1 -14
- package/dts/media/Avatar.d.ts.map +1 -1
- package/dts/media/RemoteImage.d.ts.map +1 -1
- package/dts/media/RemoteImageGroup.d.ts +3 -10
- package/dts/media/RemoteImageGroup.d.ts.map +1 -1
- package/dts/navigation/BrowserBar.d.ts +5 -14
- package/dts/navigation/BrowserBar.d.ts.map +1 -1
- package/dts/navigation/NavigationTitle.d.ts +4 -7
- package/dts/navigation/NavigationTitle.d.ts.map +1 -1
- package/dts/navigation/NavigationTitleSelect.d.ts +5 -11
- package/dts/navigation/NavigationTitleSelect.d.ts.map +1 -1
- package/dts/navigation/TopNavBar.d.ts +3 -13
- package/dts/navigation/TopNavBar.d.ts.map +1 -1
- package/dts/numbers/RollingNumber/RollingNumber.d.ts.map +1 -1
- package/dts/numpad/Numpad.d.ts +41 -38
- package/dts/numpad/Numpad.d.ts.map +1 -1
- package/dts/overlays/Alert.d.ts.map +1 -1
- package/dts/overlays/Toast.d.ts.map +1 -1
- package/dts/overlays/drawer/Drawer.d.ts.map +1 -1
- package/dts/overlays/modal/Modal.d.ts.map +1 -1
- package/dts/overlays/modal/ModalBody.d.ts.map +1 -1
- package/dts/overlays/modal/ModalFooter.d.ts +3 -8
- package/dts/overlays/modal/ModalFooter.d.ts.map +1 -1
- package/dts/overlays/modal/ModalHeader.d.ts.map +1 -1
- package/dts/overlays/overlay/Overlay.d.ts +7 -3
- package/dts/overlays/overlay/Overlay.d.ts.map +1 -1
- package/dts/overlays/tooltip/Tooltip.d.ts +2 -20
- package/dts/overlays/tooltip/Tooltip.d.ts.map +1 -1
- package/dts/overlays/tray/Tray.d.ts.map +1 -1
- package/dts/page/PageFooter.d.ts.map +1 -1
- package/dts/page/PageHeader.d.ts.map +1 -1
- package/dts/perf/component-config/Button.component-config.perf-test.d.ts +2 -0
- package/dts/perf/component-config/Button.component-config.perf-test.d.ts.map +1 -0
- package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts +2 -0
- package/dts/perf/component-config/ComponentConfigProvider.perf-test.d.ts.map +1 -0
- package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts +2 -0
- package/dts/perf/component-config/ComponentConfigStickerSheet.perf-test.d.ts.map +1 -0
- package/dts/stepper/Stepper.d.ts.map +1 -1
- package/dts/system/ComponentConfigProvider.d.ts +26 -0
- package/dts/system/ComponentConfigProvider.d.ts.map +1 -0
- package/dts/system/index.d.ts +1 -0
- package/dts/system/index.d.ts.map +1 -1
- package/dts/tabs/SegmentedTab.d.ts +6 -3
- package/dts/tabs/SegmentedTab.d.ts.map +1 -1
- package/dts/tabs/SegmentedTabs.d.ts +6 -3
- package/dts/tabs/SegmentedTabs.d.ts.map +1 -1
- package/dts/tabs/Tabs.d.ts +25 -24
- package/dts/tabs/Tabs.d.ts.map +1 -1
- package/dts/tag/Tag.d.ts.map +1 -1
- package/dts/tour/Tour.d.ts +42 -41
- package/dts/tour/Tour.d.ts.map +1 -1
- package/dts/typography/Link.d.ts +1 -14
- package/dts/typography/Link.d.ts.map +1 -1
- package/dts/utils/mergeComponentProps.d.ts +34 -0
- package/dts/utils/mergeComponentProps.d.ts.map +1 -0
- package/dts/visualizations/ProgressBar.d.ts.map +1 -1
- package/dts/visualizations/ProgressBarWithFixedLabels.d.ts +5 -3
- package/dts/visualizations/ProgressBarWithFixedLabels.d.ts.map +1 -1
- package/dts/visualizations/ProgressBarWithFloatLabel.d.ts +3 -1
- package/dts/visualizations/ProgressBarWithFloatLabel.d.ts.map +1 -1
- package/dts/visualizations/ProgressCircle.d.ts.map +1 -1
- package/esm/accordion/Accordion.js +5 -3
- package/esm/alpha/combobox/Combobox.js +8 -6
- package/esm/alpha/select/Select.js +6 -4
- package/esm/alpha/select-chip/SelectChip.js +6 -4
- package/esm/alpha/tabbed-chips/TabbedChips.js +6 -4
- package/esm/banner/Banner.js +6 -4
- package/esm/buttons/AvatarButton.js +6 -4
- package/esm/buttons/Button.js +25 -10
- package/esm/buttons/ButtonGroup.js +5 -3
- package/esm/buttons/IconButton.js +14 -11
- package/esm/buttons/IconCounterButton.js +6 -4
- package/esm/buttons/SlideButton.js +10 -8
- package/esm/buttons/__stories__/Button.stories.js +32 -0
- package/esm/buttons/__stories__/IconButton.stories.js +32 -0
- package/esm/cards/Card.js +5 -0
- package/esm/cards/CardBody.js +5 -0
- package/esm/cards/CardFooter.js +4 -0
- package/esm/cards/CardGroup.js +14 -0
- package/esm/cards/CardHeader.js +9 -0
- package/esm/cards/CardMedia.js +10 -0
- package/esm/cards/LikeButton.js +6 -4
- package/esm/carousel/Carousel.js +10 -8
- package/esm/cells/Cell.js +6 -4
- package/esm/cells/ListCell.js +6 -4
- package/esm/cells/ListCellFallback.js +6 -4
- package/esm/chips/Chip.js +6 -4
- package/esm/chips/InputChip.js +6 -4
- package/esm/chips/MediaChip.js +6 -4
- package/esm/chips/TabbedChips.js +6 -4
- package/esm/coachmark/Coachmark.js +6 -4
- package/esm/collapsible/Collapsible.js +10 -8
- package/esm/controls/Checkbox.js +6 -4
- package/esm/controls/CheckboxCell.js +6 -4
- package/esm/controls/Control.js +8 -6
- package/esm/controls/ControlGroup.js +6 -4
- package/esm/controls/InputStack.js +6 -4
- package/esm/controls/Radio.js +6 -4
- package/esm/controls/RadioCell.js +6 -4
- package/esm/controls/SearchInput.js +6 -4
- package/esm/controls/SelectOption.js +6 -4
- package/esm/controls/Switch.js +6 -4
- package/esm/controls/TextInput.js +6 -4
- package/esm/core/componentConfig.js +1 -0
- package/esm/dates/Calendar.js +8 -6
- package/esm/dates/DateInput.js +6 -4
- package/esm/dates/DatePicker.js +9 -6
- package/esm/dots/DotCount.js +6 -4
- package/esm/dots/DotStatusColor.js +6 -4
- package/esm/dots/DotSymbol.js +6 -4
- package/esm/hooks/useComponentConfig.js +27 -0
- package/esm/icons/Icon.js +10 -8
- package/esm/index.js +2 -0
- package/esm/layout/Divider.js +6 -4
- package/esm/layout/Fallback.js +6 -4
- package/esm/media/Avatar.js +6 -4
- package/esm/media/RemoteImage.js +6 -4
- package/esm/media/RemoteImageGroup.js +6 -4
- package/esm/navigation/BrowserBar.js +6 -4
- package/esm/navigation/NavigationTitle.js +6 -4
- package/esm/navigation/NavigationTitleSelect.js +8 -6
- package/esm/navigation/TopNavBar.js +5 -3
- package/esm/numbers/RollingNumber/RollingNumber.js +6 -4
- package/esm/numpad/Numpad.js +8 -6
- package/esm/overlays/Alert.js +7 -5
- package/esm/overlays/Toast.js +10 -8
- package/esm/overlays/drawer/Drawer.js +12 -10
- package/esm/overlays/modal/Modal.js +4 -1
- package/esm/overlays/modal/ModalBody.js +8 -6
- package/esm/overlays/modal/ModalFooter.js +8 -6
- package/esm/overlays/modal/ModalHeader.js +6 -4
- package/esm/overlays/overlay/Overlay.js +6 -4
- package/esm/overlays/tooltip/Tooltip.js +5 -3
- package/esm/overlays/tray/Tray.js +13 -11
- package/esm/page/PageFooter.js +6 -4
- package/esm/page/PageHeader.js +6 -4
- package/esm/perf/component-config/Button.component-config.perf-test.js +35 -0
- package/esm/perf/component-config/ComponentConfigProvider.perf-test.js +147 -0
- package/esm/perf/component-config/ComponentConfigStickerSheet.perf-test.js +326 -0
- package/esm/perf/component-config/README.md +8 -0
- package/esm/stepper/Stepper.js +11 -9
- package/esm/system/ComponentConfigProvider.js +39 -0
- package/esm/system/__stories__/ComponentConfigProvider.stories.js +12 -0
- package/esm/system/__stories__/ComponentConfigProviderCustom.stories.js +22 -0
- package/esm/system/__stories__/componentConfigStickerSheet/Container.js +27 -0
- package/esm/system/__stories__/componentConfigStickerSheet/StickerSheet.js +94 -0
- package/esm/system/__stories__/componentConfigStickerSheet/customComponentConfig.js +116 -0
- package/esm/system/__stories__/componentConfigStickerSheet/customTheme.js +520 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Accordion.js +67 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Avatar.js +48 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Banner.js +43 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Button.js +77 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Coachmark.js +15 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Controls.js +29 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/DatePicker.js +15 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/DotCount.js +28 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Icon.js +57 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/InputChip.js +17 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/ListCell.js +48 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Search.js +20 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/SegmentedTabs.js +12 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Select.js +24 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/SelectChip.js +22 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/Tag.js +35 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/TextInput.js +46 -0
- package/esm/system/__stories__/componentConfigStickerSheet/examples/constants.js +33 -0
- package/esm/system/__stories__/componentConfigStickerSheet/themeVars.js +2 -0
- package/esm/system/index.js +1 -0
- package/esm/tabs/SegmentedTab.js +7 -5
- package/esm/tabs/SegmentedTabs.js +9 -4
- package/esm/tabs/Tabs.js +12 -10
- package/esm/tag/Tag.js +6 -4
- package/esm/tour/Tour.js +5 -3
- package/esm/typography/Link.js +6 -4
- package/esm/utils/mergeComponentProps.js +35 -0
- package/esm/visualizations/ProgressBar.js +7 -5
- package/esm/visualizations/ProgressBarWithFixedLabels.js +5 -3
- package/esm/visualizations/ProgressBarWithFloatLabel.js +5 -3
- package/esm/visualizations/ProgressCircle.js +7 -5
- package/package.json +4 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAM/D,OAAO,EAAQ,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAKlE,MAAM,MAAM,sBAAsB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACzE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CAC5E,GACC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,GAAG,QAAQ,CAAC,CAAC;AAEzF,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,sBAAsB,CAAC,KAAK,CAAC,GAC3F,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CAAC,GAChF,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,GAAG,QAAQ,CAAC,GAAG;IACnF,2EAA2E;IAC3E,MAAM,CAAC,EAAE;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,+BAA+B;QAC/B,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEJ,KAAK,eAAe,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACnD,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAClE,KAAK,CAAC,YAAY,CAAC;AA+BxB,eAAO,MAAM,aAAa,EAA6B,eAAe,CAAC"}
|
package/dts/tabs/Tabs.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { type StyleProp, View, type ViewStyle } from 'react-native';
|
|
|
3
3
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
4
4
|
import { type TabsOptions, type TabValue } from '@coinbase/cds-common/tabs/useTabs';
|
|
5
5
|
import { type Rect } from '@coinbase/cds-common/types/Rect';
|
|
6
|
-
import type { BoxProps, HStackProps } from '../layout';
|
|
6
|
+
import type { BoxBaseProps, BoxProps, HStackProps } from '../layout';
|
|
7
7
|
export declare const tabsSpringConfig: {
|
|
8
8
|
readonly mass: 0.15;
|
|
9
9
|
readonly stiffness: 160;
|
|
@@ -18,31 +18,32 @@ export type TabComponentProps<TabId extends string = string> = TabValue<TabId> &
|
|
|
18
18
|
};
|
|
19
19
|
export type TabComponent<TabId extends string = string> = React.FC<TabComponentProps<TabId>>;
|
|
20
20
|
export type TabsActiveIndicatorComponent = React.FC<TabsActiveIndicatorProps>;
|
|
21
|
-
export type TabsBaseProps<TabId extends string = string> =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
styles?: {
|
|
36
|
-
/** Root container element */
|
|
37
|
-
root?: StyleProp<ViewStyle>;
|
|
38
|
-
/** Tab element */
|
|
39
|
-
tab?: StyleProp<ViewStyle>;
|
|
40
|
-
/** Active indicator element */
|
|
41
|
-
activeIndicator?: StyleProp<ViewStyle>;
|
|
21
|
+
export type TabsBaseProps<TabId extends string = string> = Omit<BoxBaseProps, 'onChange'> &
|
|
22
|
+
Omit<TabsOptions<TabId>, 'tabs'> & {
|
|
23
|
+
/** The array of tabs data. Each tab may optionally define a custom Component to render. */
|
|
24
|
+
tabs: (TabValue<TabId> & {
|
|
25
|
+
Component?: TabComponent<TabId>;
|
|
26
|
+
})[];
|
|
27
|
+
/** The default Component to render each tab. */
|
|
28
|
+
TabComponent: TabComponent<TabId>;
|
|
29
|
+
/** The default Component to render the tabs active indicator. */
|
|
30
|
+
TabsActiveIndicatorComponent: TabsActiveIndicatorComponent;
|
|
31
|
+
/** Background color passed to the TabsActiveIndicatorComponent. */
|
|
32
|
+
activeBackground?: ThemeVars.Color;
|
|
33
|
+
/** Optional callback to receive the active tab element. */
|
|
34
|
+
onActiveTabElementChange?: (element: View | null) => void;
|
|
42
35
|
};
|
|
43
|
-
} & Omit<TabsOptions<TabId>, 'tabs'>;
|
|
44
36
|
export type TabsProps<TabId extends string = string> = TabsBaseProps<TabId> &
|
|
45
|
-
Omit<HStackProps, 'onChange'
|
|
37
|
+
Omit<HStackProps, 'onChange'> & {
|
|
38
|
+
styles?: {
|
|
39
|
+
/** Root container element */
|
|
40
|
+
root?: StyleProp<ViewStyle>;
|
|
41
|
+
/** Tab element */
|
|
42
|
+
tab?: StyleProp<ViewStyle>;
|
|
43
|
+
/** Active indicator element */
|
|
44
|
+
activeIndicator?: StyleProp<ViewStyle>;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
46
47
|
type TabsFC = <TabId extends string = string>(
|
|
47
48
|
props: TabsProps<TabId> & {
|
|
48
49
|
ref?: React.ForwardedRef<View>;
|
package/dts/tabs/Tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AACpG,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEd,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AACpG,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAOpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEd,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAGzE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAmBrE,eAAO,MAAM,gBAAgB;;;;;CAKQ,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG;IAC/E,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;AAE7F,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAE9E,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GACvF,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,GAAG;IACjC,2FAA2F;IAC3F,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;QAAE,SAAS,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IAChE,gDAAgD;IAChD,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,iEAAiE;IACjE,4BAA4B,EAAE,4BAA4B,CAAC;IAC3D,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACnC,2DAA2D;IAC3D,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CAE3D,CAAC;AAEJ,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,KAAK,CAAC,GACzE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC9B,MAAM,CAAC,EAAE;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,+BAA+B;QAC/B,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEJ,KAAK,MAAM,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAC1C,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KACzD,KAAK,CAAC,YAAY,CAAC;AAsGxB,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC;AAE5C,eAAO,MAAM,mBAAmB,GAAI,8CAKjC,wBAAwB,4CAiC1B,CAAC"}
|
package/dts/tag/Tag.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAOjE,OAAO,KAAK,EACV,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACX,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../src/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAOjE,OAAO,KAAK,EACV,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACX,cAAc,EACd,WAAW,EACX,SAAS,EACV,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,MAAM,YAAY,GAAG,WAAW,GACpC,wBAAwB,GAAG;IACzB,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,sCAAsC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IACrC,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC;IAChC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;IAChC,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;AAEnE,eAAO,MAAM,GAAG;IAxCZ,yCAAyC;cAC/B,KAAK,CAAC,SAAS;IACzB;;;OAGG;aACM,SAAS;IAClB;;;OAGG;eACQ,WAAW;IACtB;;;OAGG;kBACW,cAAc;IAC5B,sCAAsC;iBACzB,SAAS,CAAC,aAAa;IACpC,gCAAgC;YACxB,SAAS,CAAC,aAAa;IAC/B,0EAA0E;eAC/D,QAAQ,CAAC,UAAU,CAAC;IAC/B,yBAAyB;YACjB,KAAK,CAAC,SAAS;IACvB,8CAA8C;gBAClC,QAAQ;IACpB,uCAAuC;sBACrB,OAAO;IACzB,uBAAuB;UACjB,KAAK,CAAC,SAAS;IACrB,4CAA4C;cAClC,QAAQ;IAClB,qCAAqC;oBACrB,OAAO;kGAyE1B,CAAC"}
|
package/dts/tour/Tour.d.ts
CHANGED
|
@@ -24,47 +24,48 @@ export type TourMaskComponentProps = {
|
|
|
24
24
|
borderRadius?: string | number;
|
|
25
25
|
};
|
|
26
26
|
export type TourMaskComponent = React.FC<TourMaskComponentProps>;
|
|
27
|
-
export type
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
27
|
+
export type TourBaseProps<TourStepId extends string = string> = SharedProps &
|
|
28
|
+
TourOptions<TourStepId> &
|
|
29
|
+
Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy' | 'id'> & {
|
|
30
|
+
children?: React.ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* The Component to render as a tour overlay and mask.
|
|
33
|
+
* @default DefaultTourMask
|
|
34
|
+
*/
|
|
35
|
+
TourMaskComponent?: TourMaskComponent;
|
|
36
|
+
/**
|
|
37
|
+
* The default Component to render for each TourStep arrow element.
|
|
38
|
+
* @default DefaultTourStepArrow
|
|
39
|
+
*/
|
|
40
|
+
TourStepArrowComponent?: TourStepArrowComponent;
|
|
41
|
+
/**
|
|
42
|
+
* Hide overlay when tour is active
|
|
43
|
+
*/
|
|
44
|
+
hideOverlay?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Configures `@floating-ui` offset options for Tour Step component. See https://floating-ui.com/docs/offset.
|
|
47
|
+
*/
|
|
48
|
+
tourStepOffset?: OffsetOptions;
|
|
49
|
+
/**
|
|
50
|
+
* Configures `@floating-ui` autoPlacement options for Tour Step component. See https://floating-ui.com/docs/autoplacement.
|
|
51
|
+
* @default 24
|
|
52
|
+
*/
|
|
53
|
+
tourStepAutoPlacement?: AutoPlacementOptions;
|
|
54
|
+
/**
|
|
55
|
+
* Configures `@floating-ui` shift options for Tour Step component. See https://floating-ui.com/docs/shift.
|
|
56
|
+
*/
|
|
57
|
+
tourStepShift?: ShiftOptions;
|
|
58
|
+
/**
|
|
59
|
+
* Padding to add around the edges of the TourMask's content mask.
|
|
60
|
+
*/
|
|
61
|
+
tourMaskPadding?: string | number;
|
|
62
|
+
/**
|
|
63
|
+
* Corner radius for the TourMask's content mask. Uses SVG rect element's `rx` and `ry`
|
|
64
|
+
* attributes https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx.
|
|
65
|
+
*/
|
|
66
|
+
tourMaskBorderRadius?: string | number;
|
|
67
|
+
};
|
|
68
|
+
export type TourProps<TourStepId extends string = string> = TourBaseProps<TourStepId>;
|
|
68
69
|
type TourFC = <TourStepId extends string = string>(props: TourProps<TourStepId>) => React.ReactNode;
|
|
69
70
|
export declare const Tour: TourFC;
|
|
70
71
|
export {};
|
package/dts/tour/Tour.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../src/tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,OAAO,KAAK,EACV,WAAW,EACX,sBAAsB,EAEvB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../src/tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,OAAO,KAAK,EACV,WAAW,EACX,sBAAsB,EAEvB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAC;AAoB3B,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,oBAAoB,EAAE,IAAI,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,aAAa,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,GACzE,WAAW,CAAC,UAAU,CAAC,GACvB,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC,GAAG;IACxF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,SAAS,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,UAAU,CAAC,CAAC;AAEtF,KAAK,MAAM,GAAG,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AA6IpG,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC"}
|
package/dts/typography/Link.d.ts
CHANGED
|
@@ -36,19 +36,6 @@ export type LinkBaseProps = SharedProps &
|
|
|
36
36
|
};
|
|
37
37
|
export type LinkProps = LinkBaseProps & TextProps;
|
|
38
38
|
export declare const Link: React.MemoExoticComponent<
|
|
39
|
-
(
|
|
40
|
-
children,
|
|
41
|
-
to,
|
|
42
|
-
color,
|
|
43
|
-
font,
|
|
44
|
-
onPress,
|
|
45
|
-
forceOpenOutsideApp,
|
|
46
|
-
preventRedirectionIntoApp,
|
|
47
|
-
readerMode,
|
|
48
|
-
underline,
|
|
49
|
-
accessibilityLabel,
|
|
50
|
-
testID,
|
|
51
|
-
...props
|
|
52
|
-
}: LinkProps) => import('react/jsx-runtime').JSX.Element
|
|
39
|
+
(_props: LinkProps) => import('react/jsx-runtime').JSX.Element
|
|
53
40
|
>;
|
|
54
41
|
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/typography/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/typography/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKxD,OAAO,EAAQ,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,aAAa,GAAG;IACd,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD;;;SAGK;IACL,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;AAElD,eAAO,MAAM,IAAI,qCAAiB,SAAS,6CA8CzC,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The result of merging two sets of props
|
|
3
|
+
*/
|
|
4
|
+
export type MergedProps<Target, Source> = Source & Target;
|
|
5
|
+
/**
|
|
6
|
+
* Merges two sets of component props where source overrides target.
|
|
7
|
+
*
|
|
8
|
+
* This merge is shallow by design and applies to any BaseProps keys, not only
|
|
9
|
+
* style-like props. This allows component config defaults such as `compact`,
|
|
10
|
+
* `variant`, `height`, and `font` to flow through alongside style props.
|
|
11
|
+
*
|
|
12
|
+
* @param target - Base set of props (e.g., from component config defaults)
|
|
13
|
+
* @param source - Overriding set of props (e.g., from local component props)
|
|
14
|
+
* @returns Merged props with source values taking precedence
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* const merged = mergeComponentProps(
|
|
19
|
+
* { compact: false, variant: 'secondary', height: 32, font: 'headline' },
|
|
20
|
+
* { compact: true, variant: 'primary' }
|
|
21
|
+
* );
|
|
22
|
+
* // Result: {
|
|
23
|
+
* // compact: true, // local override
|
|
24
|
+
* // variant: 'primary', // local override
|
|
25
|
+
* // height: 32, // preserved from defaults
|
|
26
|
+
* // font: 'headline' // preserved from defaults
|
|
27
|
+
* // }
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
30
|
+
export declare function mergeComponentProps<
|
|
31
|
+
Target extends Record<string, any>,
|
|
32
|
+
Source extends Record<string, any>,
|
|
33
|
+
>(target: Target | undefined, source: Source | undefined): MergedProps<Target, Source>;
|
|
34
|
+
//# sourceMappingURL=mergeComponentProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mergeComponentProps.d.ts","sourceRoot":"","sources":["../../src/utils/mergeComponentProps.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,WAAW,CAAC,MAAM,EAAE,MAAM,IAAI,MAAM,GAAG,MAAM,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAClC,MAAM,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAQrF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAOhG,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,mBAAmB,EAAE,uBAAuB,CAAC,GAClD,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,GAAG;IACjD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,yEAAyE;IACzE,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,WAAW;IApCpB,8DAA8D;eACnD,MAAM;IACjB;;SAEK;aACI,MAAM;IACf;;OAEG;eACQ,OAAO;IAClB;;;OAGG;YACK,SAAS,CAAC,KAAK;IACvB;;OAEG;qBACc,MAAM,IAAI;IAC3B;;OAEG;uBACgB,MAAM,IAAI;;YAIvB,SAAS,CAAC,SAAS,CAAC;IAC5B,yEAAyE;aAChE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACjC;+BA8GF,CAAC"}
|
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
|
|
3
3
|
import type { PaddingProps, Placement } from '@coinbase/cds-common/types';
|
|
4
4
|
import { type ProgressBarLabel } from './getProgressBarLabelParts';
|
|
5
|
-
import { type ProgressBarProps } from './ProgressBar';
|
|
6
|
-
export type
|
|
7
|
-
|
|
5
|
+
import { type ProgressBarProps, type ProgressBaseProps } from './ProgressBar';
|
|
6
|
+
export type ProgressBarWithFixedLabelsBaseProps = Pick<
|
|
7
|
+
ProgressBaseProps,
|
|
8
8
|
'disableAnimateOnMount' | 'disabled' | 'testID'
|
|
9
9
|
> & {
|
|
10
10
|
/** Label that is pinned to the start of the container. If a number is used then it will format it as a percentage. */
|
|
@@ -16,6 +16,8 @@ export type ProgressBarWithFixedLabelsProps = Pick<
|
|
|
16
16
|
* @default beside
|
|
17
17
|
* */
|
|
18
18
|
labelPlacement?: Extract<Placement, 'above' | 'below' | 'beside'>;
|
|
19
|
+
};
|
|
20
|
+
export type ProgressBarWithFixedLabelsProps = ProgressBarWithFixedLabelsBaseProps & {
|
|
19
21
|
style?: StyleProp<ViewStyle>;
|
|
20
22
|
/** Custom styles for individual elements of the ProgressBarWithFixedLabels component */
|
|
21
23
|
styles?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarWithFixedLabels.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBarWithFixedLabels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAe,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACjG,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBarWithFixedLabels.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBarWithFixedLabels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAe,KAAK,SAAS,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACjG,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAK1E,OAAO,EAA4B,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAG9E,MAAM,MAAM,mCAAmC,GAAG,IAAI,CACpD,iBAAiB,EACjB,uBAAuB,GAAG,UAAU,GAAG,QAAQ,CAChD,GAAG;IACF,sHAAsH;IACtH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,oHAAoH;IACpH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B;;;SAGK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;CACnE,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,mCAAmC,GAAG;IAClF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,wFAAwF;IACxF,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,8BAA8B;QAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC,0BAA0B;QAC1B,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAClC,wBAAwB;QACxB,QAAQ,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACjC,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,IAAI,CACjD,gBAAgB,EAChB,uBAAuB,GAAG,OAAO,CAClC,GAAG;IACF,KAAK,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,IAAI,CACpD,+BAA+B,EAC/B,gBAAgB,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CACrD,GACC,IAAI,CAAC,YAAY,EAAE,eAAe,GAAG,YAAY,CAAC,GAAG;IACnD,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEJ,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,gBAAgB,EAChB,uBAAuB,GAAG,OAAO,CAClC,GAAG;IACF,QAAQ,EAAE,OAAO,GAAG,KAAK,CAAC;IAC1B,KAAK,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AAyGF,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAC/C,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,CAwExD,CAAC"}
|
|
@@ -7,7 +7,7 @@ export type ProgressBarFloatLabelProps = Pick<
|
|
|
7
7
|
ProgressBarWithFloatLabelProps,
|
|
8
8
|
'label' | 'progress' | 'disableAnimateOnMount' | 'disabled' | 'labelPlacement' | 'styles'
|
|
9
9
|
>;
|
|
10
|
-
export type
|
|
10
|
+
export type ProgressBarWithFloatLabelBaseProps = Pick<
|
|
11
11
|
ProgressBaseProps,
|
|
12
12
|
'progress' | 'disableAnimateOnMount' | 'disabled' | 'testID'
|
|
13
13
|
> & {
|
|
@@ -18,6 +18,8 @@ export type ProgressBarWithFloatLabelProps = Pick<
|
|
|
18
18
|
* @default above
|
|
19
19
|
* */
|
|
20
20
|
labelPlacement?: Extract<Placement, 'above' | 'below'>;
|
|
21
|
+
};
|
|
22
|
+
export type ProgressBarWithFloatLabelProps = ProgressBarWithFloatLabelBaseProps & {
|
|
21
23
|
style?: StyleProp<ViewStyle>;
|
|
22
24
|
/** Custom styles for individual elements of the ProgressBarWithFloatLabel component */
|
|
23
25
|
styles?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBarWithFloatLabel.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBarWithFloatLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBarWithFloatLabel.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressBarWithFloatLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAO5D,OAAO,EAA4B,KAAK,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQvD,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,8BAA8B,EAC9B,OAAO,GAAG,UAAU,GAAG,uBAAuB,GAAG,UAAU,GAAG,gBAAgB,GAAG,QAAQ,CAC1F,CAAC;AAuFF,MAAM,MAAM,kCAAkC,GAAG,IAAI,CACnD,iBAAiB,EACjB,UAAU,GAAG,uBAAuB,GAAG,UAAU,GAAG,QAAQ,CAC7D,GAAG;IACF,yHAAyH;IACzH,KAAK,EAAE,gBAAgB,CAAC;IACxB;;;SAGK;IACL,cAAc,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;CACxD,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,kCAAkC,GAAG;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,uFAAuF;IACvF,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,8BAA8B;QAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC,oBAAoB;QACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,KAAK,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAkCvD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAY,KAAK,SAAS,EAAc,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressCircle.d.ts","sourceRoot":"","sources":["../../src/visualizations/ProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAY,KAAK,SAAS,EAAc,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAUnE,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAG/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAUvD,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,GAAG;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,GAAG;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,EACvB,UAAU,GAAG,uBAAuB,GAAG,UAAU,CAClD,GACC,QAAQ,GAAG;IACT;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CACzB,CAAC;AAoEJ,eAAO,MAAM,cAAc;;;;;;;;IA5HzB;;OAEG;kBACW,OAAO;IACrB;;;;OAIG;eACQ,OAAO;IAClB;;;;;OAKG;WACI,MAAM;IACb;;OAEG;kBACW,KAAK,CAAC,SAAS;IAC7B;;OAEG;oBACa,OAAO;;YAIf,SAAS,CAAC,SAAS,CAAC;IAC5B,4EAA4E;aACnE;QACP,mBAAmB;QACnB,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,4BAA4B;QAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,6BAA6B;QAC7B,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACrC,yCAAyC;QACzC,QAAQ,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;QAChC,gCAAgC;QAChC,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;KAC/B;+BAwOF,CAAC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { Children, memo } from 'react';
|
|
2
2
|
import { AccordionProvider } from '@coinbase/cds-common/accordion/AccordionProvider';
|
|
3
3
|
import { join } from '@coinbase/cds-common/utils/join';
|
|
4
|
+
import { useComponentConfig } from '../hooks/useComponentConfig';
|
|
4
5
|
import { Divider, VStack } from '../layout';
|
|
5
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
-
export const Accordion = /*#__PURE__*/memo(
|
|
7
|
-
|
|
7
|
+
export const Accordion = /*#__PURE__*/memo(_props => {
|
|
8
|
+
const mergedProps = useComponentConfig('Accordion', _props);
|
|
9
|
+
const {
|
|
8
10
|
activeKey,
|
|
9
11
|
children,
|
|
10
12
|
defaultActiveKey,
|
|
@@ -12,7 +14,7 @@ export const Accordion = /*#__PURE__*/memo(_ref => {
|
|
|
12
14
|
setActiveKey,
|
|
13
15
|
testID,
|
|
14
16
|
style
|
|
15
|
-
} =
|
|
17
|
+
} = mergedProps;
|
|
16
18
|
return /*#__PURE__*/_jsx(AccordionProvider, {
|
|
17
19
|
activeKey: activeKey,
|
|
18
20
|
defaultActiveKey: defaultActiveKey,
|
|
@@ -6,6 +6,7 @@ import { createContext, forwardRef, memo, useCallback, useContext, useImperative
|
|
|
6
6
|
import { KeyboardAvoidingView, Platform, View } from 'react-native';
|
|
7
7
|
import Fuse from 'fuse.js';
|
|
8
8
|
import { Button } from '../../buttons/Button';
|
|
9
|
+
import { useComponentConfig } from '../../hooks/useComponentConfig';
|
|
9
10
|
import { Box } from '../../layout';
|
|
10
11
|
import { StickyFooter } from '../../sticky-footer/StickyFooter';
|
|
11
12
|
import { DefaultSelectControl } from '../select/DefaultSelectControl';
|
|
@@ -50,8 +51,9 @@ const ComboboxControlContextAdapter = /*#__PURE__*/memo(_ref => {
|
|
|
50
51
|
searchText: searchText
|
|
51
52
|
}));
|
|
52
53
|
});
|
|
53
|
-
const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((
|
|
54
|
-
|
|
54
|
+
const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref) => {
|
|
55
|
+
const mergedProps = useComponentConfig('Combobox', _props);
|
|
56
|
+
const {
|
|
55
57
|
type = 'single',
|
|
56
58
|
value,
|
|
57
59
|
onChange,
|
|
@@ -77,8 +79,8 @@ const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
77
79
|
SelectDropdownComponent = DefaultSelectDropdown,
|
|
78
80
|
hideSearchInput,
|
|
79
81
|
font
|
|
80
|
-
} =
|
|
81
|
-
props = _objectWithoutPropertiesLoose(
|
|
82
|
+
} = mergedProps,
|
|
83
|
+
props = _objectWithoutPropertiesLoose(mergedProps, _excluded2);
|
|
82
84
|
const [searchTextInternal, setSearchTextInternal] = useState(defaultSearchText);
|
|
83
85
|
const searchText = searchTextProp != null ? searchTextProp : searchTextInternal;
|
|
84
86
|
const setSearchText = onSearchProp != null ? onSearchProp : setSearchTextInternal;
|
|
@@ -126,10 +128,10 @@ const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
|
126
128
|
label: label,
|
|
127
129
|
minHeight: 500
|
|
128
130
|
}, props, {
|
|
129
|
-
footer:
|
|
131
|
+
footer: _ref2 => {
|
|
130
132
|
let {
|
|
131
133
|
handleClose
|
|
132
|
-
} =
|
|
134
|
+
} = _ref2;
|
|
133
135
|
return /*#__PURE__*/_jsx(KeyboardAvoidingView, {
|
|
134
136
|
behavior: "padding",
|
|
135
137
|
keyboardVerticalOffset: Platform.OS === 'ios' ? 86 : 0,
|
|
@@ -2,6 +2,7 @@ const _excluded = ["value", "type", "options", "onChange", "open", "setOpen", "d
|
|
|
2
2
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
3
3
|
import React, { forwardRef, memo, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
|
+
import { useComponentConfig } from '../../hooks/useComponentConfig';
|
|
5
6
|
import { DefaultSelectAllOption } from './DefaultSelectAllOption';
|
|
6
7
|
import { DefaultSelectControl } from './DefaultSelectControl';
|
|
7
8
|
import { DefaultSelectDropdown } from './DefaultSelectDropdown';
|
|
@@ -17,8 +18,9 @@ export const defaultAccessibilityRoles = {
|
|
|
17
18
|
// Re-export all types for backward compatibility
|
|
18
19
|
|
|
19
20
|
export { isSelectOptionGroup };
|
|
20
|
-
const SelectBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((
|
|
21
|
-
|
|
21
|
+
const SelectBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref) => {
|
|
22
|
+
const mergedProps = useComponentConfig('Select', _props);
|
|
23
|
+
const {
|
|
22
24
|
value,
|
|
23
25
|
type = 'single',
|
|
24
26
|
options,
|
|
@@ -60,8 +62,8 @@ const SelectBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
60
62
|
style,
|
|
61
63
|
styles,
|
|
62
64
|
testID
|
|
63
|
-
} =
|
|
64
|
-
props = _objectWithoutPropertiesLoose(
|
|
65
|
+
} = mergedProps,
|
|
66
|
+
props = _objectWithoutPropertiesLoose(mergedProps, _excluded);
|
|
65
67
|
const [openInternal, setOpenInternal] = useState(defaultOpen != null ? defaultOpen : false);
|
|
66
68
|
const open = openProp != null ? openProp : openInternal;
|
|
67
69
|
const setOpen = setOpenProp != null ? setOpenProp : setOpenInternal;
|
|
@@ -2,6 +2,7 @@ const _excluded = ["invertColorScheme", "numberOfLines", "maxWidth", "displayVal
|
|
|
2
2
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
3
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
4
4
|
import React, { forwardRef, memo, useCallback } from 'react';
|
|
5
|
+
import { useComponentConfig } from '../../hooks/useComponentConfig';
|
|
5
6
|
import { Select } from '../select/Select';
|
|
6
7
|
import { SelectChipControl } from './SelectChipControl';
|
|
7
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -9,14 +10,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
9
10
|
* Chip-styled Select control built on top of the Alpha Select.
|
|
10
11
|
* Supports both single and multi selection via Select's `type` prop.
|
|
11
12
|
*/
|
|
12
|
-
const SelectChipComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((
|
|
13
|
-
|
|
13
|
+
const SelectChipComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_props, ref) => {
|
|
14
|
+
const mergedProps = useComponentConfig('SelectChip', _props);
|
|
15
|
+
const {
|
|
14
16
|
invertColorScheme,
|
|
15
17
|
numberOfLines,
|
|
16
18
|
maxWidth,
|
|
17
19
|
displayValue
|
|
18
|
-
} =
|
|
19
|
-
props = _objectWithoutPropertiesLoose(
|
|
20
|
+
} = mergedProps,
|
|
21
|
+
props = _objectWithoutPropertiesLoose(mergedProps, _excluded);
|
|
20
22
|
const SelectChipControlComponent = useCallback(props => {
|
|
21
23
|
return /*#__PURE__*/_jsx(SelectChipControl, _extends({
|
|
22
24
|
displayValue: displayValue,
|
|
@@ -6,6 +6,7 @@ import React, { forwardRef, memo, useCallback, useMemo, useState } from 'react';
|
|
|
6
6
|
import { ScrollView } from 'react-native';
|
|
7
7
|
import { useTabsContext } from '@coinbase/cds-common/tabs/TabsContext';
|
|
8
8
|
import { MediaChip } from '../../chips/MediaChip';
|
|
9
|
+
import { useComponentConfig } from '../../hooks/useComponentConfig';
|
|
9
10
|
import { useHorizontalScrollToTarget } from '../../hooks/useHorizontalScrollToTarget';
|
|
10
11
|
import { Box, OverflowGradient } from '../../layout';
|
|
11
12
|
import { Tabs } from '../../tabs';
|
|
@@ -35,8 +36,9 @@ const DefaultTabComponent = _ref => {
|
|
|
35
36
|
const TabsActiveIndicatorComponent = () => {
|
|
36
37
|
return null;
|
|
37
38
|
};
|
|
38
|
-
const TabbedChipsComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function TabbedChips(
|
|
39
|
-
|
|
39
|
+
const TabbedChipsComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function TabbedChips(_props, ref) {
|
|
40
|
+
const mergedProps = useComponentConfig('TabbedChips', _props);
|
|
41
|
+
const {
|
|
40
42
|
tabs,
|
|
41
43
|
activeTab = tabs[0],
|
|
42
44
|
testID = 'tabbed-chips',
|
|
@@ -47,8 +49,8 @@ const TabbedChipsComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function
|
|
|
47
49
|
compact,
|
|
48
50
|
styles,
|
|
49
51
|
autoScrollOffset = 30
|
|
50
|
-
} =
|
|
51
|
-
accessibilityProps = _objectWithoutPropertiesLoose(
|
|
52
|
+
} = mergedProps,
|
|
53
|
+
accessibilityProps = _objectWithoutPropertiesLoose(mergedProps, _excluded2);
|
|
52
54
|
const [scrollTarget, setScrollTarget] = useState(null);
|
|
53
55
|
const {
|
|
54
56
|
scrollRef,
|
package/esm/banner/Banner.js
CHANGED
|
@@ -4,6 +4,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
|
|
|
4
4
|
import React, { forwardRef, isValidElement, memo, useCallback, useMemo, useState } from 'react';
|
|
5
5
|
import { variants } from '@coinbase/cds-common/tokens/banner';
|
|
6
6
|
import { Collapsible } from '../collapsible/Collapsible';
|
|
7
|
+
import { useComponentConfig } from '../hooks/useComponentConfig';
|
|
7
8
|
import { useTheme } from '../hooks/useTheme';
|
|
8
9
|
import { Icon } from '../icons';
|
|
9
10
|
import { Box, HStack, VStack } from '../layout';
|
|
@@ -11,8 +12,9 @@ import { Pressable } from '../system/Pressable';
|
|
|
11
12
|
import { Link } from '../typography';
|
|
12
13
|
import { Text } from '../typography/Text';
|
|
13
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
export const Banner = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Banner(
|
|
15
|
-
|
|
15
|
+
export const Banner = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Banner(_props, forwardedRef) {
|
|
16
|
+
const mergedProps = useComponentConfig('Banner', _props);
|
|
17
|
+
const {
|
|
16
18
|
variant,
|
|
17
19
|
startIcon,
|
|
18
20
|
startIconActive,
|
|
@@ -37,8 +39,8 @@ export const Banner = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Banner(
|
|
|
37
39
|
marginEnd,
|
|
38
40
|
marginBottom,
|
|
39
41
|
marginStart
|
|
40
|
-
} =
|
|
41
|
-
props = _objectWithoutPropertiesLoose(
|
|
42
|
+
} = mergedProps,
|
|
43
|
+
props = _objectWithoutPropertiesLoose(mergedProps, _excluded);
|
|
42
44
|
const [isCollapsed, setIsCollapsed] = useState(false);
|
|
43
45
|
const theme = useTheme();
|
|
44
46
|
|
|
@@ -3,11 +3,13 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
|
|
|
3
3
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
4
4
|
import React, { memo } from 'react';
|
|
5
5
|
import { interactableHeight } from '@coinbase/cds-common/tokens/interactableHeight';
|
|
6
|
+
import { useComponentConfig } from '../hooks/useComponentConfig';
|
|
6
7
|
import { Avatar } from '../media';
|
|
7
8
|
import { Pressable } from '../system/Pressable';
|
|
8
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
-
export const AvatarButton = /*#__PURE__*/memo(
|
|
10
|
-
|
|
10
|
+
export const AvatarButton = /*#__PURE__*/memo(_props => {
|
|
11
|
+
const mergedProps = useComponentConfig('AvatarButton', _props);
|
|
12
|
+
const {
|
|
11
13
|
accessibilityLabel,
|
|
12
14
|
feedback = 'light',
|
|
13
15
|
src,
|
|
@@ -16,8 +18,8 @@ export const AvatarButton = /*#__PURE__*/memo(function AvatarButton(_ref) {
|
|
|
16
18
|
colorScheme,
|
|
17
19
|
borderColor,
|
|
18
20
|
name
|
|
19
|
-
} =
|
|
20
|
-
props = _objectWithoutPropertiesLoose(
|
|
21
|
+
} = mergedProps,
|
|
22
|
+
props = _objectWithoutPropertiesLoose(mergedProps, _excluded);
|
|
21
23
|
const height = compact ? interactableHeight.compact : interactableHeight.regular;
|
|
22
24
|
return /*#__PURE__*/_jsx(Pressable, _extends({
|
|
23
25
|
accessibilityHint: accessibilityLabel,
|