@os1-platform/dispatch-mobile 1.0.8 → 2.0.0

package/lib/commonjs/components/executiontasks/{scanner/returns/ReasonDropDown.js → scan/sub_components/ERDropDown.js}

@@ -4,97 +4,114 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _CommonStyles = require("../../../../styles/executionTasks/CommonStyles");
-
 var _reactNative = require("react-native");
-
 var _reactNativeDropdownPicker = _interopRequireDefault(require("react-native-dropdown-picker"));
-
-var _FontAwesome = _interopRequireDefault(require("react-native-vector-icons/FontAwesome"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function getDropDownItems(reasonItem) {
-  if (!reasonItem || reasonItem.length === 0) return [];
+function getDropDownItems(erItem) {
+  if (!erItem || erItem.length === 0) return [];
   let items = [];
-  reasonItem.forEach(it => {
+  erItem.forEach(it => {
     items.push({
-      label: it.reasonText,
-      value: it.reasonCode,
-      icon: () => /*#__PURE__*/_react.default.createElement(_FontAwesome.default, {
-        size: 10,
-        name: 'circle',
-        color: it.success ? '#10B981' : '#DC2626'
-      })
+      label: it.text,
+      value: it.code
+      // icon: () => (
+      //   <FIcon
+      //     size={10}
+      //     name={'circle'}
+      //     color={it.success ? '#10B981' : '#A5A4A4'}
+      //   />
+      // ),
     });
   });
+
   return items;
 }
-
-function findReasonByCode(code, reasonItems) {
-  if (!reasonItems || reasonItems.length === 0) return null;
-
-  for (let i = 0; i < reasonItems.length; i++) {
-    if (reasonItems[i].reasonCode === code) {
-      return reasonItems[i];
+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 null;
+  return ercItems[0];
 }
-
-const ReasonDropDown = props => {
-  var _props$selectedReason;
-
+const ERDropDown = props => {
   const [open, setOpen] = (0, _react.useState)(false);
-  const [selectedReason, setSelectedReason] = (0, _react.useState)(((_props$selectedReason = props.selectedReason) === null || _props$selectedReason === void 0 ? void 0 : _props$selectedReason.reasonText) ?? null);
+  const [selectedReason, setSelectedReason] = (0, _react.useState)('');
+  (0, _react.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
+  (0, _react.useEffect)(() => {
+    if (!props.items.length) setOpen(false);
+  }, [props.items]);
+  const zIndex = props.title.toLowerCase().includes('event') ? 10 : 5;
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: props.style
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: styles.headerText
-  }, 'Choose reason code'), /*#__PURE__*/_react.default.createElement(_reactNativeDropdownPicker.default, {
-    dropDownContainerStyle: {
-      backgroundColor: '#ffffff'
-    },
+  }, props.title), /*#__PURE__*/_react.default.createElement(_reactNativeDropdownPicker.default, {
+    style: styles.dropdownStyle,
+    dropDownContainerStyle: [styles.dropdownContainerStyle, {
+      zIndex
+    }],
     placeholder: selectedReason ?? '',
     open: open,
-    value: selectedReason,
+    value: selectedReason ?? '',
     items: getDropDownItems(props.items),
-    setOpen: setOpen,
-    setValue: setSelectedReason,
-    textStyle: {
-      fontSize: 16,
-      fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular
+    setOpen: () => {
+      if (props.onDropdownSelect) props.onDropdownSelect();
+      setOpen(!open);
     },
-    labelStyle: {
-      fontSize: 16,
-      fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular
+    setValue: setSelectedReason,
+    disabled: props.disabled || false,
+    disabledStyle: {
+      opacity: 0.1,
+      backgroundColor: '#ccc'
     },
+    textStyle: styles.labelStyle,
+    labelStyle: styles.labelStyle,
     onChangeValue: value => {
       if (value) {
-        props.onItemChange(findReasonByCode(value, props.items));
+        props.onItemChange(findERByCode(value, props.items));
+      } else {
+        props.onItemChange(null);
       }
-    }
+    },
+    zIndex: zIndex
   }));
 };
-
-var _default = /*#__PURE__*/_react.default.memo(ReasonDropDown);
-
+var _default = /*#__PURE__*/_react.default.memo(ERDropDown);
 exports.default = _default;
-
 const styles = _reactNative.StyleSheet.create({
   headerText: {
-    fontSize: 16,
+    fontSize: 14,
     fontFamily: _CommonStyles.Fonts.IBMPlexSans_600SemiBold,
     marginTop: 10,
     marginBottom: 10
+  },
+  labelStyle: {
+    fontSize: 16,
+    fontFamily: _CommonStyles.Fonts.IBMPlexSans_400Regular,
+    color: '#525B7A'
+  },
+  dropdownStyle: {
+    borderColor: '#E0E3EB',
+    borderRadius: 6
+    // height: 50,
+  },
+
+  dropdownContainerStyle: {
+    backgroundColor: '#ffffff',
+    borderColor: '#E0E3EB',
+    borderRadius: 6
+    // zIndex: 5,
   }
 });
-//# sourceMappingURL=ReasonDropDown.js.map
+//# sourceMappingURL=ERDropDown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_CommonStyles","_reactNative","_reactNativeDropdownPicker","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","getDropDownItems","erItem","length","items","forEach","it","push","label","text","value","code","findERByCode","ercItems","i","ERDropDown","props","open","setOpen","useState","selectedReason","setSelectedReason","useEffect","_props$selectedReason","zIndex","title","toLowerCase","includes","createElement","View","style","Text","styles","headerText","dropdownStyle","dropDownContainerStyle","dropdownContainerStyle","placeholder","onDropdownSelect","setValue","disabled","disabledStyle","opacity","backgroundColor","textStyle","labelStyle","onChangeValue","onItemChange","_default","React","memo","exports","StyleSheet","create","fontSize","fontFamily","Fonts","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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"}