@coorpacademy/components 11.40.17-react18.16 → 11.40.17-react18.17
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/es/atom/select-modal/index.native.d.ts.map +1 -1
- package/es/atom/select-modal/index.native.js +3 -2
- package/es/atom/select-modal/index.native.js.map +1 -1
- package/lib/atom/select-modal/index.native.d.ts.map +1 -1
- package/lib/atom/select-modal/index.native.js +3 -2
- package/lib/atom/select-modal/index.native.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,sBAwG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -88,9 +88,10 @@ const Select = props => {
|
|
|
88
88
|
disabled: isDisabled,
|
|
89
89
|
onPress: handleFocus,
|
|
90
90
|
analyticsID: analyticsID,
|
|
91
|
-
testID: `${testID}-input
|
|
91
|
+
testID: `${testID}-input`,
|
|
92
|
+
style: style
|
|
92
93
|
}, /*#__PURE__*/React.createElement(View, {
|
|
93
|
-
style:
|
|
94
|
+
style: styleSheet.container
|
|
94
95
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
95
96
|
style: textStyles
|
|
96
97
|
}, text), /*#__PURE__*/React.createElement(Space, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","flatten","length","primary","createElement","Fragment","disabled","onPress","type","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n text: string;\n selected: boolean;\n _id: string;\n value: string;\n};\n\nexport type Props = {\n analyticsID: string;\n questionType: QuestionType;\n isDisabled?: boolean;\n isFocused?: boolean;\n values: Array<ChoiceItem>;\n value?: string;\n placeholder?: string;\n onChange: OnChangeFunction;\n onFocus: () => void;\n onBlur: () => void;\n style?: ViewStyle[];\n textStyle?: ViewStyle[];\n testID?: string;\n};\n\ntype StyleSheetType = {\n container: ViewStyle;\n text: TextStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n text: {\n flex: 1,\n color: theme.colors.gray.medium,\n textAlign: 'center'\n }\n });\n\nconst logEvent = (\n eventName: string,\n analyticsID: string,\n analytics: Analytics,\n questionType: QuestionType\n) => {\n analytics &&\n analytics.logEvent(eventName, {\n id: analyticsID,\n questionType\n });\n};\n\nconst Select = (props: Props) => {\n const templateContext = useTemplateContext();\n const {brandTheme, theme, analytics} = templateContext;\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n const {\n analyticsID,\n onBlur,\n onFocus,\n onChange,\n values,\n placeholder,\n value,\n style,\n textStyle,\n questionType,\n isFocused = false,\n isDisabled = false,\n testID = 'select'\n } = props;\n\n const handleFocus = useCallback(() => {\n if (!onFocus) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n onFocus();\n }, [analytics, analyticsID, onFocus, questionType]);\n\n const handleBlur = useCallback(() => {\n if (!onBlur) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n onBlur();\n }, [analytics, analyticsID, onBlur, questionType]);\n\n const handleChange = useCallback(\n _value => {\n onChange(_value);\n handleBlur();\n },\n [onChange, handleBlur]\n );\n\n if (!styleSheet) {\n return null;\n }\n\n const selectedItem = values.find(item => item.selected);\n const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n let textStyles: TextStyle = {\n ...styleSheet.text,\n ...(textStyle ? StyleSheet.flatten(textStyle) : {})\n };\n\n let color;\n if ((selectedItem?.value?.length || 0) > 0) {\n color = brandTheme?.colors?.primary;\n textStyles = {\n ...textStyles,\n color\n };\n }\n\n return (\n <>\n <Touchable\n disabled={isDisabled}\n onPress={handleFocus}\n analyticsID={analyticsID}\n testID={`${testID}-input`}\n >\n <View style={
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useCallback","View","StyleSheet","NovaCompositionNavigationArrowDown","ArrowDown","Modal","Touchable","ANALYTICS_EVENT_TYPE","Space","Text","ModalSelect","useTemplateContext","ICON_WIDTH","createStyleSheet","theme","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","flatten","length","primary","createElement","Fragment","disabled","onPress","type","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n text: string;\n selected: boolean;\n _id: string;\n value: string;\n};\n\nexport type Props = {\n analyticsID: string;\n questionType: QuestionType;\n isDisabled?: boolean;\n isFocused?: boolean;\n values: Array<ChoiceItem>;\n value?: string;\n placeholder?: string;\n onChange: OnChangeFunction;\n onFocus: () => void;\n onBlur: () => void;\n style?: ViewStyle[];\n textStyle?: ViewStyle[];\n testID?: string;\n};\n\ntype StyleSheetType = {\n container: ViewStyle;\n text: TextStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n text: {\n flex: 1,\n color: theme.colors.gray.medium,\n textAlign: 'center'\n }\n });\n\nconst logEvent = (\n eventName: string,\n analyticsID: string,\n analytics: Analytics,\n questionType: QuestionType\n) => {\n analytics &&\n analytics.logEvent(eventName, {\n id: analyticsID,\n questionType\n });\n};\n\nconst Select = (props: Props) => {\n const templateContext = useTemplateContext();\n const {brandTheme, theme, analytics} = templateContext;\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n const {\n analyticsID,\n onBlur,\n onFocus,\n onChange,\n values,\n placeholder,\n value,\n style,\n textStyle,\n questionType,\n isFocused = false,\n isDisabled = false,\n testID = 'select'\n } = props;\n\n const handleFocus = useCallback(() => {\n if (!onFocus) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n onFocus();\n }, [analytics, analyticsID, onFocus, questionType]);\n\n const handleBlur = useCallback(() => {\n if (!onBlur) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n onBlur();\n }, [analytics, analyticsID, onBlur, questionType]);\n\n const handleChange = useCallback(\n _value => {\n onChange(_value);\n handleBlur();\n },\n [onChange, handleBlur]\n );\n\n if (!styleSheet) {\n return null;\n }\n\n const selectedItem = values.find(item => item.selected);\n const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n let textStyles: TextStyle = {\n ...styleSheet.text,\n ...(textStyle ? StyleSheet.flatten(textStyle) : {})\n };\n\n let color;\n if ((selectedItem?.value?.length || 0) > 0) {\n color = brandTheme?.colors?.primary;\n textStyles = {\n ...textStyles,\n color\n };\n }\n\n return (\n <>\n <Touchable\n disabled={isDisabled}\n onPress={handleFocus}\n analyticsID={analyticsID}\n testID={`${testID}-input`}\n style={style}\n >\n <View style={styleSheet.container}>\n <Text style={textStyles}>{text}</Text>\n <Space type=\"tiny\" />\n <ArrowDown\n color={color || theme.colors.gray.dark}\n height={ICON_WIDTH}\n width={ICON_WIDTH}\n />\n </View>\n </Touchable>\n <Modal\n isVisible={isFocused}\n onSwipeComplete={handleBlur}\n onBackdropPress={handleBlur}\n testID={testID}\n >\n <ModalSelect\n value={value}\n values={values}\n onChange={handleChange}\n onClose={handleBlur}\n testID={`${testID}-modal`}\n />\n </Modal>\n </>\n );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/select-modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAmB,SAAS,EAAY,MAAM,cAAc,CAAC;AAIpE,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAMjE,OAAoB,EAAC,gBAAgB,EAAC,MAAM,qCAAqC,CAAC;AAGlF,oBAAY,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmCF,QAAA,MAAM,MAAM,UAAW,KAAK,sBAwG3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -95,9 +95,10 @@ const Select = props => {
|
|
|
95
95
|
disabled: isDisabled,
|
|
96
96
|
onPress: handleFocus,
|
|
97
97
|
analyticsID: analyticsID,
|
|
98
|
-
testID: `${testID}-input
|
|
98
|
+
testID: `${testID}-input`,
|
|
99
|
+
style: style
|
|
99
100
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
100
|
-
style:
|
|
101
|
+
style: styleSheet.container
|
|
101
102
|
}, /*#__PURE__*/_react.default.createElement(_index3.default, {
|
|
102
103
|
style: textStyles
|
|
103
104
|
}, text), /*#__PURE__*/_react.default.createElement(_index2.default, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeModal","_interopRequireDefault","_index","_analytics","_index2","_index3","_index4","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","flatten","length","primary","createElement","Fragment","disabled","onPress","View","type","NovaCompositionNavigationArrowDown","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose","_default","exports"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n text: string;\n selected: boolean;\n _id: string;\n value: string;\n};\n\nexport type Props = {\n analyticsID: string;\n questionType: QuestionType;\n isDisabled?: boolean;\n isFocused?: boolean;\n values: Array<ChoiceItem>;\n value?: string;\n placeholder?: string;\n onChange: OnChangeFunction;\n onFocus: () => void;\n onBlur: () => void;\n style?: ViewStyle[];\n textStyle?: ViewStyle[];\n testID?: string;\n};\n\ntype StyleSheetType = {\n container: ViewStyle;\n text: TextStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n text: {\n flex: 1,\n color: theme.colors.gray.medium,\n textAlign: 'center'\n }\n });\n\nconst logEvent = (\n eventName: string,\n analyticsID: string,\n analytics: Analytics,\n questionType: QuestionType\n) => {\n analytics &&\n analytics.logEvent(eventName, {\n id: analyticsID,\n questionType\n });\n};\n\nconst Select = (props: Props) => {\n const templateContext = useTemplateContext();\n const {brandTheme, theme, analytics} = templateContext;\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n const {\n analyticsID,\n onBlur,\n onFocus,\n onChange,\n values,\n placeholder,\n value,\n style,\n textStyle,\n questionType,\n isFocused = false,\n isDisabled = false,\n testID = 'select'\n } = props;\n\n const handleFocus = useCallback(() => {\n if (!onFocus) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n onFocus();\n }, [analytics, analyticsID, onFocus, questionType]);\n\n const handleBlur = useCallback(() => {\n if (!onBlur) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n onBlur();\n }, [analytics, analyticsID, onBlur, questionType]);\n\n const handleChange = useCallback(\n _value => {\n onChange(_value);\n handleBlur();\n },\n [onChange, handleBlur]\n );\n\n if (!styleSheet) {\n return null;\n }\n\n const selectedItem = values.find(item => item.selected);\n const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n let textStyles: TextStyle = {\n ...styleSheet.text,\n ...(textStyle ? StyleSheet.flatten(textStyle) : {})\n };\n\n let color;\n if ((selectedItem?.value?.length || 0) > 0) {\n color = brandTheme?.colors?.primary;\n textStyles = {\n ...textStyles,\n color\n };\n }\n\n return (\n <>\n <Touchable\n disabled={isDisabled}\n onPress={handleFocus}\n analyticsID={analyticsID}\n testID={`${testID}-input`}\n >\n <View style={[styleSheet.container, style]}>\n <Text style={textStyles}>{text}</Text>\n <Space type=\"tiny\" />\n <ArrowDown\n color={color || theme.colors.gray.dark}\n height={ICON_WIDTH}\n width={ICON_WIDTH}\n />\n </View>\n </Touchable>\n <Modal\n isVisible={isFocused}\n onSwipeComplete={handleBlur}\n onBackdropPress={handleBlur}\n testID={testID}\n >\n <ModalSelect\n value={value}\n values={values}\n onChange={handleChange}\n onClose={handleBlur}\n testID={`${testID}-modal`}\n />\n </Modal>\n </>\n );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_novaIcons","_reactNativeModal","_interopRequireDefault","_index","_analytics","_index2","_index3","_index4","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ICON_WIDTH","createStyleSheet","theme","StyleSheet","create","container","alignItems","flexDirection","text","flex","color","colors","gray","medium","textAlign","logEvent","eventName","analyticsID","analytics","questionType","id","Select","props","templateContext","useTemplateContext","brandTheme","styleSheet","setStylesheet","useState","useEffect","_stylesheet","onBlur","onFocus","onChange","values","placeholder","value","style","textStyle","isFocused","isDisabled","testID","handleFocus","useCallback","ANALYTICS_EVENT_TYPE","OPEN_SELECT","handleBlur","CLOSE_SELECT","handleChange","_value","selectedItem","find","item","selected","textStyles","flatten","length","primary","createElement","Fragment","disabled","onPress","View","type","NovaCompositionNavigationArrowDown","dark","height","width","isVisible","onSwipeComplete","onBackdropPress","onClose","_default","exports"],"sources":["../../../src/atom/select-modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useCallback} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionNavigationArrowDown as ArrowDown} from '@coorpacademy/nova-icons';\nimport Modal from 'react-native-modal';\nimport Touchable from '../../hoc/touchable/index.native';\nimport type {QuestionType} from '../../molecule/questions/types';\nimport {Theme} from '../../variables/theme.native';\n\nimport {ANALYTICS_EVENT_TYPE, Analytics} from '../../variables/analytics';\nimport Space from '../space/index.native';\nimport Text from '../text/index.native';\nimport ModalSelect, {OnChangeFunction} from '../../hoc/modal/select/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\n\nexport type ChoiceItem = {\n text: string;\n selected: boolean;\n _id: string;\n value: string;\n};\n\nexport type Props = {\n analyticsID: string;\n questionType: QuestionType;\n isDisabled?: boolean;\n isFocused?: boolean;\n values: Array<ChoiceItem>;\n value?: string;\n placeholder?: string;\n onChange: OnChangeFunction;\n onFocus: () => void;\n onBlur: () => void;\n style?: ViewStyle[];\n textStyle?: ViewStyle[];\n testID?: string;\n};\n\ntype StyleSheetType = {\n container: ViewStyle;\n text: TextStyle;\n};\n\nconst ICON_WIDTH = 15;\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n text: {\n flex: 1,\n color: theme.colors.gray.medium,\n textAlign: 'center'\n }\n });\n\nconst logEvent = (\n eventName: string,\n analyticsID: string,\n analytics: Analytics,\n questionType: QuestionType\n) => {\n analytics &&\n analytics.logEvent(eventName, {\n id: analyticsID,\n questionType\n });\n};\n\nconst Select = (props: Props) => {\n const templateContext = useTemplateContext();\n const {brandTheme, theme, analytics} = templateContext;\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n const {\n analyticsID,\n onBlur,\n onFocus,\n onChange,\n values,\n placeholder,\n value,\n style,\n textStyle,\n questionType,\n isFocused = false,\n isDisabled = false,\n testID = 'select'\n } = props;\n\n const handleFocus = useCallback(() => {\n if (!onFocus) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.OPEN_SELECT, analyticsID, analytics, questionType);\n onFocus();\n }, [analytics, analyticsID, onFocus, questionType]);\n\n const handleBlur = useCallback(() => {\n if (!onBlur) return;\n\n analytics && logEvent(ANALYTICS_EVENT_TYPE.CLOSE_SELECT, analyticsID, analytics, questionType);\n onBlur();\n }, [analytics, analyticsID, onBlur, questionType]);\n\n const handleChange = useCallback(\n _value => {\n onChange(_value);\n handleBlur();\n },\n [onChange, handleBlur]\n );\n\n if (!styleSheet) {\n return null;\n }\n\n const selectedItem = values.find(item => item.selected);\n const text = (selectedItem && selectedItem.text) || placeholder || null;\n\n let textStyles: TextStyle = {\n ...styleSheet.text,\n ...(textStyle ? StyleSheet.flatten(textStyle) : {})\n };\n\n let color;\n if ((selectedItem?.value?.length || 0) > 0) {\n color = brandTheme?.colors?.primary;\n textStyles = {\n ...textStyles,\n color\n };\n }\n\n return (\n <>\n <Touchable\n disabled={isDisabled}\n onPress={handleFocus}\n analyticsID={analyticsID}\n testID={`${testID}-input`}\n style={style}\n >\n <View style={styleSheet.container}>\n <Text style={textStyles}>{text}</Text>\n <Space type=\"tiny\" />\n <ArrowDown\n color={color || theme.colors.gray.dark}\n height={ICON_WIDTH}\n width={ICON_WIDTH}\n />\n </View>\n </Touchable>\n <Modal\n isVisible={isFocused}\n onSwipeComplete={handleBlur}\n onBackdropPress={handleBlur}\n testID={testID}\n >\n <ModalSelect\n value={value}\n values={values}\n onChange={handleChange}\n onClose={handleBlur}\n testID={`${testID}-modal`}\n />\n </Modal>\n </>\n );\n};\n\nexport default Select;\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.40.17-react18.
|
|
3
|
+
"version": "11.40.17-react18.17+6d47b2a4c",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -170,5 +170,5 @@
|
|
|
170
170
|
"last 2 versions",
|
|
171
171
|
"IE 11"
|
|
172
172
|
],
|
|
173
|
-
"gitHead": "
|
|
173
|
+
"gitHead": "6d47b2a4c9e2126ef9e253531d8a4e7299ba43a4"
|
|
174
174
|
}
|