@os1-platform/dispatch-mobile 1.0.8 → 2.0.0

package/lib/module/components/executiontasks/scan/sub_components/ERDropDown.js

@@ -0,0 +1,107 @@
+import React, { useEffect, useState } from 'react';
+import { Fonts } from '../../../../styles/executionTasks/CommonStyles';
+import { StyleSheet, Text, View } from 'react-native';
+import DropDownPicker from 'react-native-dropdown-picker';
+function getDropDownItems(erItem) {
+  if (!erItem || erItem.length === 0) return [];
+  let items = [];
+  erItem.forEach(it => {
+    items.push({
+      label: it.text,
+      value: it.code
+      // icon: () => (
+      //   <FIcon
+      //     size={10}
+      //     name={'circle'}
+      //     color={it.success ? '#10B981' : '#A5A4A4'}
+      //   />
+      // ),
+    });
+  });
+
+  return items;
+}
+function findERByCode(code, ercItems) {
+  if (!ercItems || ercItems.length === 0) return null;
+  for (let i = 0; i < ercItems.length; i++) {
+    if (ercItems[i].code === code) {
+      return ercItems[i];
+    }
+  }
+  return ercItems[0];
+}
+const ERDropDown = props => {
+  const [open, setOpen] = useState(false);
+  const [selectedReason, setSelectedReason] = useState('');
+  useEffect(() => {
+    var _props$selectedReason;
+    setSelectedReason(((_props$selectedReason = props.selectedReason) === null || _props$selectedReason === void 0 ? void 0 : _props$selectedReason.code) || '');
+  }, [props.selectedReason]);
+
+  // Close dropdown if it's open and the content is changed
+  useEffect(() => {
+    if (!props.items.length) setOpen(false);
+  }, [props.items]);
+  const zIndex = props.title.toLowerCase().includes('event') ? 10 : 5;
+  return /*#__PURE__*/React.createElement(View, {
+    style: props.style
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.headerText
+  }, props.title), /*#__PURE__*/React.createElement(DropDownPicker, {
+    style: styles.dropdownStyle,
+    dropDownContainerStyle: [styles.dropdownContainerStyle, {
+      zIndex
+    }],
+    placeholder: selectedReason ?? '',
+    open: open,
+    value: selectedReason ?? '',
+    items: getDropDownItems(props.items),
+    setOpen: () => {
+      if (props.onDropdownSelect) props.onDropdownSelect();
+      setOpen(!open);
+    },
+    setValue: setSelectedReason,
+    disabled: props.disabled || false,
+    disabledStyle: {
+      opacity: 0.1,
+      backgroundColor: '#ccc'
+    },
+    textStyle: styles.labelStyle,
+    labelStyle: styles.labelStyle,
+    onChangeValue: value => {
+      if (value) {
+        props.onItemChange(findERByCode(value, props.items));
+      } else {
+        props.onItemChange(null);
+      }
+    },
+    zIndex: zIndex
+  }));
+};
+export default /*#__PURE__*/React.memo(ERDropDown);
+const styles = StyleSheet.create({
+  headerText: {
+    fontSize: 14,
+    fontFamily: Fonts.IBMPlexSans_600SemiBold,
+    marginTop: 10,
+    marginBottom: 10
+  },
+  labelStyle: {
+    fontSize: 16,
+    fontFamily: Fonts.IBMPlexSans_400Regular,
+    color: '#525B7A'
+  },
+  dropdownStyle: {
+    borderColor: '#E0E3EB',
+    borderRadius: 6
+    // height: 50,
+  },
+
+  dropdownContainerStyle: {
+    backgroundColor: '#ffffff',
+    borderColor: '#E0E3EB',
+    borderRadius: 6
+    // zIndex: 5,
+  }
+});
+//# sourceMappingURL=ERDropDown.js.map

package/lib/module/components/executiontasks/scan/sub_components/ERDropDown.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Fonts","StyleSheet","Text","View","DropDownPicker","getDropDownItems","erItem","length","items","forEach","it","push","label","text","value","code","findERByCode","ercItems","i","ERDropDown","props","open","setOpen","selectedReason","setSelectedReason","_props$selectedReason","zIndex","title","toLowerCase","includes","createElement","style","styles","headerText","dropdownStyle","dropDownContainerStyle","dropdownContainerStyle","placeholder","onDropdownSelect","setValue","disabled","disabledStyle","opacity","backgroundColor","textStyle","labelStyle","onChangeValue","onItemChange","memo","create","fontSize","fontFamily","IBMPlexSans_600SemiBold","marginTop","marginBottom","IBMPlexSans_400Regular","color","borderColor","borderRadius"],"sources":["ERDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Fonts } from '../../../../styles/executionTasks/CommonStyles';\nimport { StyleSheet, Text, View } from 'react-native';\nimport DropDownPicker from 'react-native-dropdown-picker';\nimport FIcon from 'react-native-vector-icons/FontAwesome';\n\nfunction getDropDownItems(erItem: ercItem[]) {\n  if (!erItem || erItem.length === 0) return [];\n  let items: {\n    label: string;\n    value: string;\n    // icon: () => JSX.Element;\n  }[] = [];\n\n  erItem.forEach((it) => {\n    items.push({\n      label: it.text,\n      value: it.code,\n      // icon: () => (\n      //   <FIcon\n      //     size={10}\n      //     name={'circle'}\n      //     color={it.success ? '#10B981' : '#A5A4A4'}\n      //   />\n      // ),\n    });\n  });\n  return items;\n}\n\nfunction findERByCode(code: string, ercItems: ercItem[]): ercItem | null {\n  if (!ercItems || ercItems.length === 0) return null;\n  for (let i = 0; i < ercItems.length; i++) {\n    if (ercItems[i].code === code) {\n      return ercItems[i];\n    }\n  }\n  return ercItems[0];\n}\n\nconst ERDropDown = (props: DropDownPickerProps) => {\n  const [open, setOpen] = useState(false);\n  const [selectedReason, setSelectedReason] = useState('');\n\n  useEffect(() => {\n    setSelectedReason(props.selectedReason?.code || '');\n  }, [props.selectedReason]);\n\n  // Close dropdown if it's open and the content is changed\n  useEffect(() => {\n    if (!props.items.length) setOpen(false);\n  }, [props.items]);\n\n  const zIndex = props.title.toLowerCase().includes('event') ? 10 : 5;\n\n  return (\n    <View style={props.style}>\n      <Text style={styles.headerText}>{props.title}</Text>\n      <DropDownPicker\n        style={styles.dropdownStyle}\n        dropDownContainerStyle={[styles.dropdownContainerStyle, { zIndex }]}\n        placeholder={selectedReason ?? ''}\n        open={open}\n        value={selectedReason ?? ''}\n        items={getDropDownItems(props.items)}\n        setOpen={() => {\n          if (props.onDropdownSelect) props.onDropdownSelect();\n          setOpen(!open);\n        }}\n        setValue={setSelectedReason}\n        disabled={props.disabled || false}\n        disabledStyle={{ opacity: 0.1, backgroundColor: '#ccc' }}\n        textStyle={styles.labelStyle}\n        labelStyle={styles.labelStyle}\n        onChangeValue={(value) => {\n          if (value) {\n            props.onItemChange(findERByCode(value, props.items));\n          } else {\n            props.onItemChange(null);\n          }\n        }}\n        zIndex={zIndex}\n      />\n    </View>\n  );\n};\nexport default React.memo(ERDropDown);\n\nexport interface DropDownPickerProps {\n  title: string;\n  style: object;\n  items: ercItem[];\n  selectedReason?: ercItem;\n  disabled?: boolean;\n  onItemChange: (selectedReason: ercItem | null) => void;\n  onDropdownSelect?: () => void;\n}\n\nexport interface ercItem {\n  text: string;\n  code: string;\n  success: boolean;\n}\n\nconst styles = StyleSheet.create({\n  headerText: {\n    fontSize: 14,\n    fontFamily: Fonts.IBMPlexSans_600SemiBold,\n    marginTop: 10,\n    marginBottom: 10,\n  },\n  labelStyle: {\n    fontSize: 16,\n    fontFamily: Fonts.IBMPlexSans_400Regular,\n    color: '#525B7A',\n  },\n  dropdownStyle: {\n    borderColor: '#E0E3EB',\n    borderRadius: 6,\n    // height: 50,\n  },\n  dropdownContainerStyle: {\n    backgroundColor: '#ffffff',\n    borderColor: '#E0E3EB',\n    borderRadius: 6,\n    // zIndex: 5,\n  },\n});\n"],"mappings":"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"}