@coorpacademy/components 11.40.18-react18.3 → 11.40.18-react18.7
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/molecule/questions/mobile/draggable/index.native.js +1 -1
- package/es/molecule/questions/mobile/draggable/index.native.js.map +1 -1
- package/lib/molecule/questions/mobile/draggable/index.native.js +1 -1
- package/lib/molecule/questions/mobile/draggable/index.native.js.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","QuestionChoice","useTemplateContext","createSelectionStyle","theme","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","onPress","styleSheet","setStylesheet","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n choices: Array<SelectableChoice>;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n choice: ViewStyle;\n selectionArea: ViewStyle;\n text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n StyleSheet.create({\n choice: {\n margin: theme.spacing.micro\n },\n selectionArea: {\n flexWrap: 'wrap',\n flexDirection: 'row'\n },\n text: {\n color: theme.colors.gray.medium\n }\n });\n\nconst Selection = (props: DropZoneProps) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n const {onPress} = props;\n\n const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n useEffect(() => {\n const _stylesheet = createSelectionStyle(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices} = props;\n const mappedSortedChoices = choices.map(item => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n isSelected\n testID={`choice-${item._id}`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n choices: Array<SelectableChoice>;\n testID?: string;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n container: ViewStyle;\n pickableChoices: ViewStyle;\n choice: ViewStyle;\n line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n StyleSheet.create({\n container: {\n flex: 1\n },\n pickableChoices: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n choice: {\n margin: theme.spacing.micro\n },\n line: {\n borderWidth: 1,\n borderColor: '#E1E1E3',\n borderRadius: 17,\n marginHorizontal: 4,\n marginBottom: 24,\n marginTop: 16,\n height: 2\n }\n });\n\nconst QuestionDraggable = (props: Props) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n\n const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices, onPress, testID} = props;\n const selectedChoices = choices.filter(item => item.selected);\n\n const pickableChoices = choices\n .filter(item => !item.selected)\n .map((item: SelectableChoice) => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n testID={`choice-${item._id}-unselected`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return (\n <View testID={testID} style={styleSheet.container}>\n <Selection choices={selectedChoices} onPress={onPress} />\n <View style={styleSheet.line} />\n <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n </View>\n );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,IAAI,EAAEC,UAAU,QAA6B,cAAc;AACnE,OAAOC,cAAc,MAAM,sCAAsC;AACjE,SAAQC,kBAAkB,QAAO,kDAAkD;AAgBnF,MAAMC,oBAAoB,GAAIC,KAAY,IACxCJ,UAAU,CAACK,MAAM,CAAC;EAChBC,MAAM,EAAE;IACNC,MAAM,EAAEH,KAAK,CAACI,OAAO,CAACC;EACxB,CAAC;EACDC,aAAa,EAAE;IACbC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE;EACjB,CAAC;EACDC,IAAI,EAAE;IACJC,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACC,IAAI,CAACC;EAC3B;AACF,CAAC,CAAC;AAEJ,MAAMC,SAAS,GAAIC,KAAoB,IAAK;EAC1C,MAAMC,eAAe,GAAGlB,kBAAkB,CAAC,CAAC;EAC5C,MAAM;IAACE;EAAK,CAAC,GAAGgB,eAAe;EAC/B,MAAM;IAACC;EAAO,CAAC,GAAGF,KAAK;EAEvB,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAGzB,QAAQ,CAA4B,IAAI,CAAC;EAE7ED,SAAS,CAAC,MAAM;IACd,MAAM2B,WAAW,GAAGrB,oBAAoB,CAACC,KAAK,CAAC;IAC/CmB,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACpB,KAAK,CAAC,CAAC;EAEX,IAAI,CAACkB,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAM;IAACG;EAAO,CAAC,GAAGN,KAAK;EACvB,MAAMO,mBAAmB,GAAGD,OAAO,CAACE,GAAG,CAACC,IAAI,iBAC1ChC,KAAA,CAAAiC,aAAA,CAAC5B,cAAc;IACb6B,KAAK,EAAER,UAAU,CAAChB,MAAO;IACzByB,GAAG,EAAEH,IAAI,CAACI,GAAI;IACdC,QAAQ;IACRC,UAAU;IACVC,MAAM,EAAE,UAAUP,IAAI,CAACI,GAAG,
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","QuestionChoice","useTemplateContext","createSelectionStyle","theme","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","onPress","styleSheet","setStylesheet","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n choices: Array<SelectableChoice>;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n choice: ViewStyle;\n selectionArea: ViewStyle;\n text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n StyleSheet.create({\n choice: {\n margin: theme.spacing.micro\n },\n selectionArea: {\n flexWrap: 'wrap',\n flexDirection: 'row'\n },\n text: {\n color: theme.colors.gray.medium\n }\n });\n\nconst Selection = (props: DropZoneProps) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n const {onPress} = props;\n\n const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n useEffect(() => {\n const _stylesheet = createSelectionStyle(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices} = props;\n const mappedSortedChoices = choices.map(item => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n isSelected\n testID={`choice-${item._id}-selected`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n choices: Array<SelectableChoice>;\n testID?: string;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n container: ViewStyle;\n pickableChoices: ViewStyle;\n choice: ViewStyle;\n line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n StyleSheet.create({\n container: {\n flex: 1\n },\n pickableChoices: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n choice: {\n margin: theme.spacing.micro\n },\n line: {\n borderWidth: 1,\n borderColor: '#E1E1E3',\n borderRadius: 17,\n marginHorizontal: 4,\n marginBottom: 24,\n marginTop: 16,\n height: 2\n }\n });\n\nconst QuestionDraggable = (props: Props) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n\n const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices, onPress, testID} = props;\n const selectedChoices = choices.filter(item => item.selected);\n\n const pickableChoices = choices\n .filter(item => !item.selected)\n .map((item: SelectableChoice) => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n testID={`choice-${item._id}-unselected`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return (\n <View testID={testID} style={styleSheet.container}>\n <Selection choices={selectedChoices} onPress={onPress} />\n <View style={styleSheet.line} />\n <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n </View>\n );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createSelectionStyle","theme","StyleSheet","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","useTemplateContext","onPress","styleSheet","setStylesheet","useState","useEffect","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","View","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n choices: Array<SelectableChoice>;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n choice: ViewStyle;\n selectionArea: ViewStyle;\n text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n StyleSheet.create({\n choice: {\n margin: theme.spacing.micro\n },\n selectionArea: {\n flexWrap: 'wrap',\n flexDirection: 'row'\n },\n text: {\n color: theme.colors.gray.medium\n }\n });\n\nconst Selection = (props: DropZoneProps) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n const {onPress} = props;\n\n const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n useEffect(() => {\n const _stylesheet = createSelectionStyle(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices} = props;\n const mappedSortedChoices = choices.map(item => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n isSelected\n testID={`choice-${item._id}`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n choices: Array<SelectableChoice>;\n testID?: string;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n container: ViewStyle;\n pickableChoices: ViewStyle;\n choice: ViewStyle;\n line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n StyleSheet.create({\n container: {\n flex: 1\n },\n pickableChoices: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n choice: {\n margin: theme.spacing.micro\n },\n line: {\n borderWidth: 1,\n borderColor: '#E1E1E3',\n borderRadius: 17,\n marginHorizontal: 4,\n marginBottom: 24,\n marginTop: 16,\n height: 2\n }\n });\n\nconst QuestionDraggable = (props: Props) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n\n const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices, onPress, testID} = props;\n const selectedChoices = choices.filter(item => item.selected);\n\n const pickableChoices = choices\n .filter(item => !item.selected)\n .map((item: SelectableChoice) => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n testID={`choice-${item._id}-unselected`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return (\n <View testID={testID} style={styleSheet.container}>\n <Selection choices={selectedChoices} onPress={onPress} />\n <View style={styleSheet.line} />\n <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n </View>\n );\n};\n\nexport default QuestionDraggable;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createSelectionStyle","theme","StyleSheet","create","choice","margin","spacing","micro","selectionArea","flexWrap","flexDirection","text","color","colors","gray","medium","Selection","props","templateContext","useTemplateContext","onPress","styleSheet","setStylesheet","useState","useEffect","_stylesheet","choices","mappedSortedChoices","map","item","createElement","style","key","_id","squeezed","isSelected","testID","questionType","label","View","createStyleSheet","container","flex","pickableChoices","line","borderWidth","borderColor","borderRadius","marginHorizontal","marginBottom","marginTop","height","QuestionDraggable","selectedChoices","filter","selected","_default","exports"],"sources":["../../../../../src/molecule/questions/mobile/draggable/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport QuestionChoice from '../../../../atom/choice/index.native';\nimport {useTemplateContext} from '../../../../template/app-review/template-context';\nimport {Theme} from '../../../../variables/theme.native';\n\nimport type {SelectableChoice} from '../../types';\n\nexport interface DropZoneProps {\n choices: Array<SelectableChoice>;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype DropZoneStyleSheet = {\n choice: ViewStyle;\n selectionArea: ViewStyle;\n text: TextStyle;\n};\n\nconst createSelectionStyle = (theme: Theme): DropZoneStyleSheet =>\n StyleSheet.create({\n choice: {\n margin: theme.spacing.micro\n },\n selectionArea: {\n flexWrap: 'wrap',\n flexDirection: 'row'\n },\n text: {\n color: theme.colors.gray.medium\n }\n });\n\nconst Selection = (props: DropZoneProps) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n const {onPress} = props;\n\n const [styleSheet, setStylesheet] = useState<DropZoneStyleSheet | null>(null);\n\n useEffect(() => {\n const _stylesheet = createSelectionStyle(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices} = props;\n const mappedSortedChoices = choices.map(item => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n isSelected\n testID={`choice-${item._id}-selected`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return <View style={styleSheet.selectionArea}>{mappedSortedChoices}</View>;\n};\n\nexport interface Props {\n choices: Array<SelectableChoice>;\n testID?: string;\n onPress: (item: SelectableChoice) => () => void;\n}\n\ntype QuestionDraggableStyleSheet = {\n container: ViewStyle;\n pickableChoices: ViewStyle;\n choice: ViewStyle;\n line: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): QuestionDraggableStyleSheet =>\n StyleSheet.create({\n container: {\n flex: 1\n },\n pickableChoices: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n choice: {\n margin: theme.spacing.micro\n },\n line: {\n borderWidth: 1,\n borderColor: '#E1E1E3',\n borderRadius: 17,\n marginHorizontal: 4,\n marginBottom: 24,\n marginTop: 16,\n height: 2\n }\n });\n\nconst QuestionDraggable = (props: Props) => {\n const templateContext = useTemplateContext();\n const {theme} = templateContext;\n\n const [styleSheet, setStylesheet] = useState<QuestionDraggableStyleSheet | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const {choices, onPress, testID} = props;\n const selectedChoices = choices.filter(item => item.selected);\n\n const pickableChoices = choices\n .filter(item => !item.selected)\n .map((item: SelectableChoice) => (\n <QuestionChoice\n style={styleSheet.choice}\n key={item._id}\n squeezed\n testID={`choice-${item._id}-unselected`}\n onPress={onPress(item)}\n questionType=\"qcmDrag\"\n >\n {item.label}\n </QuestionChoice>\n ));\n\n return (\n <View testID={testID} style={styleSheet.container}>\n <Selection choices={selectedChoices} onPress={onPress} />\n <View style={styleSheet.line} />\n <View style={styleSheet.pickableChoices}>{pickableChoices}</View>\n </View>\n );\n};\n\nexport default QuestionDraggable;\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.18-react18.
|
|
3
|
+
"version": "11.40.18-react18.7+ac64e8e33",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"@fortawesome/free-solid-svg-icons": "^6.5.1",
|
|
66
66
|
"@fortawesome/react-fontawesome": "^0.2.0",
|
|
67
67
|
"@jwplayer/jwplayer-react": "^1.1.0",
|
|
68
|
-
"@jwplayer/jwplayer-react-native": "^1.
|
|
68
|
+
"@jwplayer/jwplayer-react-native": "^1.2.0",
|
|
69
69
|
"@react-native-community/slider": "^4.3.2",
|
|
70
70
|
"@types/react": "^18.0.0",
|
|
71
71
|
"@types/react-dom": "^18.0.0",
|
|
@@ -170,5 +170,5 @@
|
|
|
170
170
|
"last 2 versions",
|
|
171
171
|
"IE 11"
|
|
172
172
|
],
|
|
173
|
-
"gitHead": "
|
|
173
|
+
"gitHead": "ac64e8e3309dbbf71639d6083ff61807bb7db805"
|
|
174
174
|
}
|