@impulse-ui-native/primitives 5.0.0 → 6.1.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/README.md +5 -42
- package/dist/components/atoms/avatar.js +5 -2
- package/dist/components/atoms/avatar.js.map +1 -1
- package/dist/components/atoms/badge/addon.js +6 -2
- package/dist/components/atoms/badge/addon.js.map +1 -1
- package/dist/components/atoms/badge/root.js.map +1 -1
- package/dist/components/atoms/divider.js.map +1 -1
- package/dist/components/atoms/index.d.mts +0 -2
- package/dist/components/atoms/index.js +0 -2
- package/dist/components/atoms/index.js.map +1 -1
- package/dist/components/atoms/pressable.js.map +1 -1
- package/dist/components/atoms/safe-area-view.js.map +1 -1
- package/dist/components/atoms/tag.js.map +1 -1
- package/dist/components/atoms/view.js.map +1 -1
- package/dist/components/index.d.mts +0 -6
- package/dist/components/index.js +0 -2
- package/dist/components/index.js.map +1 -1
- package/dist/hocs/create-preset.hoc.js.map +1 -1
- package/dist/index.d.mts +0 -6
- package/dist/types/index.d.mts +0 -3
- package/dist/types/index.js +0 -3
- package/dist/types/index.js.map +1 -1
- package/package.json +6 -6
- package/dist/components/atoms/circular-progress.d.mts +0 -16
- package/dist/components/atoms/circular-progress.js +0 -144
- package/dist/components/atoms/circular-progress.js.map +0 -1
- package/dist/components/atoms/linear-progress.d.mts +0 -17
- package/dist/components/atoms/linear-progress.js +0 -97
- package/dist/components/atoms/linear-progress.js.map +0 -1
- package/dist/components/atoms/progress.d.mts +0 -9
- package/dist/components/atoms/progress.js +0 -66
- package/dist/components/atoms/progress.js.map +0 -1
- package/dist/components/card/card.d.mts +0 -17
- package/dist/components/card/card.js +0 -18
- package/dist/components/card/card.js.map +0 -1
- package/dist/components/card/content.d.mts +0 -10
- package/dist/components/card/content.js +0 -30
- package/dist/components/card/content.js.map +0 -1
- package/dist/components/card/footer.d.mts +0 -10
- package/dist/components/card/footer.js +0 -30
- package/dist/components/card/footer.js.map +0 -1
- package/dist/components/card/header.d.mts +0 -10
- package/dist/components/card/header.js +0 -30
- package/dist/components/card/header.js.map +0 -1
- package/dist/components/card/index.d.mts +0 -7
- package/dist/components/card/index.js +0 -5
- package/dist/components/card/index.js.map +0 -1
- package/dist/components/card/media.d.mts +0 -10
- package/dist/components/card/media.js +0 -30
- package/dist/components/card/media.js.map +0 -1
- package/dist/components/card/pressable.d.mts +0 -10
- package/dist/components/card/pressable.js +0 -27
- package/dist/components/card/pressable.js.map +0 -1
- package/dist/components/card/root.d.mts +0 -10
- package/dist/components/card/root.js +0 -21
- package/dist/components/card/root.js.map +0 -1
- package/dist/components/card/root.styles.d.mts +0 -13
- package/dist/components/card/root.styles.js +0 -17
- package/dist/components/card/root.styles.js.map +0 -1
- package/dist/components/list/content.d.mts +0 -11
- package/dist/components/list/content.js +0 -27
- package/dist/components/list/content.js.map +0 -1
- package/dist/components/list/index.d.mts +0 -8
- package/dist/components/list/index.js +0 -5
- package/dist/components/list/index.js.map +0 -1
- package/dist/components/list/item.d.mts +0 -11
- package/dist/components/list/item.js +0 -32
- package/dist/components/list/item.js.map +0 -1
- package/dist/components/list/leading.d.mts +0 -11
- package/dist/components/list/leading.js +0 -32
- package/dist/components/list/leading.js.map +0 -1
- package/dist/components/list/list.d.mts +0 -18
- package/dist/components/list/list.js +0 -18
- package/dist/components/list/list.js.map +0 -1
- package/dist/components/list/pressable.d.mts +0 -11
- package/dist/components/list/pressable.js +0 -37
- package/dist/components/list/pressable.js.map +0 -1
- package/dist/components/list/root.d.mts +0 -11
- package/dist/components/list/root.js +0 -33
- package/dist/components/list/root.js.map +0 -1
- package/dist/components/list/trailing.d.mts +0 -11
- package/dist/components/list/trailing.js +0 -32
- package/dist/components/list/trailing.js.map +0 -1
- package/dist/hooks/use-indeterminate-progress-animation.hook.d.mts +0 -5
- package/dist/hooks/use-indeterminate-progress-animation.hook.js +0 -26
- package/dist/hooks/use-indeterminate-progress-animation.hook.js.map +0 -1
- package/dist/types/card.types.d.mts +0 -21
- package/dist/types/card.types.js +0 -1
- package/dist/types/card.types.js.map +0 -1
- package/dist/types/list.types.d.mts +0 -21
- package/dist/types/list.types.js +0 -1
- package/dist/types/list.types.js.map +0 -1
- package/dist/types/progress.types.d.mts +0 -15
- package/dist/types/progress.types.js +0 -1
- package/dist/types/progress.types.js.map +0 -1
- package/dist/utils/progress.utils.d.mts +0 -9
- package/dist/utils/progress.utils.js +0 -27
- package/dist/utils/progress.utils.js.map +0 -1
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback } from "react";
|
|
3
|
-
import { StyleSheet } from "react-native";
|
|
4
|
-
import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
|
|
5
|
-
import { Pressable } from "../atoms/pressable";
|
|
6
|
-
import { cardRootStyles } from "./root.styles";
|
|
7
|
-
const CardPressable = memo(function CardPressable2({
|
|
8
|
-
disabled,
|
|
9
|
-
style,
|
|
10
|
-
...props
|
|
11
|
-
}) {
|
|
12
|
-
const styles = useThemedStyles(cardRootStyles);
|
|
13
|
-
const extractedStyleProps = useStyleProps(props);
|
|
14
|
-
const rootStyle = useCallback(
|
|
15
|
-
(state) => StyleSheet.flatten([
|
|
16
|
-
styles.root,
|
|
17
|
-
extractedStyleProps,
|
|
18
|
-
typeof style === "function" ? style(state) : style
|
|
19
|
-
]),
|
|
20
|
-
[extractedStyleProps, style, styles.root]
|
|
21
|
-
);
|
|
22
|
-
return /* @__PURE__ */ jsx(Pressable, { ...props, disabled: disabled === true, style: rootStyle });
|
|
23
|
-
});
|
|
24
|
-
export {
|
|
25
|
-
CardPressable
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=pressable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/card/pressable.tsx"],"sourcesContent":["import type {\n PressableStateCallbackType,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport { memo, useCallback, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { CardPressableProps } from \"../../types\";\nimport { Pressable } from \"../atoms/pressable\";\nimport { cardRootStyles } from \"./root.styles\";\n\nexport const CardPressable = memo(function CardPressable({\n disabled,\n style,\n ...props\n}: CardPressableProps) {\n const styles = useThemedStyles(cardRootStyles);\n const extractedStyleProps = useStyleProps(props);\n\n const rootStyle = useCallback(\n (state: PressableStateCallbackType): StyleProp<ViewStyle> =>\n StyleSheet.flatten([\n styles.root,\n extractedStyleProps,\n typeof style === \"function\" ? style(state) : style,\n ]),\n [extractedStyleProps, style, styles.root],\n );\n\n return (\n <Pressable {...props} disabled={disabled === true} style={rootStyle} />\n );\n});\n"],"mappings":"AAiCI;AA5BJ,SAAS,MAAM,mBAA4B;AAC3C,SAAS,kBAAkB;AAE3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,iBAAiB;AAC1B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,KAAK,SAASA,eAAc;AAAA,EACvD;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,SAAS,gBAAgB,cAAc;AAC7C,QAAM,sBAAsB,cAAc,KAAK;AAE/C,QAAM,YAAY;AAAA,IAChB,CAAC,UACC,WAAW,QAAQ;AAAA,MACjB,OAAO;AAAA,MACP;AAAA,MACA,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI;AAAA,IAC/C,CAAC;AAAA,IACH,CAAC,qBAAqB,OAAO,OAAO,IAAI;AAAA,EAC1C;AAEA,SACE,oBAAC,aAAW,GAAG,OAAO,UAAU,aAAa,MAAM,OAAO,WAAW;AAEzE,CAAC;","names":["CardPressable"]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { CardRootProps } from '../../types/card.types.mjs';
|
|
4
|
-
import 'react-native';
|
|
5
|
-
import '@impulse-ui-native/theme';
|
|
6
|
-
import '../../types/view.types.mjs';
|
|
7
|
-
|
|
8
|
-
declare const CardRoot: react.MemoExoticComponent<({ style, ...props }: CardRootProps) => react_jsx_runtime.JSX.Element>;
|
|
9
|
-
|
|
10
|
-
export { CardRoot };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from "react";
|
|
3
|
-
import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
|
|
4
|
-
import { View } from "../atoms/view";
|
|
5
|
-
import { cardRootStyles } from "./root.styles";
|
|
6
|
-
const CardRoot = memo(function CardRoot2({
|
|
7
|
-
style,
|
|
8
|
-
...props
|
|
9
|
-
}) {
|
|
10
|
-
const styles = useThemedStyles(cardRootStyles);
|
|
11
|
-
const extractedStyleProps = useStyleProps(props);
|
|
12
|
-
const rootStyle = useMemo(
|
|
13
|
-
() => [styles.root, extractedStyleProps, style],
|
|
14
|
-
[extractedStyleProps, style, styles.root]
|
|
15
|
-
);
|
|
16
|
-
return /* @__PURE__ */ jsx(View, { ...props, style: rootStyle });
|
|
17
|
-
});
|
|
18
|
-
export {
|
|
19
|
-
CardRoot
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=root.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/card/root.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\n\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { CardRootProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\nimport { cardRootStyles } from \"./root.styles\";\n\nexport const CardRoot = memo(function CardRoot({\n style,\n ...props\n}: CardRootProps) {\n const styles = useThemedStyles(cardRootStyles);\n const extractedStyleProps = useStyleProps(props);\n const rootStyle = useMemo(\n () => [styles.root, extractedStyleProps, style],\n [extractedStyleProps, style, styles.root],\n );\n\n return <View {...props} style={rootStyle} />;\n});\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAE9B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAExB,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,SAAS,gBAAgB,cAAc;AAC7C,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,YAAY;AAAA,IAChB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,qBAAqB,OAAO,OAAO,IAAI;AAAA,EAC1C;AAEA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,WAAW;AAC5C,CAAC;","names":["CardRoot"]}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { AppTheme } from '@impulse-ui-native/theme';
|
|
2
|
-
|
|
3
|
-
declare function cardRootStyles(theme: AppTheme): {
|
|
4
|
-
root: {
|
|
5
|
-
overflow: "hidden";
|
|
6
|
-
backgroundColor: string;
|
|
7
|
-
borderColor: string;
|
|
8
|
-
borderRadius: number;
|
|
9
|
-
borderWidth: number;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
export { cardRootStyles };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { StyleSheet } from "react-native";
|
|
2
|
-
function cardRootStyles(theme) {
|
|
3
|
-
const tokens = theme.components.card;
|
|
4
|
-
return StyleSheet.create({
|
|
5
|
-
root: {
|
|
6
|
-
overflow: "hidden",
|
|
7
|
-
backgroundColor: tokens.backgroundColor,
|
|
8
|
-
borderColor: tokens.borderColor,
|
|
9
|
-
borderRadius: tokens.borderRadius,
|
|
10
|
-
borderWidth: tokens.borderWidth
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
export {
|
|
15
|
-
cardRootStyles
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=root.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/card/root.styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\n\nexport function cardRootStyles(theme: AppTheme) {\n const tokens = theme.components.card;\n\n return StyleSheet.create({\n root: {\n overflow: \"hidden\",\n backgroundColor: tokens.backgroundColor,\n borderColor: tokens.borderColor,\n borderRadius: tokens.borderRadius,\n borderWidth: tokens.borderWidth,\n },\n });\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAIpB,SAAS,eAAe,OAAiB;AAC9C,QAAM,SAAS,MAAM,WAAW;AAEhC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,iBAAiB,OAAO;AAAA,MACxB,aAAa,OAAO;AAAA,MACpB,cAAc,OAAO;AAAA,MACrB,aAAa,OAAO;AAAA,IACtB;AAAA,EACF,CAAC;AACH;","names":[]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { ListContentProps } from '../../types/list.types.mjs';
|
|
4
|
-
import '../../types/button.types.mjs';
|
|
5
|
-
import 'react-native';
|
|
6
|
-
import '@impulse-ui-native/theme';
|
|
7
|
-
import '../../types/view.types.mjs';
|
|
8
|
-
|
|
9
|
-
declare const ListContent: react.MemoExoticComponent<({ style, ...props }: ListContentProps) => react_jsx_runtime.JSX.Element>;
|
|
10
|
-
|
|
11
|
-
export { ListContent };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from "react";
|
|
3
|
-
import { StyleSheet } from "react-native";
|
|
4
|
-
import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
|
|
5
|
-
import { View } from "../atoms/view";
|
|
6
|
-
const ListContent = memo(function ListContent2({
|
|
7
|
-
style,
|
|
8
|
-
...props
|
|
9
|
-
}) {
|
|
10
|
-
const extractedStyleProps = useStyleProps(props);
|
|
11
|
-
const styles = useThemedStyles(themedStyles);
|
|
12
|
-
const composedStyle = useMemo(
|
|
13
|
-
() => [styles.part, extractedStyleProps, style],
|
|
14
|
-
[styles.part, extractedStyleProps, style]
|
|
15
|
-
);
|
|
16
|
-
return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
|
|
17
|
-
});
|
|
18
|
-
function themedStyles(theme) {
|
|
19
|
-
const tokens = theme.components.list;
|
|
20
|
-
return StyleSheet.create({
|
|
21
|
-
part: { flex: 1, minWidth: 0, gap: tokens.content.gap }
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
export {
|
|
25
|
-
ListContent
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=content.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/content.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListContentProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListContent = memo(function ListContent({\n style,\n ...props\n}: ListContentProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: { flex: 1, minWidth: 0, gap: tokens.content.gap },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,cAAc,KAAK,SAASA,aAAY;AAAA,EACnD;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,KAAK,OAAO,QAAQ,IAAI;AAAA,EACxD,CAAC;AACH;","names":["ListContent"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/index.ts"],"sourcesContent":["export { List } from \"./list\";\n"],"mappings":"AAAA,SAAS,YAAY;","names":[]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { ListItemProps } from '../../types/list.types.mjs';
|
|
4
|
-
import '../../types/button.types.mjs';
|
|
5
|
-
import 'react-native';
|
|
6
|
-
import '@impulse-ui-native/theme';
|
|
7
|
-
import '../../types/view.types.mjs';
|
|
8
|
-
|
|
9
|
-
declare const ListItem: react.MemoExoticComponent<({ style, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element>;
|
|
10
|
-
|
|
11
|
-
export { ListItem };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from "react";
|
|
3
|
-
import { StyleSheet } from "react-native";
|
|
4
|
-
import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
|
|
5
|
-
import { View } from "../atoms/view";
|
|
6
|
-
const ListItem = memo(function ListItem2({
|
|
7
|
-
style,
|
|
8
|
-
...props
|
|
9
|
-
}) {
|
|
10
|
-
const extractedStyleProps = useStyleProps(props);
|
|
11
|
-
const styles = useThemedStyles(themedStyles);
|
|
12
|
-
const composedStyle = useMemo(
|
|
13
|
-
() => [styles.part, extractedStyleProps, style],
|
|
14
|
-
[styles.part, extractedStyleProps, style]
|
|
15
|
-
);
|
|
16
|
-
return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
|
|
17
|
-
});
|
|
18
|
-
function themedStyles(theme) {
|
|
19
|
-
const tokens = theme.components.list;
|
|
20
|
-
return StyleSheet.create({
|
|
21
|
-
part: {
|
|
22
|
-
flexDirection: "row",
|
|
23
|
-
alignItems: "center",
|
|
24
|
-
gap: tokens.item.gap,
|
|
25
|
-
padding: tokens.item.padding
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
export {
|
|
30
|
-
ListItem
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/item.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListItemProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListItem = memo(function ListItem({\n style,\n ...props\n}: ListItemProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: {\n flexDirection: \"row\",\n alignItems: \"center\",\n gap: tokens.item.gap,\n padding: tokens.item.padding,\n },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK,OAAO,KAAK;AAAA,MACjB,SAAS,OAAO,KAAK;AAAA,IACvB;AAAA,EACF,CAAC;AACH;","names":["ListItem"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { ListLeadingProps } from '../../types/list.types.mjs';
|
|
4
|
-
import '../../types/button.types.mjs';
|
|
5
|
-
import 'react-native';
|
|
6
|
-
import '@impulse-ui-native/theme';
|
|
7
|
-
import '../../types/view.types.mjs';
|
|
8
|
-
|
|
9
|
-
declare const ListLeading: react.MemoExoticComponent<({ style, ...props }: ListLeadingProps) => react_jsx_runtime.JSX.Element>;
|
|
10
|
-
|
|
11
|
-
export { ListLeading };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from "react";
|
|
3
|
-
import { StyleSheet } from "react-native";
|
|
4
|
-
import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
|
|
5
|
-
import { View } from "../atoms/view";
|
|
6
|
-
const ListLeading = memo(function ListLeading2({
|
|
7
|
-
style,
|
|
8
|
-
...props
|
|
9
|
-
}) {
|
|
10
|
-
const extractedStyleProps = useStyleProps(props);
|
|
11
|
-
const styles = useThemedStyles(themedStyles);
|
|
12
|
-
const composedStyle = useMemo(
|
|
13
|
-
() => [styles.part, extractedStyleProps, style],
|
|
14
|
-
[styles.part, extractedStyleProps, style]
|
|
15
|
-
);
|
|
16
|
-
return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
|
|
17
|
-
});
|
|
18
|
-
function themedStyles(theme) {
|
|
19
|
-
const tokens = theme.components.list;
|
|
20
|
-
return StyleSheet.create({
|
|
21
|
-
part: {
|
|
22
|
-
gap: tokens.item.gap,
|
|
23
|
-
flexShrink: 0,
|
|
24
|
-
alignItems: "center",
|
|
25
|
-
justifyContent: "center"
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
export {
|
|
30
|
-
ListLeading
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=leading.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/leading.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListLeadingProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListLeading = memo(function ListLeading({\n style,\n ...props\n}: ListLeadingProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: {\n gap: tokens.item.gap,\n flexShrink: 0,\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,cAAc,KAAK,SAASA,aAAY;AAAA,EACnD;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,KAAK,OAAO,KAAK;AAAA,MACjB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,EACF,CAAC;AACH;","names":["ListLeading"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { ListRootProps, ListItemProps, ListPressableProps, ListLeadingProps, ListContentProps, ListTrailingProps } from '../../types/list.types.mjs';
|
|
4
|
-
import '../../types/button.types.mjs';
|
|
5
|
-
import 'react-native';
|
|
6
|
-
import '@impulse-ui-native/theme';
|
|
7
|
-
import '../../types/view.types.mjs';
|
|
8
|
-
|
|
9
|
-
declare const List: {
|
|
10
|
-
Root: react.MemoExoticComponent<({ style, ...props }: ListRootProps) => react_jsx_runtime.JSX.Element>;
|
|
11
|
-
Item: react.MemoExoticComponent<({ style, ...props }: ListItemProps) => react_jsx_runtime.JSX.Element>;
|
|
12
|
-
Pressable: react.MemoExoticComponent<({ disabled, style, ...props }: ListPressableProps) => react_jsx_runtime.JSX.Element>;
|
|
13
|
-
Leading: react.MemoExoticComponent<({ style, ...props }: ListLeadingProps) => react_jsx_runtime.JSX.Element>;
|
|
14
|
-
Content: react.MemoExoticComponent<({ style, ...props }: ListContentProps) => react_jsx_runtime.JSX.Element>;
|
|
15
|
-
Trailing: react.MemoExoticComponent<({ style, ...props }: ListTrailingProps) => react_jsx_runtime.JSX.Element>;
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
export { List };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { ListContent } from "./content";
|
|
2
|
-
import { ListItem } from "./item";
|
|
3
|
-
import { ListLeading } from "./leading";
|
|
4
|
-
import { ListPressable } from "./pressable";
|
|
5
|
-
import { ListRoot } from "./root";
|
|
6
|
-
import { ListTrailing } from "./trailing";
|
|
7
|
-
const List = {
|
|
8
|
-
Root: ListRoot,
|
|
9
|
-
Item: ListItem,
|
|
10
|
-
Pressable: ListPressable,
|
|
11
|
-
Leading: ListLeading,
|
|
12
|
-
Content: ListContent,
|
|
13
|
-
Trailing: ListTrailing
|
|
14
|
-
};
|
|
15
|
-
export {
|
|
16
|
-
List
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=list.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { ListContent } from \"./content\";\nimport { ListItem } from \"./item\";\nimport { ListLeading } from \"./leading\";\nimport { ListPressable } from \"./pressable\";\nimport { ListRoot } from \"./root\";\nimport { ListTrailing } from \"./trailing\";\n\nexport const List = {\n Root: ListRoot,\n Item: ListItem,\n Pressable: ListPressable,\n Leading: ListLeading,\n Content: ListContent,\n Trailing: ListTrailing,\n};\n"],"mappings":"AAAA,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAEtB,MAAM,OAAO;AAAA,EAClB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AACZ;","names":[]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { ListPressableProps } from '../../types/list.types.mjs';
|
|
4
|
-
import '../../types/button.types.mjs';
|
|
5
|
-
import 'react-native';
|
|
6
|
-
import '@impulse-ui-native/theme';
|
|
7
|
-
import '../../types/view.types.mjs';
|
|
8
|
-
|
|
9
|
-
declare const ListPressable: react.MemoExoticComponent<({ disabled, style, ...props }: ListPressableProps) => react_jsx_runtime.JSX.Element>;
|
|
10
|
-
|
|
11
|
-
export { ListPressable };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback } from "react";
|
|
3
|
-
import { StyleSheet } from "react-native";
|
|
4
|
-
import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
|
|
5
|
-
import { Pressable } from "../atoms/pressable";
|
|
6
|
-
const ListPressable = memo(function ListPressable2({
|
|
7
|
-
disabled,
|
|
8
|
-
style,
|
|
9
|
-
...props
|
|
10
|
-
}) {
|
|
11
|
-
const styles = useThemedStyles(themedStyles);
|
|
12
|
-
const extractedStyleProps = useStyleProps(props);
|
|
13
|
-
const rootStyle = useCallback(
|
|
14
|
-
(state) => StyleSheet.flatten([
|
|
15
|
-
styles.root,
|
|
16
|
-
extractedStyleProps,
|
|
17
|
-
typeof style === "function" ? style(state) : style
|
|
18
|
-
]),
|
|
19
|
-
[extractedStyleProps, style, styles.root]
|
|
20
|
-
);
|
|
21
|
-
return /* @__PURE__ */ jsx(Pressable, { ...props, disabled: disabled === true, style: rootStyle });
|
|
22
|
-
});
|
|
23
|
-
function themedStyles(theme) {
|
|
24
|
-
const tokens = theme.components.list.item;
|
|
25
|
-
return StyleSheet.create({
|
|
26
|
-
root: {
|
|
27
|
-
flexDirection: "row",
|
|
28
|
-
alignItems: "center",
|
|
29
|
-
gap: tokens.gap,
|
|
30
|
-
padding: tokens.padding
|
|
31
|
-
}
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
export {
|
|
35
|
-
ListPressable
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=pressable.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/pressable.tsx"],"sourcesContent":["import type {\n PressableStateCallbackType,\n StyleProp,\n ViewStyle,\n} from \"react-native\";\nimport { memo, useCallback } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListPressableProps } from \"../../types\";\nimport { Pressable } from \"../atoms/pressable\";\n\nexport const ListPressable = memo(function ListPressable({\n disabled,\n style,\n ...props\n}: ListPressableProps) {\n const styles = useThemedStyles(themedStyles);\n const extractedStyleProps = useStyleProps(props);\n\n const rootStyle = useCallback(\n (state: PressableStateCallbackType): StyleProp<ViewStyle> =>\n StyleSheet.flatten([\n styles.root,\n extractedStyleProps,\n typeof style === \"function\" ? style(state) : style,\n ]),\n [extractedStyleProps, style, styles.root],\n );\n\n return (\n <Pressable {...props} disabled={disabled === true} style={rootStyle} />\n );\n});\n\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list.item;\n return StyleSheet.create({\n root: {\n flexDirection: \"row\",\n alignItems: \"center\",\n gap: tokens.gap,\n padding: tokens.padding,\n },\n });\n}\n"],"mappings":"AAiCI;AA5BJ,SAAS,MAAM,mBAAmB;AAClC,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,iBAAiB;AAEnB,MAAM,gBAAgB,KAAK,SAASA,eAAc;AAAA,EACvD;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,sBAAsB,cAAc,KAAK;AAE/C,QAAM,YAAY;AAAA,IAChB,CAAC,UACC,WAAW,QAAQ;AAAA,MACjB,OAAO;AAAA,MACP;AAAA,MACA,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI;AAAA,IAC/C,CAAC;AAAA,IACH,CAAC,qBAAqB,OAAO,OAAO,IAAI;AAAA,EAC1C;AAEA,SACE,oBAAC,aAAW,GAAG,OAAO,UAAU,aAAa,MAAM,OAAO,WAAW;AAEzE,CAAC;AAED,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW,KAAK;AACrC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK,OAAO;AAAA,MACZ,SAAS,OAAO;AAAA,IAClB;AAAA,EACF,CAAC;AACH;","names":["ListPressable"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { ListRootProps } from '../../types/list.types.mjs';
|
|
4
|
-
import '../../types/button.types.mjs';
|
|
5
|
-
import 'react-native';
|
|
6
|
-
import '@impulse-ui-native/theme';
|
|
7
|
-
import '../../types/view.types.mjs';
|
|
8
|
-
|
|
9
|
-
declare const ListRoot: react.MemoExoticComponent<({ style, ...props }: ListRootProps) => react_jsx_runtime.JSX.Element>;
|
|
10
|
-
|
|
11
|
-
export { ListRoot };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from "react";
|
|
3
|
-
import { StyleSheet } from "react-native";
|
|
4
|
-
import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
|
|
5
|
-
import { View } from "../atoms/view";
|
|
6
|
-
const ListRoot = memo(function ListRoot2({
|
|
7
|
-
style,
|
|
8
|
-
...props
|
|
9
|
-
}) {
|
|
10
|
-
const extractedStyleProps = useStyleProps(props);
|
|
11
|
-
const styles = useThemedStyles(themedStyles);
|
|
12
|
-
const composedStyle = useMemo(
|
|
13
|
-
() => [styles.part, extractedStyleProps, style],
|
|
14
|
-
[styles.part, extractedStyleProps, style]
|
|
15
|
-
);
|
|
16
|
-
return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
|
|
17
|
-
});
|
|
18
|
-
function themedStyles(theme) {
|
|
19
|
-
const tokens = theme.components.list;
|
|
20
|
-
return StyleSheet.create({
|
|
21
|
-
part: {
|
|
22
|
-
backgroundColor: tokens.backgroundColor,
|
|
23
|
-
borderColor: tokens.borderColor,
|
|
24
|
-
borderWidth: tokens.borderWidth,
|
|
25
|
-
borderRadius: tokens.borderRadius,
|
|
26
|
-
overflow: "hidden"
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
export {
|
|
31
|
-
ListRoot
|
|
32
|
-
};
|
|
33
|
-
//# sourceMappingURL=root.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/root.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListRootProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListRoot = memo(function ListRoot({\n style,\n ...props\n}: ListRootProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: {\n backgroundColor: tokens.backgroundColor,\n borderColor: tokens.borderColor,\n borderWidth: tokens.borderWidth,\n borderRadius: tokens.borderRadius,\n overflow: \"hidden\",\n },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,iBAAiB,OAAO;AAAA,MACxB,aAAa,OAAO;AAAA,MACpB,aAAa,OAAO;AAAA,MACpB,cAAc,OAAO;AAAA,MACrB,UAAU;AAAA,IACZ;AAAA,EACF,CAAC;AACH;","names":["ListRoot"]}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import { ListTrailingProps } from '../../types/list.types.mjs';
|
|
4
|
-
import '../../types/button.types.mjs';
|
|
5
|
-
import 'react-native';
|
|
6
|
-
import '@impulse-ui-native/theme';
|
|
7
|
-
import '../../types/view.types.mjs';
|
|
8
|
-
|
|
9
|
-
declare const ListTrailing: react.MemoExoticComponent<({ style, ...props }: ListTrailingProps) => react_jsx_runtime.JSX.Element>;
|
|
10
|
-
|
|
11
|
-
export { ListTrailing };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useMemo } from "react";
|
|
3
|
-
import { StyleSheet } from "react-native";
|
|
4
|
-
import { useStyleProps, useThemedStyles } from "@impulse-ui-native/theme";
|
|
5
|
-
import { View } from "../atoms/view";
|
|
6
|
-
const ListTrailing = memo(function ListTrailing2({
|
|
7
|
-
style,
|
|
8
|
-
...props
|
|
9
|
-
}) {
|
|
10
|
-
const extractedStyleProps = useStyleProps(props);
|
|
11
|
-
const styles = useThemedStyles(themedStyles);
|
|
12
|
-
const composedStyle = useMemo(
|
|
13
|
-
() => [styles.part, extractedStyleProps, style],
|
|
14
|
-
[styles.part, extractedStyleProps, style]
|
|
15
|
-
);
|
|
16
|
-
return /* @__PURE__ */ jsx(View, { ...props, style: composedStyle });
|
|
17
|
-
});
|
|
18
|
-
function themedStyles(theme) {
|
|
19
|
-
const tokens = theme.components.list;
|
|
20
|
-
return StyleSheet.create({
|
|
21
|
-
part: {
|
|
22
|
-
flexShrink: 0,
|
|
23
|
-
flexDirection: "row",
|
|
24
|
-
alignItems: "center",
|
|
25
|
-
gap: tokens.item.gap
|
|
26
|
-
}
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
export {
|
|
30
|
-
ListTrailing
|
|
31
|
-
};
|
|
32
|
-
//# sourceMappingURL=trailing.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/list/trailing.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport type { AppTheme } from \"@impulse-ui-native/theme\";\nimport { useStyleProps, useThemedStyles } from \"@impulse-ui-native/theme\";\n\nimport type { ListTrailingProps } from \"../../types\";\nimport { View } from \"../atoms/view\";\n\nexport const ListTrailing = memo(function ListTrailing({\n style,\n ...props\n}: ListTrailingProps) {\n const extractedStyleProps = useStyleProps(props);\n const styles = useThemedStyles(themedStyles);\n const composedStyle = useMemo(\n () => [styles.part, extractedStyleProps, style],\n [styles.part, extractedStyleProps, style],\n );\n return <View {...props} style={composedStyle} />;\n});\nfunction themedStyles(theme: AppTheme) {\n const tokens = theme.components.list;\n return StyleSheet.create({\n part: {\n flexShrink: 0,\n flexDirection: \"row\",\n alignItems: \"center\",\n gap: tokens.item.gap,\n },\n });\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAG3B,SAAS,eAAe,uBAAuB;AAG/C,SAAS,YAAY;AAEd,MAAM,eAAe,KAAK,SAASA,cAAa;AAAA,EACrD;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,sBAAsB,cAAc,KAAK;AAC/C,QAAM,SAAS,gBAAgB,YAAY;AAC3C,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,IAC9C,CAAC,OAAO,MAAM,qBAAqB,KAAK;AAAA,EAC1C;AACA,SAAO,oBAAC,QAAM,GAAG,OAAO,OAAO,eAAe;AAChD,CAAC;AACD,SAAS,aAAa,OAAiB;AACrC,QAAM,SAAS,MAAM,WAAW;AAChC,SAAO,WAAW,OAAO;AAAA,IACvB,MAAM;AAAA,MACJ,YAAY;AAAA,MACZ,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK,OAAO,KAAK;AAAA,IACnB;AAAA,EACF,CAAC;AACH;","names":["ListTrailing"]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { useEffect, useRef } from "react";
|
|
2
|
-
import { Animated, Easing } from "react-native";
|
|
3
|
-
function useIndeterminateProgressAnimation(duration) {
|
|
4
|
-
const progress = useRef(new Animated.Value(0)).current;
|
|
5
|
-
useEffect(() => {
|
|
6
|
-
progress.stopAnimation();
|
|
7
|
-
progress.setValue(0);
|
|
8
|
-
const animation = Animated.loop(
|
|
9
|
-
Animated.timing(progress, {
|
|
10
|
-
duration,
|
|
11
|
-
easing: Easing.linear,
|
|
12
|
-
toValue: 1,
|
|
13
|
-
useNativeDriver: true
|
|
14
|
-
})
|
|
15
|
-
);
|
|
16
|
-
animation.start();
|
|
17
|
-
return () => {
|
|
18
|
-
animation.stop();
|
|
19
|
-
};
|
|
20
|
-
}, [duration, progress]);
|
|
21
|
-
return progress;
|
|
22
|
-
}
|
|
23
|
-
export {
|
|
24
|
-
useIndeterminateProgressAnimation
|
|
25
|
-
};
|
|
26
|
-
//# sourceMappingURL=use-indeterminate-progress-animation.hook.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/hooks/use-indeterminate-progress-animation.hook.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { Animated, Easing } from \"react-native\";\n\nexport function useIndeterminateProgressAnimation(duration: number) {\n const progress = useRef(new Animated.Value(0)).current;\n\n useEffect(() => {\n progress.stopAnimation();\n progress.setValue(0);\n\n const animation = Animated.loop(\n Animated.timing(progress, {\n duration,\n easing: Easing.linear,\n toValue: 1,\n useNativeDriver: true,\n }),\n );\n\n animation.start();\n\n return () => {\n animation.stop();\n };\n }, [duration, progress]);\n\n return progress;\n}\n"],"mappings":"AAAA,SAAS,WAAW,cAAc;AAClC,SAAS,UAAU,cAAc;AAE1B,SAAS,kCAAkC,UAAkB;AAClE,QAAM,WAAW,OAAO,IAAI,SAAS,MAAM,CAAC,CAAC,EAAE;AAE/C,YAAU,MAAM;AACd,aAAS,cAAc;AACvB,aAAS,SAAS,CAAC;AAEnB,UAAM,YAAY,SAAS;AAAA,MACzB,SAAS,OAAO,UAAU;AAAA,QACxB;AAAA,QACA,QAAQ,OAAO;AAAA,QACf,SAAS;AAAA,QACT,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH;AAEA,cAAU,MAAM;AAEhB,WAAO,MAAM;AACX,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,UAAU,QAAQ,CAAC;AAEvB,SAAO;AACT;","names":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { PressableProps, StyleProp, ViewStyle } from 'react-native';
|
|
3
|
-
import { DimensionProps, SpacingProps, ShadowProps } from '@impulse-ui-native/theme';
|
|
4
|
-
import { ViewProps } from './view.types.mjs';
|
|
5
|
-
|
|
6
|
-
interface CardRootProps extends ViewProps {
|
|
7
|
-
}
|
|
8
|
-
interface CardPressableProps extends Omit<PressableProps, "children">, DimensionProps, SpacingProps, ShadowProps {
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
pressedStyle?: StyleProp<ViewStyle>;
|
|
11
|
-
}
|
|
12
|
-
interface CardHeaderProps extends ViewProps {
|
|
13
|
-
}
|
|
14
|
-
interface CardContentProps extends ViewProps {
|
|
15
|
-
}
|
|
16
|
-
interface CardFooterProps extends ViewProps {
|
|
17
|
-
}
|
|
18
|
-
interface CardMediaProps extends ViewProps {
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export type { CardContentProps, CardFooterProps, CardHeaderProps, CardMediaProps, CardPressableProps, CardRootProps };
|
package/dist/types/card.types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=card.types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { PressableCoreProps } from './button.types.mjs';
|
|
3
|
-
import { ViewProps } from './view.types.mjs';
|
|
4
|
-
import 'react-native';
|
|
5
|
-
import '@impulse-ui-native/theme';
|
|
6
|
-
|
|
7
|
-
interface ListRootProps extends ViewProps {
|
|
8
|
-
}
|
|
9
|
-
interface ListItemProps extends ViewProps {
|
|
10
|
-
}
|
|
11
|
-
interface ListPressableProps extends Omit<PressableCoreProps, "children" | "size" | "variant" | "loading"> {
|
|
12
|
-
children?: ReactNode;
|
|
13
|
-
}
|
|
14
|
-
interface ListLeadingProps extends ViewProps {
|
|
15
|
-
}
|
|
16
|
-
interface ListContentProps extends ViewProps {
|
|
17
|
-
}
|
|
18
|
-
interface ListTrailingProps extends ViewProps {
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
export type { ListContentProps, ListItemProps, ListLeadingProps, ListPressableProps, ListRootProps, ListTrailingProps };
|
package/dist/types/list.types.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=list.types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ViewProps, ColorValue } from 'react-native';
|
|
2
|
-
import { ComponentSize, ProgressTone, ProgressVariant } from '@impulse-ui-native/theme';
|
|
3
|
-
|
|
4
|
-
interface ProgressProps extends Omit<ViewProps, "children"> {
|
|
5
|
-
color?: ColorValue;
|
|
6
|
-
max?: number;
|
|
7
|
-
min?: number;
|
|
8
|
-
size?: ComponentSize;
|
|
9
|
-
tone?: ProgressTone;
|
|
10
|
-
trackColor?: ColorValue;
|
|
11
|
-
value?: number;
|
|
12
|
-
variant?: ProgressVariant;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
export type { ProgressProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=progress.types.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface NormalizedProgressValue {
|
|
2
|
-
fraction: number;
|
|
3
|
-
max: number;
|
|
4
|
-
min: number;
|
|
5
|
-
value: number | undefined;
|
|
6
|
-
}
|
|
7
|
-
declare function normalizeProgressValue(value: number | undefined, min: number, max: number): NormalizedProgressValue;
|
|
8
|
-
|
|
9
|
-
export { type NormalizedProgressValue, normalizeProgressValue };
|