@coinbase/cds-mobile 8.61.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 +6 -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/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 +6 -4
- package/esm/buttons/ButtonGroup.js +5 -3
- package/esm/buttons/IconButton.js +6 -4
- package/esm/buttons/IconCounterButton.js +6 -4
- package/esm/buttons/SlideButton.js +10 -8
- 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
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,
|
package/esm/buttons/Button.js
CHANGED
|
@@ -6,6 +6,7 @@ import { StyleSheet } from 'react-native';
|
|
|
6
6
|
import { transparentVariants, variants } from '@coinbase/cds-common/tokens/button';
|
|
7
7
|
import { interactableHeight } from '@coinbase/cds-common/tokens/interactableHeight';
|
|
8
8
|
import { getButtonSpacingProps } from '@coinbase/cds-common/utils/getButtonSpacingProps';
|
|
9
|
+
import { useComponentConfig } from '../hooks/useComponentConfig';
|
|
9
10
|
import { useTheme } from '../hooks/useTheme';
|
|
10
11
|
import { Icon } from '../icons/Icon';
|
|
11
12
|
import { HStack } from '../layout/HStack';
|
|
@@ -30,8 +31,9 @@ export const styles = StyleSheet.create({
|
|
|
30
31
|
flexShrink: 0
|
|
31
32
|
}
|
|
32
33
|
});
|
|
33
|
-
export const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Button(
|
|
34
|
-
|
|
34
|
+
export const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Button(_props, ref) {
|
|
35
|
+
const mergedProps = useComponentConfig('Button', _props);
|
|
36
|
+
const {
|
|
35
37
|
variant = 'primary',
|
|
36
38
|
loading,
|
|
37
39
|
progressCircleSize = defaultProgressCircleSize,
|
|
@@ -71,8 +73,8 @@ export const Button = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Button(
|
|
|
71
73
|
paddingBottom,
|
|
72
74
|
paddingX: paddingXProp,
|
|
73
75
|
paddingY: paddingYProp
|
|
74
|
-
} =
|
|
75
|
-
props = _objectWithoutPropertiesLoose(
|
|
76
|
+
} = mergedProps,
|
|
77
|
+
props = _objectWithoutPropertiesLoose(mergedProps, _excluded);
|
|
76
78
|
const theme = useTheme();
|
|
77
79
|
const iconSize = compact ? 's' : 'm';
|
|
78
80
|
const hasIcon = Boolean(startIcon || endIcon);
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import React, { Children, cloneElement, memo } from 'react';
|
|
2
2
|
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { useComponentConfig } from '../hooks/useComponentConfig';
|
|
3
4
|
import { Box } from '../layout';
|
|
4
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
-
export const ButtonGroup = /*#__PURE__*/memo(
|
|
6
|
-
|
|
6
|
+
export const ButtonGroup = /*#__PURE__*/memo(_props => {
|
|
7
|
+
const mergedProps = useComponentConfig('ButtonGroup', _props);
|
|
8
|
+
const {
|
|
7
9
|
accessibilityLabel,
|
|
8
10
|
block,
|
|
9
11
|
children,
|
|
10
12
|
testID,
|
|
11
13
|
direction
|
|
12
|
-
} =
|
|
14
|
+
} = mergedProps;
|
|
13
15
|
const isVertical = direction === 'vertical';
|
|
14
16
|
return /*#__PURE__*/_jsx(Box, {
|
|
15
17
|
accessibilityHint: accessibilityLabel,
|