@lichens-innovation/react-native-common 3.8.0 → 3.9.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/dist/components/dialogs/dialog-single-textinput.d.ts +1 -1
- package/dist/components/dialogs/dialog-single-textinput.js +9 -2
- package/dist/components/dialogs/dialog-single-textinput.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/lists/index.d.ts +2 -0
- package/dist/components/lists/index.js +3 -0
- package/dist/components/lists/index.js.map +1 -0
- package/dist/components/lists/list-header.d.ts +5 -0
- package/dist/components/lists/list-header.js +17 -0
- package/dist/components/lists/list-header.js.map +1 -0
- package/dist/components/lists/list-items-separator.d.ts +2 -0
- package/dist/components/lists/list-items-separator.js +17 -0
- package/dist/components/lists/list-items-separator.js.map +1 -0
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ interface DialogSingleTextInputProps extends Omit<DialogProps, 'children' | 'vis
|
|
|
8
8
|
onChange: (value: string) => void;
|
|
9
9
|
errorMessage?: string;
|
|
10
10
|
placeholder?: string;
|
|
11
|
-
onOk: () => void;
|
|
11
|
+
onOk: (inputValue: string) => void;
|
|
12
12
|
onCancel: () => void;
|
|
13
13
|
isVisible: boolean;
|
|
14
14
|
}
|
|
@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { useState } from 'react';
|
|
13
14
|
import { useTranslation } from 'react-i18next';
|
|
14
15
|
import { StyleSheet } from 'react-native';
|
|
15
16
|
import { Button, Dialog, Portal, Text, TextInput } from 'react-native-paper';
|
|
@@ -20,17 +21,23 @@ export const DialogSingleTextInput = (_a) => {
|
|
|
20
21
|
const { style: dialogStyleProp } = rest, dialogProps = __rest(rest, ["style"]);
|
|
21
22
|
const styles = useStyles();
|
|
22
23
|
const { t } = useTranslation();
|
|
24
|
+
const [selection, setSelection] = useState();
|
|
25
|
+
const [inputValue, setInputValue] = useState(value);
|
|
23
26
|
const hasTitle = !!title;
|
|
24
27
|
const hasTitleString = typeof title === 'string';
|
|
25
28
|
const hasDescription = !!description;
|
|
26
29
|
const hasDescriptionString = typeof description === 'string';
|
|
27
30
|
const hasError = !!errorMessage;
|
|
28
|
-
const isInputPopulated =
|
|
31
|
+
const isInputPopulated = inputValue.trim().length > 0;
|
|
29
32
|
const isOkEnabled = !hasError && isInputPopulated;
|
|
33
|
+
const onChangeText = (text) => {
|
|
34
|
+
setInputValue(text);
|
|
35
|
+
onChange(text);
|
|
36
|
+
};
|
|
30
37
|
if (!isVisible) {
|
|
31
38
|
return null;
|
|
32
39
|
}
|
|
33
|
-
return (_jsx(Portal, { children: _jsxs(Dialog, Object.assign({}, dialogProps, { style: [styles.dialog, dialogStyleProp], visible: true, onDismiss: onCancel, children: [hasTitle && _jsx(Dialog.Title, { children: hasTitleString ? _jsx(Text, { children: title }) : title }), hasDescription && (_jsx(Dialog.Content, { children: hasDescriptionString ? _jsx(Text, { children: description }) : description })), _jsxs(Dialog.Content, { children: [_jsx(TextInput, { mode: "outlined", value:
|
|
40
|
+
return (_jsx(Portal, { children: _jsxs(Dialog, Object.assign({}, dialogProps, { style: [styles.dialog, dialogStyleProp], visible: true, onDismiss: onCancel, children: [hasTitle && _jsx(Dialog.Title, { children: hasTitleString ? _jsx(Text, { children: title }) : title }), hasDescription && (_jsx(Dialog.Content, { children: hasDescriptionString ? _jsx(Text, { children: description }) : description })), _jsxs(Dialog.Content, { children: [_jsx(TextInput, { mode: "outlined", value: inputValue, onChangeText: onChangeText, selection: selection, onSelectionChange: (e) => setSelection(e.nativeEvent.selection), placeholder: placeholder, error: hasError }), hasError && _jsx(Text, { variant: "bodyMedium", style: styles.errorText, children: errorMessage })] }), _jsxs(Dialog.Actions, { children: [_jsx(Button, { onPress: onCancel, children: t('common:cancel') }), _jsx(Button, { style: styles.button, mode: "contained", onPress: () => onOk(inputValue), disabled: !isOkEnabled, children: t('common:ok') })] })] })) }));
|
|
34
41
|
};
|
|
35
42
|
const useStyles = () => {
|
|
36
43
|
const theme = useAppTheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-single-textinput.js","sourceRoot":"","sources":["../../../src/components/dialogs/dialog-single-textinput.tsx"],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"dialog-single-textinput.js","sourceRoot":"","sources":["../../../src/components/dialogs/dialog-single-textinput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ export * from './event-logs';
|
|
|
8
8
|
export * from './header-actions';
|
|
9
9
|
export * from './language-selector';
|
|
10
10
|
export * from './layout';
|
|
11
|
+
export * from './lists';
|
|
11
12
|
export * from './on-off-toggle';
|
|
12
13
|
export * from './score-indicator';
|
|
13
14
|
export * from './snack-bar';
|
package/dist/components/index.js
CHANGED
|
@@ -8,6 +8,7 @@ export * from './event-logs';
|
|
|
8
8
|
export * from './header-actions';
|
|
9
9
|
export * from './language-selector';
|
|
10
10
|
export * from './layout';
|
|
11
|
+
export * from './lists';
|
|
11
12
|
export * from './on-off-toggle';
|
|
12
13
|
export * from './score-indicator';
|
|
13
14
|
export * from './snack-bar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/lists/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { Text } from 'react-native-paper';
|
|
4
|
+
import { useAppTheme } from '../../theme/theme';
|
|
5
|
+
export const ListHeader = ({ title }) => {
|
|
6
|
+
const styles = useStyles();
|
|
7
|
+
return (_jsx(View, { style: styles.container, children: _jsx(Text, { variant: "titleMedium", children: title }) }));
|
|
8
|
+
};
|
|
9
|
+
const useStyles = () => {
|
|
10
|
+
const theme = useAppTheme();
|
|
11
|
+
return StyleSheet.create({
|
|
12
|
+
container: {
|
|
13
|
+
paddingHorizontal: theme.spacing(1),
|
|
14
|
+
},
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=list-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-header.js","sourceRoot":"","sources":["../../../src/components/lists/list-header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMhD,MAAM,CAAC,MAAM,UAAU,GAAuC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,YAC3B,KAAC,IAAI,IAAC,OAAO,EAAC,aAAa,YAAE,KAAK,GAAQ,GACrC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SACpC;KACF,CAAC,CAAC;AACL,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { useAppTheme } from '../../theme/theme';
|
|
4
|
+
export const ListItemsSeparator = () => {
|
|
5
|
+
const styles = useStyles();
|
|
6
|
+
return _jsx(View, { style: styles.separator });
|
|
7
|
+
};
|
|
8
|
+
const useStyles = () => {
|
|
9
|
+
const theme = useAppTheme();
|
|
10
|
+
return StyleSheet.create({
|
|
11
|
+
separator: {
|
|
12
|
+
height: StyleSheet.hairlineWidth,
|
|
13
|
+
backgroundColor: theme.colors.outline,
|
|
14
|
+
},
|
|
15
|
+
});
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=list-items-separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list-items-separator.js","sourceRoot":"","sources":["../../../src/components/lists/list-items-separator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,kBAAkB,GAAsB,GAAG,EAAE;IACxD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,GAAI,CAAC;AAC3C,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,KAAK,GAAG,WAAW,EAAE,CAAC;IAE5B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,MAAM,EAAE,UAAU,CAAC,aAAa;YAChC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SACtC;KACF,CAAC,CAAC;AACL,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Lichens Innovation React Native Expo shared components, utilities, hooks and services",
|
|
4
4
|
"repository": "https://github.com/Lichens-Innovation/react-native-common",
|
|
5
5
|
"author": "Lichens Innovation",
|
|
6
|
-
"version": "3.
|
|
6
|
+
"version": "3.9.0",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "dist/index.js",
|
|
9
9
|
"types": "dist/index.d.ts",
|