@reillymc/react-native-components 0.10.8
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/LICENSE +20 -0
- package/README.md +37 -0
- package/lib/assets/StarIcon.js +1 -0
- package/lib/assets/index.js +1 -0
- package/lib/common/index.js +0 -0
- package/lib/common/valueItem.js +0 -0
- package/lib/components/AlertIndicator.js +1 -0
- package/lib/components/Avatar.js +1 -0
- package/lib/components/Panel.js +1 -0
- package/lib/components/Rating.js +1 -0
- package/lib/components/SwipeAction.js +1 -0
- package/lib/components/Toast.js +1 -0
- package/lib/components/action/Action.js +1 -0
- package/lib/components/action/ActionBase.js +1 -0
- package/lib/components/action/IconAction.js +1 -0
- package/lib/components/action/IconActionBase.js +1 -0
- package/lib/components/action/index.js +1 -0
- package/lib/components/button/Button.js +1 -0
- package/lib/components/button/ButtonBase.js +1 -0
- package/lib/components/button/IconButton.js +1 -0
- package/lib/components/button/IconButtonBase.js +1 -0
- package/lib/components/button/index.js +1 -0
- package/lib/components/container/CollapsibleContainer.js +1 -0
- package/lib/components/container/FloatingContainer.js +1 -0
- package/lib/components/container/FloatingContainer.web.js +1 -0
- package/lib/components/container/FormContainer.js +1 -0
- package/lib/components/container/SwipeableContainer.js +1 -0
- package/lib/components/container/index.js +1 -0
- package/lib/components/icon/Icon.js +1 -0
- package/lib/components/icon/IconBase.js +1 -0
- package/lib/components/icon/InteractiveIcon.js +1 -0
- package/lib/components/icon/componentWithIcon.js +1 -0
- package/lib/components/icon/index.js +1 -0
- package/lib/components/index.js +1 -0
- package/lib/components/input/CounterInput.js +1 -0
- package/lib/components/input/DropdownInput.js +1 -0
- package/lib/components/input/DropdownInputBase.js +1 -0
- package/lib/components/input/InputAction.js +1 -0
- package/lib/components/input/InputBase.js +1 -0
- package/lib/components/input/InputScaffold.js +1 -0
- package/lib/components/input/NumberInput.js +1 -0
- package/lib/components/input/NumberInputBase.js +1 -0
- package/lib/components/input/RatingInput.js +1 -0
- package/lib/components/input/SelectionInput.js +1 -0
- package/lib/components/input/TextInput.js +1 -0
- package/lib/components/input/TimeInput.js +1 -0
- package/lib/components/input/ToggleInput.js +1 -0
- package/lib/components/input/index.js +1 -0
- package/lib/components/listItem/ListItem.js +1 -0
- package/lib/components/listItem/ListItemAlert.js +1 -0
- package/lib/components/listItem/ListItemAvatar.js +1 -0
- package/lib/components/listItem/ListItemFooter.js +1 -0
- package/lib/components/listItem/ListItemRow.js +1 -0
- package/lib/components/listItem/index.js +1 -0
- package/lib/components/menu/Menu.js +1 -0
- package/lib/components/menu/MenuItem.js +1 -0
- package/lib/components/menu/index.js +1 -0
- package/lib/components/tag/Tag.js +1 -0
- package/lib/components/tag/TagIcon.js +1 -0
- package/lib/components/tag/index.js +1 -0
- package/lib/components/text/HighlightedText.js +1 -0
- package/lib/components/text/InteractiveText.js +1 -0
- package/lib/components/text/Text.js +1 -0
- package/lib/components/text/index.js +1 -0
- package/lib/hooks/index.js +1 -0
- package/lib/hooks/useForwardedRef.js +1 -0
- package/lib/hooks/useKeyboardHeight.js +1 -0
- package/lib/hooks/usePersistentKeyboardHeight.js +1 -0
- package/lib/hooks/useTheme.js +1 -0
- package/lib/hooks/useThemedStyles.js +1 -0
- package/lib/index.js +1 -0
- package/lib/providers/ThemeProvider.js +1 -0
- package/lib/providers/index.js +1 -0
- package/lib/theme/icons.js +1 -0
- package/lib/theme/index.js +1 -0
- package/lib/theme/styles.js +1 -0
- package/lib/theme/theme.js +1 -0
- package/lib/types/assets/StarIcon.d.ts +11 -0
- package/lib/types/assets/StarIcon.d.ts.map +1 -0
- package/lib/types/assets/index.d.ts +2 -0
- package/lib/types/assets/index.d.ts.map +1 -0
- package/lib/types/common/index.d.ts +2 -0
- package/lib/types/common/index.d.ts.map +1 -0
- package/lib/types/common/valueItem.d.ts +16 -0
- package/lib/types/common/valueItem.d.ts.map +1 -0
- package/lib/types/components/AlertIndicator.d.ts +16 -0
- package/lib/types/components/AlertIndicator.d.ts.map +1 -0
- package/lib/types/components/Avatar.d.ts +37 -0
- package/lib/types/components/Avatar.d.ts.map +1 -0
- package/lib/types/components/Panel.d.ts +10 -0
- package/lib/types/components/Panel.d.ts.map +1 -0
- package/lib/types/components/Rating.d.ts +50 -0
- package/lib/types/components/Rating.d.ts.map +1 -0
- package/lib/types/components/SwipeAction.d.ts +8 -0
- package/lib/types/components/SwipeAction.d.ts.map +1 -0
- package/lib/types/components/Toast.d.ts +13 -0
- package/lib/types/components/Toast.d.ts.map +1 -0
- package/lib/types/components/action/Action.d.ts +17 -0
- package/lib/types/components/action/Action.d.ts.map +1 -0
- package/lib/types/components/action/ActionBase.d.ts +9 -0
- package/lib/types/components/action/ActionBase.d.ts.map +1 -0
- package/lib/types/components/action/IconAction.d.ts +23 -0
- package/lib/types/components/action/IconAction.d.ts.map +1 -0
- package/lib/types/components/action/IconActionBase.d.ts +20 -0
- package/lib/types/components/action/IconActionBase.d.ts.map +1 -0
- package/lib/types/components/action/index.d.ts +5 -0
- package/lib/types/components/action/index.d.ts.map +1 -0
- package/lib/types/components/button/Button.d.ts +22 -0
- package/lib/types/components/button/Button.d.ts.map +1 -0
- package/lib/types/components/button/ButtonBase.d.ts +21 -0
- package/lib/types/components/button/ButtonBase.d.ts.map +1 -0
- package/lib/types/components/button/IconButton.d.ts +20 -0
- package/lib/types/components/button/IconButton.d.ts.map +1 -0
- package/lib/types/components/button/IconButtonBase.d.ts +19 -0
- package/lib/types/components/button/IconButtonBase.d.ts.map +1 -0
- package/lib/types/components/button/index.d.ts +5 -0
- package/lib/types/components/button/index.d.ts.map +1 -0
- package/lib/types/components/container/CollapsibleContainer.d.ts +10 -0
- package/lib/types/components/container/CollapsibleContainer.d.ts.map +1 -0
- package/lib/types/components/container/FloatingContainer.d.ts +23 -0
- package/lib/types/components/container/FloatingContainer.d.ts.map +1 -0
- package/lib/types/components/container/FormContainer.d.ts +8 -0
- package/lib/types/components/container/FormContainer.d.ts.map +1 -0
- package/lib/types/components/container/SwipeableContainer.d.ts +13 -0
- package/lib/types/components/container/SwipeableContainer.d.ts.map +1 -0
- package/lib/types/components/container/index.d.ts +5 -0
- package/lib/types/components/container/index.d.ts.map +1 -0
- package/lib/types/components/icon/Icon.d.ts +14 -0
- package/lib/types/components/icon/Icon.d.ts.map +1 -0
- package/lib/types/components/icon/IconBase.d.ts +15 -0
- package/lib/types/components/icon/IconBase.d.ts.map +1 -0
- package/lib/types/components/icon/InteractiveIcon.d.ts +16 -0
- package/lib/types/components/icon/InteractiveIcon.d.ts.map +1 -0
- package/lib/types/components/icon/componentWithIcon.d.ts +14 -0
- package/lib/types/components/icon/componentWithIcon.d.ts.map +1 -0
- package/lib/types/components/icon/index.d.ts +5 -0
- package/lib/types/components/icon/index.d.ts.map +1 -0
- package/lib/types/components/index.d.ts +23 -0
- package/lib/types/components/index.d.ts.map +1 -0
- package/lib/types/components/input/CounterInput.d.ts +10 -0
- package/lib/types/components/input/CounterInput.d.ts.map +1 -0
- package/lib/types/components/input/DropdownInput.d.ts +8 -0
- package/lib/types/components/input/DropdownInput.d.ts.map +1 -0
- package/lib/types/components/input/DropdownInputBase.d.ts +38 -0
- package/lib/types/components/input/DropdownInputBase.d.ts.map +1 -0
- package/lib/types/components/input/InputAction.d.ts +9 -0
- package/lib/types/components/input/InputAction.d.ts.map +1 -0
- package/lib/types/components/input/InputBase.d.ts +28 -0
- package/lib/types/components/input/InputBase.d.ts.map +1 -0
- package/lib/types/components/input/InputScaffold.d.ts +29 -0
- package/lib/types/components/input/InputScaffold.d.ts.map +1 -0
- package/lib/types/components/input/NumberInput.d.ts +31 -0
- package/lib/types/components/input/NumberInput.d.ts.map +1 -0
- package/lib/types/components/input/NumberInputBase.d.ts +20 -0
- package/lib/types/components/input/NumberInputBase.d.ts.map +1 -0
- package/lib/types/components/input/RatingInput.d.ts +13 -0
- package/lib/types/components/input/RatingInput.d.ts.map +1 -0
- package/lib/types/components/input/SelectionInput.d.ts +41 -0
- package/lib/types/components/input/SelectionInput.d.ts.map +1 -0
- package/lib/types/components/input/TextInput.d.ts +8 -0
- package/lib/types/components/input/TextInput.d.ts.map +1 -0
- package/lib/types/components/input/TimeInput.d.ts +17 -0
- package/lib/types/components/input/TimeInput.d.ts.map +1 -0
- package/lib/types/components/input/ToggleInput.d.ts +30 -0
- package/lib/types/components/input/ToggleInput.d.ts.map +1 -0
- package/lib/types/components/input/index.d.ts +24 -0
- package/lib/types/components/input/index.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItem.d.ts +41 -0
- package/lib/types/components/listItem/ListItem.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItemAlert.d.ts +6 -0
- package/lib/types/components/listItem/ListItemAlert.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItemAvatar.d.ts +6 -0
- package/lib/types/components/listItem/ListItemAvatar.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItemFooter.d.ts +6 -0
- package/lib/types/components/listItem/ListItemFooter.d.ts.map +1 -0
- package/lib/types/components/listItem/ListItemRow.d.ts +6 -0
- package/lib/types/components/listItem/ListItemRow.d.ts.map +1 -0
- package/lib/types/components/listItem/index.d.ts +6 -0
- package/lib/types/components/listItem/index.d.ts.map +1 -0
- package/lib/types/components/menu/Menu.d.ts +16 -0
- package/lib/types/components/menu/Menu.d.ts.map +1 -0
- package/lib/types/components/menu/MenuItem.d.ts +14 -0
- package/lib/types/components/menu/MenuItem.d.ts.map +1 -0
- package/lib/types/components/menu/index.d.ts +5 -0
- package/lib/types/components/menu/index.d.ts.map +1 -0
- package/lib/types/components/tag/Tag.d.ts +19 -0
- package/lib/types/components/tag/Tag.d.ts.map +1 -0
- package/lib/types/components/tag/TagIcon.d.ts +2 -0
- package/lib/types/components/tag/TagIcon.d.ts.map +1 -0
- package/lib/types/components/tag/index.d.ts +3 -0
- package/lib/types/components/tag/index.d.ts.map +1 -0
- package/lib/types/components/text/HighlightedText.d.ts +19 -0
- package/lib/types/components/text/HighlightedText.d.ts.map +1 -0
- package/lib/types/components/text/InteractiveText.d.ts +18 -0
- package/lib/types/components/text/InteractiveText.d.ts.map +1 -0
- package/lib/types/components/text/Text.d.ts +19 -0
- package/lib/types/components/text/Text.d.ts.map +1 -0
- package/lib/types/components/text/index.d.ts +4 -0
- package/lib/types/components/text/index.d.ts.map +1 -0
- package/lib/types/hooks/index.d.ts +6 -0
- package/lib/types/hooks/index.d.ts.map +1 -0
- package/lib/types/hooks/useForwardedRef.d.ts +3 -0
- package/lib/types/hooks/useForwardedRef.d.ts.map +1 -0
- package/lib/types/hooks/useKeyboardHeight.d.ts +4 -0
- package/lib/types/hooks/useKeyboardHeight.d.ts.map +1 -0
- package/lib/types/hooks/usePersistentKeyboardHeight.d.ts +4 -0
- package/lib/types/hooks/usePersistentKeyboardHeight.d.ts.map +1 -0
- package/lib/types/hooks/useTheme.d.ts +2 -0
- package/lib/types/hooks/useTheme.d.ts.map +1 -0
- package/lib/types/hooks/useThemedStyles.d.ts +40 -0
- package/lib/types/hooks/useThemedStyles.d.ts.map +1 -0
- package/lib/types/index.d.ts +7 -0
- package/lib/types/index.d.ts.map +1 -0
- package/lib/types/providers/ThemeProvider.d.ts +18 -0
- package/lib/types/providers/ThemeProvider.d.ts.map +1 -0
- package/lib/types/providers/index.d.ts +2 -0
- package/lib/types/providers/index.d.ts.map +1 -0
- package/lib/types/theme/icons.d.ts +24 -0
- package/lib/types/theme/icons.d.ts.map +1 -0
- package/lib/types/theme/index.d.ts +4 -0
- package/lib/types/theme/index.d.ts.map +1 -0
- package/lib/types/theme/styles.d.ts +47 -0
- package/lib/types/theme/styles.d.ts.map +1 -0
- package/lib/types/theme/theme.d.ts +87 -0
- package/lib/types/theme/theme.d.ts.map +1 -0
- package/package.json +69 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/container/FormContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAKH,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,kBAAkB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAW5C,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type FunctionComponent, type ReactNode } from "react";
|
|
2
|
+
import { type ViewStyle } from "react-native";
|
|
3
|
+
export interface SwipeableContainerProps {
|
|
4
|
+
/**
|
|
5
|
+
* Supports:
|
|
6
|
+
* - `SwipeAction`
|
|
7
|
+
*/
|
|
8
|
+
rightActions?: Array<ReactNode>;
|
|
9
|
+
containerStyle?: ViewStyle;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const SwipeableContainer: FunctionComponent<SwipeableContainerProps>;
|
|
13
|
+
//# sourceMappingURL=SwipeableContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwipeableContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/container/SwipeableContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAChF,OAAO,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhE,MAAM,WAAW,uBAAuB;IACpC;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,uBAAuB,CAoCzE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { CollapsibleContainer, type CollapsibleContainerProps, } from "./CollapsibleContainer";
|
|
2
|
+
export { FloatingContainer, type FloatingContainerProps, type FloatingContainerStyles, } from "./FloatingContainer";
|
|
3
|
+
export { FormContainer, type FormContainerProps } from "./FormContainer";
|
|
4
|
+
export { SwipeableContainer, type SwipeableContainerProps, } from "./SwipeableContainer";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,oBAAoB,EACpB,KAAK,yBAAyB,GACjC,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACH,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC/B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACH,kBAAkB,EAClB,KAAK,uBAAuB,GAC/B,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
2
|
+
import { type IconBaseStyles } from "./IconBase";
|
|
3
|
+
export type IconSize = "small" | "medium" | "large";
|
|
4
|
+
export type IconVariant = "primary" | "secondary" | "text";
|
|
5
|
+
export interface IconStyles {
|
|
6
|
+
color: IconBaseStyles["color"];
|
|
7
|
+
size: Record<IconSize, IconBaseStyles["size"]>;
|
|
8
|
+
}
|
|
9
|
+
export type IconProps = {
|
|
10
|
+
size?: IconSize;
|
|
11
|
+
style?: DeepPartial<IconStyles>;
|
|
12
|
+
};
|
|
13
|
+
export declare const Icon: <G extends string>(props: IconProps & import("./componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
14
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAE3D,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AACpD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,MAAM,CAAC;AAE3D,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CAClD;AAED,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,IAAI,yHAWhB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { ColorValue } from "react-native";
|
|
2
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
3
|
+
import type { IconComponentProps } from "./componentWithIcon";
|
|
4
|
+
export interface IconBaseStyles {
|
|
5
|
+
color: ColorValue;
|
|
6
|
+
size: number;
|
|
7
|
+
}
|
|
8
|
+
export type IconBaseProps<G extends string> = IconComponentProps<G> & {
|
|
9
|
+
style?: DeepPartial<IconBaseStyles>;
|
|
10
|
+
};
|
|
11
|
+
export declare const IconBase: {
|
|
12
|
+
<G extends string>({ style, iconName, iconSet: OverrideIconSet, }: IconBaseProps<G>): import("react").JSX.Element;
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=IconBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,UAAU,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,IAAI,kBAAkB,CAAC,CAAC,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,QAAQ;KAAI,CAAC,SAAS,MAAM,kDAItC,aAAa,CAAC,CAAC,CAAC;;CAqBlB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { PressableStateCallbackType } from "react-native";
|
|
2
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
3
|
+
import { type IconBaseStyles } from "./IconBase";
|
|
4
|
+
export type InteractiveIconState = "enabled" | "disabled" | "pressed";
|
|
5
|
+
export type InteractiveIconStyles = {
|
|
6
|
+
size: IconBaseStyles["size"];
|
|
7
|
+
color: {
|
|
8
|
+
[State in InteractiveIconState]: IconBaseStyles["color"];
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export interface InteractiveIconProps extends PressableStateCallbackType {
|
|
12
|
+
style?: DeepPartial<InteractiveIconStyles>;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const InteractiveIcon: <G extends string>(props: InteractiveIconProps & import("./componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
16
|
+
//# sourceMappingURL=InteractiveIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InteractiveIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/InteractiveIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAE3D,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEtE,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,KAAK,EAAE;SACF,KAAK,IAAI,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC;KAC3D,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,0BAA0B;IACpE,KAAK,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,oIAoB3B,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
import type { OcticonsIconName } from "@react-native-vector-icons/octicons";
|
|
3
|
+
import type { IconComponent } from "../../theme";
|
|
4
|
+
export interface IconBaseDefaultProps {
|
|
5
|
+
iconSet?: never;
|
|
6
|
+
iconName: OcticonsIconName;
|
|
7
|
+
}
|
|
8
|
+
export interface IconBaseCustomProps<G extends string> {
|
|
9
|
+
iconSet: IconComponent<Record<G, number | string>>;
|
|
10
|
+
iconName: G;
|
|
11
|
+
}
|
|
12
|
+
export type IconComponentProps<G extends string> = IconBaseDefaultProps | IconBaseCustomProps<G>;
|
|
13
|
+
export declare const componentWithIcon: <P extends object>(component: <G extends string>(props: P & IconComponentProps<G>) => ReactNode) => <G extends string>(props: P & IconComponentProps<G>) => ReactNode;
|
|
14
|
+
//# sourceMappingURL=componentWithIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"componentWithIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/componentWithIcon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,oBAAoB;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,QAAQ,EAAE,gBAAgB,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,MAAM;IACjD,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC;IACnD,QAAQ,EAAE,CAAC,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,MAAM,IACzC,oBAAoB,GACpB,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAE7B,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,EAC9C,WAAW,CAAC,CAAC,SAAS,MAAM,EACxB,KAAK,EAAE,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,KAC/B,SAAS,MAFF,CAAC,SAAS,MAAM,SACjB,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,KAC/B,SACK,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { componentWithIcon, type IconBaseDefaultProps, } from "./componentWithIcon";
|
|
2
|
+
export { Icon, type IconProps, type IconStyles } from "./Icon";
|
|
3
|
+
export { IconBase, type IconBaseProps, type IconBaseStyles } from "./IconBase";
|
|
4
|
+
export { InteractiveIcon, type InteractiveIconProps, type InteractiveIconStyles, } from "./InteractiveIcon";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,KAAK,oBAAoB,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,YAAY,CAAC;AAC/E,OAAO,EACH,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,GAC7B,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export { AlertIndicator, type AlertIndicatorProps, type AlertIndicatorStyles, } from "./AlertIndicator";
|
|
2
|
+
export { Avatar, type AvatarProps, type AvatarStyles } from "./Avatar";
|
|
3
|
+
export type { ActionBaseProps, ActionProps, ActionStyles, IconActionBaseProps, IconActionBaseStyles, IconActionProps, IconActionStyles, } from "./action";
|
|
4
|
+
export { Action, ActionBase, IconAction, IconActionBase, } from "./action";
|
|
5
|
+
export type { ButtonBaseProps, ButtonBaseStyles, ButtonProps, ButtonStyles, IconButtonBaseProps, IconButtonBaseStyles, IconButtonProps, IconButtonStyles, } from "./button";
|
|
6
|
+
export { Button, ButtonBase, IconButton, IconButtonBase, } from "./button";
|
|
7
|
+
export type { CollapsibleContainerProps, FloatingContainerProps, FloatingContainerStyles, FormContainerProps, SwipeableContainerProps, } from "./container";
|
|
8
|
+
export { CollapsibleContainer, FloatingContainer, FormContainer, SwipeableContainer, } from "./container";
|
|
9
|
+
export type { IconBaseDefaultProps, IconBaseProps, IconBaseStyles, IconProps, IconStyles, InteractiveIconStyles, } from "./icon";
|
|
10
|
+
export { Icon, IconBase, } from "./icon";
|
|
11
|
+
export type { CounterInputIcons, CounterInputProps, DropdownInputProps, DropdownInputStyles, FractionValue, InputActionProps, InputActionStyles, InputBaseProps, InputBaseStyles, InputScaffoldIcons, InputScaffoldProps, InputScaffoldStyles, NumberInputIcons, NumberInputProps, NumberInputValue, NumberValue, RangeValue, RatingInputProps, RatingInputStyles, SelectionInputIcons, SelectionInputProps, SelectionInputStyles, TextInputProps, TextInputStyles, TimeInputIcons, TimeInputProps, TimeInputValue, ToggleInputIcons, ToggleInputProps, ToggleInputStyles, } from "./input";
|
|
12
|
+
export { CounterInput, DropdownInput, DropdownInputBase, InputAction, InputBase, InputScaffold, NumberInput, RatingInput, SelectionInput, TextInput, TimeInput, ToggleInput, } from "./input";
|
|
13
|
+
export { ListItem, ListItemAlert, ListItemAvatar, ListItemFooter, type ListItemProps, ListItemRow, type ListItemStyles, } from "./listItem";
|
|
14
|
+
export type { MenuItemProps, MenuItemStyles, MenuProps, MenuStyles, } from "./menu";
|
|
15
|
+
export { Menu, MenuItem, } from "./menu";
|
|
16
|
+
export { Panel, type PanelProps } from "./Panel";
|
|
17
|
+
export { getRatingIcons, Rating, type RatingProps, type RatingStyles, ratingToValue, valueToRating, } from "./Rating";
|
|
18
|
+
export { SwipeAction, type SwipeActionProps, type SwipeActionStyles, } from "./SwipeAction";
|
|
19
|
+
export { Toast, type ToastProps, type ToastStyles } from "./Toast";
|
|
20
|
+
export { Tag, TagIcon, type TagProps, type TagStyles } from "./tag";
|
|
21
|
+
export type { HighlightedTextProps, HighlightedTextStyles, InteractiveTextStyles, TextProps, TextStyles, } from "./text";
|
|
22
|
+
export { HighlightedText, Text, } from "./text";
|
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,GAC5B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,YAAY,EACR,eAAe,EACf,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACH,MAAM,EACN,UAAU,EACV,UAAU,EACV,cAAc,GACjB,MAAM,UAAU,CAAC;AAClB,YAAY,EACR,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,gBAAgB,GACnB,MAAM,UAAU,CAAC;AAClB,OAAO,EACH,MAAM,EACN,UAAU,EACV,UAAU,EACV,cAAc,GACjB,MAAM,UAAU,CAAC;AAClB,YAAY,EACR,yBAAyB,EACzB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,GAC1B,MAAM,aAAa,CAAC;AACrB,OAAO,EACH,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,kBAAkB,GACrB,MAAM,aAAa,CAAC;AACrB,YAAY,EACR,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,qBAAqB,GACxB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACH,IAAI,EACJ,QAAQ,GACX,MAAM,QAAQ,CAAC;AAChB,YAAY,EACR,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GACpB,MAAM,SAAS,CAAC;AACjB,OAAO,EACH,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,EACX,WAAW,EACX,cAAc,EACd,SAAS,EACT,SAAS,EACT,WAAW,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EACH,QAAQ,EACR,aAAa,EACb,cAAc,EACd,cAAc,EACd,KAAK,aAAa,EAClB,WAAW,EACX,KAAK,cAAc,GACtB,MAAM,YAAY,CAAC;AACpB,YAAY,EACR,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,GACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EACH,IAAI,EACJ,QAAQ,GACX,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EACH,cAAc,EACd,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,aAAa,EACb,aAAa,GAChB,MAAM,UAAU,CAAC;AAClB,OAAO,EACH,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,GACzB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,YAAY,EACR,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,SAAS,EACT,UAAU,GACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EACH,eAAe,EACf,IAAI,GACP,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import type { ComponentIconAssets } from "../../theme";
|
|
3
|
+
import { type InputScaffoldProps } from "./InputScaffold";
|
|
4
|
+
import { type NumberInputBaseProps } from "./NumberInputBase";
|
|
5
|
+
export type CounterInputIcons = ComponentIconAssets<"decrease" | "increase">;
|
|
6
|
+
export interface CounterInputProps extends Omit<NumberInputBaseProps, "style" | "inputStyle">, Pick<InputScaffoldProps, "label" | "helpText" | "mandatory" | "hasError" | "containerStyle"> {
|
|
7
|
+
disableKeyboardInput?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const CounterInput: FC<CounterInputProps>;
|
|
10
|
+
//# sourceMappingURL=CounterInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CounterInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/CounterInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC;AAE7E,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,YAAY,CAAC,EACtD,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,CACrE;IACL,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA0E9C,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type DropdownInputBaseProps } from "./DropdownInputBase";
|
|
2
|
+
import { type InputScaffoldProps } from "./InputScaffold";
|
|
3
|
+
export interface DropdownInputStyles {
|
|
4
|
+
panelGap: number;
|
|
5
|
+
}
|
|
6
|
+
export type DropdownInputProps<T = string> = Pick<DropdownInputBaseProps<T>, "autoCapitalize" | "returnKeyType" | "returnKeyLabel" | "onBlur" | "placeholder" | "onChangeText" | "textValue" | "clearButtonMode" | "maxLength" | "onSubmitEditing" | "autoFocus" | "submitBehavior" | "disabled" | "variant" | "items" | "selectedValue" | "minimumSearchLength" | "maxSuggestionCount" | "panelPosition" | "onSelect" | "ref" | "selectBehaviour"> & Pick<InputScaffoldProps, "label" | "helpText" | "mandatory" | "hasError" | "containerStyle">;
|
|
7
|
+
export declare const DropdownInput: <T>({ label, helpText, hasError, mandatory, containerStyle, ...props }: DropdownInputProps<T>) => import("react").JSX.Element;
|
|
8
|
+
//# sourceMappingURL=DropdownInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DropdownInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,sBAAsB,EAC9B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,WAAW,mBAAmB;IAChC,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAC7C,sBAAsB,CAAC,CAAC,CAAC,EACvB,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,WAAW,GACX,iBAAiB,GACjB,WAAW,GACX,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,OAAO,GACP,eAAe,GACf,qBAAqB,GACrB,oBAAoB,GACpB,eAAe,GACf,UAAU,GACV,KAAK,GACL,iBAAiB,CACtB,GACG,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,CACrE,CAAC;AACN,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,oEAO/B,kBAAkB,CAAC,CAAC,CAAC,gCAUvB,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { type RefObject } from "react";
|
|
2
|
+
import type { TextInput as DefaultTextInput } from "react-native";
|
|
3
|
+
import type { ValueItem, ValueItemComplex, ValueItemSimple } from "../../common";
|
|
4
|
+
import { type FloatingContainerProps } from "../container";
|
|
5
|
+
import { type InputBaseProps } from "./InputBase";
|
|
6
|
+
export type DropdownInputBaseProps<T = string> = Pick<InputBaseProps, "autoCapitalize" | "returnKeyType" | "returnKeyLabel" | "onBlur" | "placeholder" | "onChangeText" | "clearButtonMode" | "maxLength" | "onSubmitEditing" | "autoFocus" | "submitBehavior" | "disabled" | "variant" | "inputStyle"> & {
|
|
7
|
+
textValue?: string;
|
|
8
|
+
items?: Array<ValueItem<T>>;
|
|
9
|
+
/**
|
|
10
|
+
* The currently selected item.
|
|
11
|
+
* If not provided, the input will be in an unselected state.
|
|
12
|
+
*/
|
|
13
|
+
selectedValue?: T extends string | number ? ValueItemSimple<T>["value"] : ValueItemComplex<T>["id"];
|
|
14
|
+
/**
|
|
15
|
+
* Defines the behaviour when an item is selected.
|
|
16
|
+
* - "select": Selects the item and keeps the input focused.
|
|
17
|
+
* - "blurAndSelect": Selects the item and blurs the input.
|
|
18
|
+
*/
|
|
19
|
+
selectBehaviour?: "select" | "blurAndSelect";
|
|
20
|
+
/**
|
|
21
|
+
* Minimum number of characters that need to be entered before the dropdown is shown.
|
|
22
|
+
* @default 1
|
|
23
|
+
*/
|
|
24
|
+
minimumSearchLength?: number;
|
|
25
|
+
/**
|
|
26
|
+
* Maximum number of dropdown items to show.
|
|
27
|
+
* @default 5
|
|
28
|
+
*/
|
|
29
|
+
maxSuggestionCount?: number;
|
|
30
|
+
panelPosition?: FloatingContainerProps["position"];
|
|
31
|
+
/**
|
|
32
|
+
* Callback on selection (or clearing of selection) of valid dropdown value.
|
|
33
|
+
*/
|
|
34
|
+
onSelect: (e: ValueItem<T> | undefined) => void;
|
|
35
|
+
ref?: RefObject<DefaultTextInput | null>;
|
|
36
|
+
};
|
|
37
|
+
export declare const DropdownInputBase: <T>({ items, selectedValue, minimumSearchLength, maxSuggestionCount, selectBehaviour, panelPosition, onSelect, textValue, onChangeText, onBlur, ref, ...props }: DropdownInputBaseProps<T>) => import("react").JSX.Element;
|
|
38
|
+
//# sourceMappingURL=DropdownInputBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/input/DropdownInputBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAa,SAAS,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAE7E,OAAO,KAAK,EACR,SAAS,EACT,gBAAgB,EAChB,eAAe,EAClB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAqB,KAAK,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE9E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CACjD,cAAc,EACZ,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,iBAAiB,GACjB,WAAW,GACX,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,YAAY,CACjB,GAAG;IACA,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5B;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GACnC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAC3B,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEhC;;;;OAIG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,eAAe,CAAC;IAE7C;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,aAAa,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAEnD;;OAEG;IACH,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IAEhD,GAAG,CAAC,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,6JAanC,sBAAsB,CAAC,CAAC,CAAC,gCAkJ3B,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type IconActionBaseProps, type IconActionBaseStyles } from "../action";
|
|
2
|
+
import type { InputBaseProps } from "./InputBase";
|
|
3
|
+
export interface InputActionStyles {
|
|
4
|
+
icon: Pick<IconActionBaseStyles["icon"], "color">;
|
|
5
|
+
}
|
|
6
|
+
export interface InputActionProps extends Pick<IconActionBaseProps, "onPress" | "disabled" | "containerStyle">, Pick<InputBaseProps, "variant"> {
|
|
7
|
+
}
|
|
8
|
+
export declare const InputAction: <G extends string>(props: InputActionProps & import("../icon/componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
9
|
+
//# sourceMappingURL=InputAction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputAction.d.ts","sourceRoot":"","sources":["../../../../src/components/input/InputAction.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EAC5B,MAAM,WAAW,CAAC;AAEnB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,gBACb,SAAQ,IAAI,CACJ,mBAAmB,EACnB,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAC5C,EACD,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC;CAAG;AAE1C,eAAO,MAAM,WAAW,sIAsBvB,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { FC, Ref } from "react";
|
|
2
|
+
import { type ColorValue, TextInput, type TextInputProps } from "react-native";
|
|
3
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
4
|
+
export type InputState = "enabled" | "disabled";
|
|
5
|
+
export type InputVariant = "regular" | "compact";
|
|
6
|
+
export interface InputBaseStyles {
|
|
7
|
+
container: {
|
|
8
|
+
height: Record<InputVariant, number>;
|
|
9
|
+
padding: number;
|
|
10
|
+
borderRadius: number;
|
|
11
|
+
backgroundColor: Record<InputState, ColorValue>;
|
|
12
|
+
};
|
|
13
|
+
text: {
|
|
14
|
+
fontSize: number;
|
|
15
|
+
fontFamily: string;
|
|
16
|
+
color: Record<InputState, ColorValue>;
|
|
17
|
+
placeholderColor: ColorValue;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export interface InputBaseProps extends Omit<TextInputProps, "editable" | "style"> {
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
variant?: InputVariant;
|
|
23
|
+
style?: DeepPartial<InputBaseStyles>;
|
|
24
|
+
inputStyle?: TextInputProps["style"];
|
|
25
|
+
ref?: Ref<TextInput>;
|
|
26
|
+
}
|
|
27
|
+
export declare const InputBase: FC<InputBaseProps>;
|
|
28
|
+
//# sourceMappingURL=InputBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/input/InputBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EACH,KAAK,UAAU,EAEf,SAAS,EACT,KAAK,cAAc,EACtB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAItD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE;QACP,MAAM,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QACrC,OAAO,EAAE,MAAM,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;KACnD,CAAC;IACF,IAAI,EAAE;QACF,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QACtC,gBAAgB,EAAE,UAAU,CAAC;KAChC,CAAC;CACL;AAED,MAAM,WAAW,cACb,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA4BxC,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import type { FC, ReactNode } from "react";
|
|
2
|
+
import { type ColorValue, type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import type { ComponentIconAssets } from "../../theme";
|
|
4
|
+
export interface InputScaffoldStyles {
|
|
5
|
+
gap: number;
|
|
6
|
+
mandatoryIndicator: {
|
|
7
|
+
color: ColorValue;
|
|
8
|
+
};
|
|
9
|
+
helpText: {
|
|
10
|
+
gap: number;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export type InputScaffoldIcons = ComponentIconAssets<"error">;
|
|
14
|
+
export interface InputScaffoldProps {
|
|
15
|
+
/**
|
|
16
|
+
* Supports
|
|
17
|
+
*
|
|
18
|
+
* - `<Text />`
|
|
19
|
+
* - string
|
|
20
|
+
*/
|
|
21
|
+
label?: ReactNode;
|
|
22
|
+
helpText?: string;
|
|
23
|
+
hasError?: boolean;
|
|
24
|
+
mandatory?: boolean;
|
|
25
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
26
|
+
children: ReactNode;
|
|
27
|
+
}
|
|
28
|
+
export declare const InputScaffold: FC<InputScaffoldProps>;
|
|
29
|
+
//# sourceMappingURL=InputScaffold.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputScaffold.d.ts","sourceRoot":"","sources":["../../../../src/components/input/InputScaffold.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EACH,KAAK,UAAU,EACf,KAAK,SAAS,EAGd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIvD,MAAM,WAAW,mBAAmB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,kBAAkB,EAAE;QAChB,KAAK,EAAE,UAAU,CAAC;KACrB,CAAC;IACF,QAAQ,EAAE;QACN,GAAG,EAAE,MAAM,CAAC;KACf,CAAC;CACL;AAED,MAAM,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,OAAO,CAAC,CAAC;AAE9D,MAAM,WAAW,kBAAkB;IAC/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAmDhD,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { type FC, type Ref } from "react";
|
|
2
|
+
import { type TextInput as DefaultTextInput } from "react-native";
|
|
3
|
+
import type { ComponentIconAssets } from "../../theme";
|
|
4
|
+
import { type InputScaffoldProps } from "./InputScaffold";
|
|
5
|
+
import { type NumberInputBaseProps } from "./NumberInputBase";
|
|
6
|
+
export type NumberValue = {
|
|
7
|
+
representation: "number";
|
|
8
|
+
value: string;
|
|
9
|
+
};
|
|
10
|
+
export type RangeValue = {
|
|
11
|
+
representation: "range";
|
|
12
|
+
value: [string, string];
|
|
13
|
+
};
|
|
14
|
+
export type FractionValue = {
|
|
15
|
+
representation: "fraction";
|
|
16
|
+
value: [string, string, string];
|
|
17
|
+
};
|
|
18
|
+
type Representations = "number" | "fraction" | "range";
|
|
19
|
+
export type NumberInputValue = NumberValue | FractionValue | RangeValue;
|
|
20
|
+
export type NumberInputIcons = ComponentIconAssets<"number" | "range" | "fraction">;
|
|
21
|
+
export interface NumberInputProps extends Pick<NumberInputBaseProps, "disabled" | "placeholder" | "maxLength" | "onSubmitEditing" | "clearButtonMode" | "variant">, Pick<InputScaffoldProps, "label" | "mandatory" | "helpText" | "containerStyle"> {
|
|
22
|
+
keyboardType?: "decimal-pad" | "number-pad";
|
|
23
|
+
enabledRepresentations?: Representations[];
|
|
24
|
+
value?: NumberInputValue;
|
|
25
|
+
placeholder2?: string;
|
|
26
|
+
ref?: Ref<DefaultTextInput | null>;
|
|
27
|
+
onChange?: (e: NumberInputValue) => void;
|
|
28
|
+
}
|
|
29
|
+
export declare const NumberInput: FC<NumberInputProps>;
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=NumberInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,EACH,KAAK,SAAS,IAAI,gBAAgB,EAGrC,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,WAAW,GAAG;IAAE,cAAc,EAAE,QAAQ,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AACtE,MAAM,MAAM,UAAU,GAAG;IAAE,cAAc,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,CAAC;AAC9E,MAAM,MAAM,aAAa,GAAG;IACxB,cAAc,EAAE,UAAU,CAAC;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC,CAAC;AAEF,KAAK,eAAe,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AA2CvD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG,aAAa,GAAG,UAAU,CAAC;AAExE,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAC9C,QAAQ,GAAG,OAAO,GAAG,UAAU,CAClC,CAAC;AAEF,MAAM,WAAW,gBACb,SAAQ,IAAI,CACJ,oBAAoB,EAClB,UAAU,GACV,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,iBAAiB,GACjB,SAAS,CACd,EACD,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,CACxD;IACL,YAAY,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;IAE5C,sBAAsB,CAAC,EAAE,eAAe,EAAE,CAAC;IAE3C,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAEnC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAmL5C,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { type FC, type Ref } from "react";
|
|
2
|
+
import type { NativeSyntheticEvent, TextInput, TextInputChangeEventData } from "react-native";
|
|
3
|
+
import { type InputBaseProps } from "./InputBase";
|
|
4
|
+
export type NumberInputBaseStyles = never;
|
|
5
|
+
export interface NumberInputBaseProps extends InputBaseProps {
|
|
6
|
+
keyboardType?: "decimal-pad" | "number-pad";
|
|
7
|
+
min?: number;
|
|
8
|
+
max?: number;
|
|
9
|
+
ref?: Ref<TextInput>;
|
|
10
|
+
/**
|
|
11
|
+
* Validates number entry and returns string.
|
|
12
|
+
*/
|
|
13
|
+
onChangeText?: (text: string) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Passes through raw event. No number validation performed.
|
|
16
|
+
*/
|
|
17
|
+
onChange?: (e: NativeSyntheticEvent<TextInputChangeEventData>) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare const NumberInputBase: FC<NumberInputBaseProps>;
|
|
20
|
+
//# sourceMappingURL=NumberInputBase.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/input/NumberInputBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,GAAG,EAAe,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EACR,oBAAoB,EACpB,SAAS,EACT,wBAAwB,EAC3B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC;AAE1C,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IACxD,YAAY,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;IAE5C,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;CAC1E;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAkCpD,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type FC } from "react";
|
|
2
|
+
import { type RatingProps } from "../Rating";
|
|
3
|
+
import type { InputBaseProps } from "./InputBase";
|
|
4
|
+
import { type InputScaffoldProps } from "./InputScaffold";
|
|
5
|
+
export type RatingInputStyles = null;
|
|
6
|
+
export interface RatingInputProps extends Pick<InputScaffoldProps, "label" | "helpText" | "mandatory" | "hasError" | "containerStyle">, Pick<InputBaseProps, "disabled" | "variant">, Pick<RatingProps, "ratingIconSet" | "max" | "value" | "scale"> {
|
|
7
|
+
/**
|
|
8
|
+
* Change listener that gets called when rating changes.
|
|
9
|
+
*/
|
|
10
|
+
onChange?: (value: number) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const RatingInput: FC<RatingInputProps>;
|
|
13
|
+
//# sourceMappingURL=RatingInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RatingInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/RatingInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,KAAK,EAAE,EAKV,MAAM,OAAO,CAAC;AAIf,OAAO,EAGH,KAAK,WAAW,EAGnB,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,gBACb,SAAQ,IAAI,CACJ,kBAAkB,EAClB,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,CACrE,EACD,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,CAAC,EAC5C,IAAI,CAAC,WAAW,EAAE,eAAe,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAC;IAClE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AASD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAqI5C,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { type ColorValue } from "react-native";
|
|
2
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
3
|
+
import type { ValueItem } from "../../common";
|
|
4
|
+
import type { ComponentIconAssets } from "../../theme";
|
|
5
|
+
import { type InteractiveIconStyles } from "../icon";
|
|
6
|
+
import type { InputBaseProps } from "./InputBase";
|
|
7
|
+
import { type InputScaffoldProps } from "./InputScaffold";
|
|
8
|
+
export type SelectionInputState = "enabled" | "disabled" | "pressed";
|
|
9
|
+
export type SelectionInputStyles = {
|
|
10
|
+
container: {
|
|
11
|
+
backgroundColor: Record<SelectionInputState, ColorValue>;
|
|
12
|
+
};
|
|
13
|
+
selectionContainer: {
|
|
14
|
+
gap: number;
|
|
15
|
+
};
|
|
16
|
+
icon: Pick<InteractiveIconStyles, "color">;
|
|
17
|
+
};
|
|
18
|
+
export type SelectionInputIcons = ComponentIconAssets<"showOptions">;
|
|
19
|
+
interface SingleSelection<T> {
|
|
20
|
+
selectionMode: "single";
|
|
21
|
+
selection?: ValueItem<T>;
|
|
22
|
+
}
|
|
23
|
+
interface MultiSelection<T> {
|
|
24
|
+
selectionMode: "multi";
|
|
25
|
+
selection?: Array<ValueItem<T>>;
|
|
26
|
+
}
|
|
27
|
+
export type SelectionProps<T = string> = Pick<InputBaseProps, "placeholder"> & (SingleSelection<T> | MultiSelection<T>) & {
|
|
28
|
+
items?: Array<ValueItem<T>>;
|
|
29
|
+
};
|
|
30
|
+
export type SelectionInputProps<T = string> = Pick<InputBaseProps, "disabled" | "variant"> & Pick<InputScaffoldProps, "helpText" | "hasError" | "mandatory" | "containerStyle" | "label"> & SelectionProps<T> & {
|
|
31
|
+
hideLabel?: boolean;
|
|
32
|
+
style?: DeepPartial<SelectionInputStyles>;
|
|
33
|
+
onRemoveItem?: (item: ValueItem<T> | undefined) => void;
|
|
34
|
+
onAdd?: () => void;
|
|
35
|
+
};
|
|
36
|
+
export declare const SelectionInput: {
|
|
37
|
+
<T>({ label, disabled: disabledProp, placeholder, hideLabel, selectionMode, selection, style: styleOverrides, variant, onAdd, ...props }: SelectionInputProps<T>): import("react").JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=SelectionInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectionInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/SelectionInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAoB,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAmB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAErE,MAAM,MAAM,oBAAoB,GAAG;IAC/B,SAAS,EAAE;QACP,eAAe,EAAE,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;KAC5D,CAAC;IACF,kBAAkB,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;KACf,CAAC;IACF,IAAI,EAAE,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;AAErE,UAAU,eAAe,CAAC,CAAC;IACvB,aAAa,EAAE,QAAQ,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;CAC5B;AAED,UAAU,cAAc,CAAC,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,cAAc,EAAE,aAAa,CAAC,GACxE,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAC;AAE/E,MAAM,MAAM,mBAAmB,CAAC,CAAC,GAAG,MAAM,IAAI,IAAI,CAC9C,cAAc,EACd,UAAU,GAAG,SAAS,CACzB,GACG,IAAI,CACA,kBAAkB,EAClB,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,gBAAgB,GAAG,OAAO,CACrE,GACD,cAAc,CAAC,CAAC,CAAC,GAAG;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEN,eAAO,MAAM,cAAc;KAAI,CAAC,wIAW7B,mBAAmB,CAAC,CAAC,CAAC;;CA8DxB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { FC } from "react";
|
|
2
|
+
import { type InputBaseProps } from "./InputBase";
|
|
3
|
+
import { type InputScaffoldProps } from "./InputScaffold";
|
|
4
|
+
export type TextInputStyles = never;
|
|
5
|
+
export interface TextInputProps extends InputBaseProps, Pick<InputScaffoldProps, "label" | "helpText" | "mandatory" | "hasError" | "containerStyle"> {
|
|
6
|
+
}
|
|
7
|
+
export declare const TextInput: FC<TextInputProps>;
|
|
8
|
+
//# sourceMappingURL=TextInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEzE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC;AAEpC,MAAM,WAAW,cACb,SAAQ,cAAc,EAClB,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,CACrE;CAAG;AAEZ,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAiBxC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type FC } from "react";
|
|
2
|
+
import type { ComponentIconAssets } from "../../theme";
|
|
3
|
+
import { type InputScaffoldProps } from "./InputScaffold";
|
|
4
|
+
import { type NumberInputBaseProps } from "./NumberInputBase";
|
|
5
|
+
export type TimeInputValue = {
|
|
6
|
+
hours: string;
|
|
7
|
+
minutes: string;
|
|
8
|
+
};
|
|
9
|
+
export type TimeInputIcons = ComponentIconAssets<"time">;
|
|
10
|
+
export interface TimeInputProps extends Pick<NumberInputBaseProps, "disabled" | "onSubmitEditing" | "clearButtonMode" | "variant">, Pick<InputScaffoldProps, "label" | "helpText" | "mandatory" | "hasError" | "containerStyle"> {
|
|
11
|
+
value?: TimeInputValue;
|
|
12
|
+
hoursPlaceholder?: string;
|
|
13
|
+
minutesPlaceholder?: string;
|
|
14
|
+
onChange?: (e: TimeInputValue) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const TimeInput: FC<TimeInputProps>;
|
|
17
|
+
//# sourceMappingURL=TimeInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimeInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAoB,MAAM,OAAO,CAAC;AASlD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIvD,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE/E,MAAM,MAAM,cAAc,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhE,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC;AAEzD,MAAM,WAAW,cACb,SAAQ,IAAI,CACJ,oBAAoB,EACpB,UAAU,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,SAAS,CACjE,EACD,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,gBAAgB,CACrE;IACL,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAqHxC,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import type { DeepPartial } from "@reillymc/es-utils";
|
|
2
|
+
import type { ComponentIconAssets } from "../../theme";
|
|
3
|
+
import { type InteractiveIconStyles } from "../icon";
|
|
4
|
+
import type { InputBaseProps, InputVariant } from "./InputBase";
|
|
5
|
+
import type { InputScaffoldProps } from "./InputScaffold";
|
|
6
|
+
type ToggleVariant = "primary" | "secondary";
|
|
7
|
+
export type ToggleInputIcons = ComponentIconAssets<"outline">;
|
|
8
|
+
export type ToggleInputStyles = {
|
|
9
|
+
indicator: {
|
|
10
|
+
size: {
|
|
11
|
+
[Size in InputVariant]: number;
|
|
12
|
+
};
|
|
13
|
+
color: {
|
|
14
|
+
deselected: InteractiveIconStyles["color"];
|
|
15
|
+
selected: Record<ToggleVariant, InteractiveIconStyles["color"]>;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
label: {
|
|
19
|
+
gap: number;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
export interface ToggleInputProps extends Pick<InputScaffoldProps, "helpText" | "label" | "containerStyle">, Pick<InputBaseProps, "variant" | "disabled"> {
|
|
23
|
+
value?: boolean;
|
|
24
|
+
toggleVariant?: ToggleVariant;
|
|
25
|
+
styles?: DeepPartial<ToggleInputStyles>;
|
|
26
|
+
onChange: (value: boolean) => void;
|
|
27
|
+
}
|
|
28
|
+
export declare const ToggleInput: <G extends string>(props: ToggleInputProps & import("../icon/componentWithIcon").IconComponentProps<G>) => import("react").ReactNode;
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=ToggleInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/ToggleInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAGH,KAAK,qBAAqB,EAC7B,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG;IAC5B,SAAS,EAAE;QACP,IAAI,EAAE;aAAG,IAAI,IAAI,YAAY,GAAG,MAAM;SAAE,CAAC;QACzC,KAAK,EAAE;YACH,UAAU,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;YAC3C,QAAQ,EAAE,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;SACnE,CAAC;KACL,CAAC;IACF,KAAK,EAAE;QACH,GAAG,EAAE,MAAM,CAAC;KACf,CAAC;CACL,CAAC;AAEF,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,OAAO,GAAG,gBAAgB,CAAC,EACrE,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,CAAC;IAChD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,WAAW,sIAoFvB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export type { CounterInputIcons, CounterInputProps } from "./CounterInput";
|
|
2
|
+
export { CounterInput } from "./CounterInput";
|
|
3
|
+
export type { DropdownInputProps, DropdownInputStyles, } from "./DropdownInput";
|
|
4
|
+
export { DropdownInput } from "./DropdownInput";
|
|
5
|
+
export { DropdownInputBase, type DropdownInputBaseProps, } from "./DropdownInputBase";
|
|
6
|
+
export type { InputActionProps, InputActionStyles, } from "./InputAction";
|
|
7
|
+
export { InputAction } from "./InputAction";
|
|
8
|
+
export type { InputBaseProps, InputBaseStyles } from "./InputBase";
|
|
9
|
+
export { InputBase } from "./InputBase";
|
|
10
|
+
export type { InputScaffoldIcons, InputScaffoldProps, InputScaffoldStyles, } from "./InputScaffold";
|
|
11
|
+
export { InputScaffold } from "./InputScaffold";
|
|
12
|
+
export type { FractionValue, NumberInputIcons, NumberInputProps, NumberInputValue, NumberValue, RangeValue, } from "./NumberInput";
|
|
13
|
+
export { NumberInput } from "./NumberInput";
|
|
14
|
+
export type { RatingInputProps, RatingInputStyles } from "./RatingInput";
|
|
15
|
+
export { RatingInput } from "./RatingInput";
|
|
16
|
+
export type { SelectionInputIcons, SelectionInputProps, SelectionInputStyles, } from "./SelectionInput";
|
|
17
|
+
export { SelectionInput } from "./SelectionInput";
|
|
18
|
+
export type { TextInputProps, TextInputStyles } from "./TextInput";
|
|
19
|
+
export { TextInput } from "./TextInput";
|
|
20
|
+
export type { TimeInputIcons, TimeInputProps, TimeInputValue, } from "./TimeInput";
|
|
21
|
+
export { TimeInput } from "./TimeInput";
|
|
22
|
+
export type { ToggleInputIcons, ToggleInputProps, ToggleInputStyles, } from "./ToggleInput";
|
|
23
|
+
export { ToggleInput } from "./ToggleInput";
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACR,kBAAkB,EAClB,mBAAmB,GACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EACH,iBAAiB,EACjB,KAAK,sBAAsB,GAC9B,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACR,gBAAgB,EAChB,iBAAiB,GACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACR,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,GACtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACR,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,UAAU,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACR,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,GACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACR,cAAc,EACd,cAAc,EACd,cAAc,GACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,GACpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { FC, ReactNode } from "react";
|
|
2
|
+
import { type StyleProp, type ViewStyle } from "react-native";
|
|
3
|
+
import { type SwipeableContainerProps } from "../container";
|
|
4
|
+
type ListItemVariant = "default" | "compact";
|
|
5
|
+
export interface ListItemStyles {
|
|
6
|
+
spacingMargin: number;
|
|
7
|
+
internalSpacing: number;
|
|
8
|
+
borderRadius: number;
|
|
9
|
+
contentItemTopMargin: number;
|
|
10
|
+
contentItemSpacing: number;
|
|
11
|
+
}
|
|
12
|
+
export interface ListItemProps {
|
|
13
|
+
heading?: ReactNode;
|
|
14
|
+
header?: ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* [ListItemAvatar](./ListItemAvatar.tsx)
|
|
17
|
+
*/
|
|
18
|
+
avatar?: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* [ListItemAlert](./ListItemAlert.tsx)
|
|
21
|
+
*/
|
|
22
|
+
alert?: ReactNode;
|
|
23
|
+
variant?: ListItemVariant;
|
|
24
|
+
/**
|
|
25
|
+
* Supports:
|
|
26
|
+
* - `<ListItemRow/>`
|
|
27
|
+
* - `<ListItemRow/>[]`
|
|
28
|
+
*/
|
|
29
|
+
contentRows?: Array<ReactNode>;
|
|
30
|
+
/**
|
|
31
|
+
* [ListItemFooter](./ListItemFooter.tsx)
|
|
32
|
+
*/
|
|
33
|
+
footer?: ReactNode;
|
|
34
|
+
swipeActions?: SwipeableContainerProps["rightActions"];
|
|
35
|
+
style?: StyleProp<ViewStyle>;
|
|
36
|
+
contentContainerStyle?: StyleProp<ViewStyle>;
|
|
37
|
+
onPress?: () => void;
|
|
38
|
+
}
|
|
39
|
+
export declare const ListItem: FC<ListItemProps>;
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=ListItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/listItem/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAEH,KAAK,SAAS,EAGd,KAAK,SAAS,EACjB,MAAM,cAAc,CAAC;AAItB,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAGhF,KAAK,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC1B,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,YAAY,CAAC,EAAE,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAyDtC,CAAC"}
|