@djb25/digit-ui-module-vendor 1.0.16 → 1.0.18

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useCallback, useState, Fragment as Fragment$1 } from 'react';
+import React, { useEffect, useMemo, useCallback, useState, Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useParams, useLocation, Switch, Link, useHistory, useRouteMatch, Route, Redirect } from 'react-router-dom';
 import { Header, SearchForm, SearchField, Dropdown as Dropdown$2, MobileNumber, CardLabelError, DatePicker as DatePicker$3, SubmitBar, Card, Table, Loader, Toast, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, HomeIcon, PropertyHouse, EmployeeModuleCard, VerticalTimeline, FormComposer, FormStep, CardLabel, Tooltip, TextInput, LabelFieldPair, UploadFile, CardSubHeader, CardText, RadioOrSelect, ShippingTruck, CheckBox, RadioButtons, CloseSvg, Localities, RemoveableTag, ActionBar, ApplyFilterBar, AddIcon, Menu, Label, LinkLabel, ToggleSwitch, CardSectionHeader, Row, EditIcon, DeleteIcon, Modal, InfoIcon, CardHeader, StatusTable, LinkButton, Banner } from '@djb25/digit-ui-react-components';
@@ -404,18 +404,18 @@ const EmployeeApp = ({
     })))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/registry/additionaldetails`,
-    component: renderWithLayout(props => /*#__PURE__*/React.createElement(LayoutWrapper, {
+    component: props => /*#__PURE__*/React.createElement(LayoutWrapper, {
       layoutClass: "normal"
     }, /*#__PURE__*/React.createElement(VendorCreate, Object.assign({}, props, {
       parentRoute: path
-    }))), layouts.action)
+    })))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/registry/driver-details/:id`,
-    component: renderWithLayout(props => /*#__PURE__*/React.createElement(LayoutWrapper, {
+    component: props => /*#__PURE__*/React.createElement(LayoutWrapper, {
       layoutClass: "action"
     }, /*#__PURE__*/React.createElement(DriverDetails, Object.assign({}, props, {
       parentRoute: path
-    }))).layouts.action)
+    })))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/common-search/:id`,
     component: props => /*#__PURE__*/React.createElement(LayoutWrapper, {
@@ -446,13 +446,6 @@ const EmployeeApp = ({
     })))
   })))));
 };
-const renderWithLayout = (Component, layoutClass) => routeProps => /*#__PURE__*/React.createElement("div", {
-  className: layoutClass
-}, /*#__PURE__*/React.createElement(Component, routeProps));
-const layouts = {
-  normal: "employee-form",
-  action: "employee-form employee-form-content-with-action-bar"
-};
 
 const VENDORCard = () => {
   const {
@@ -8149,16 +8142,14 @@ const SearchApplication = ({
     key: index,
     className: index === 0 ? "complaint-input" : "mobile-input"
   }, /*#__PURE__*/React.createElement(Label, null, input.label), getFields(input), " ")), /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      alignItems: "end",
-      gap: "16px"
-    }
-  }, type === "desktop" && !mobileView && /*#__PURE__*/React.createElement(SubmitBar, {
+    className: "finance-mainlayout-col1"
+  }, /*#__PURE__*/React.createElement(Label, null, "\xA0"), type === "desktop" && !mobileView && /*#__PURE__*/React.createElement(SubmitBar, {
     className: "submit-bar-search",
     label: t("ES_COMMON_SEARCH"),
     submit: true
-  }), type === "desktop" && !mobileView && /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "finance-mainlayout-col1"
+  }, /*#__PURE__*/React.createElement(Label, null, "\xA0"), type === "desktop" && !mobileView && /*#__PURE__*/React.createElement("span", {
     className: "clear-search generic-button"
   }, clearAll()))), error ? /*#__PURE__*/React.createElement(CardLabelError, {
     className: "search-error-label"
@@ -9946,9 +9937,7 @@ const EditVendorDetails = props => {
         marginBottom: "16px",
         marginTop: "32px"
       }
-    }, t(detail.title)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "formcomposer-section-grid"
-    }, detail === null || detail === void 0 ? void 0 : (_detail$values = detail.values) === null || _detail$values === void 0 ? void 0 : _detail$values.map((value, index) => {
+    }, t(detail.title)), /*#__PURE__*/React.createElement("div", null, detail === null || detail === void 0 ? void 0 : (_detail$values = detail.values) === null || _detail$values === void 0 ? void 0 : _detail$values.map((value, index) => {
       var _detail$values2;
       if (value.title === "ES_FSM_REGISTRY_DETAILS_ADDITIONAL_DETAILS") {
         var _vendorAdditionalData, _vendorAdditionalData2;
@@ -10058,7 +10047,7 @@ const EditVendorDetails = props => {
         marginLeft: "16px"
       },
       onClick: () => onActionSelect(detail.type === "ES_FSM_REGISTRY_DETAILS_TYPE_DRIVER" ? "ADD_DRIVER" : "ADD_VEHICLE")
-    }, t(`${detail.type}_ADD`)))));
+    }, t(`${detail.type}_ADD`))));
   })), showModal && /*#__PURE__*/React.createElement(Modal, {
     headerBarMain: /*#__PURE__*/React.createElement(Heading, {
       label: t(selectedAction === "DELETE" ? "ES_FSM_REGISTRY_DELETE_POPUP_HEADER" : selectedAction === "ADD_VEHICLE" ? "ES_FSM_REGISTRY_ADD_VEHICLE_POPUP_HEADER" : "ES_FSM_REGISTRY_ADD_DRIVER_POPUP_HEADER")
@@ -11213,7 +11202,7 @@ const DriverDetails = props => {
       });
     }
     if (selectedAction === "ADD_VENDOR") {
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -11223,7 +11212,7 @@ const DriverDetails = props => {
       }));
     }
     if (selectedAction === "EDIT_VENDOR") {
-      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -11613,7 +11602,7 @@ const VehicleDetails = props => {
       });
     }
     if (selectedAction === "ADD_VENDOR") {
-      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -11623,7 +11612,7 @@ const VehicleDetails = props => {
       }));
     }
     if (selectedAction === "EDIT_VENDOR") {
-      return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
+      return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(CardText, null, t(`ES_FSM_REGISTRY_SELECT_VENODOR`)), /*#__PURE__*/React.createElement(Dropdown$2, {
         t: t,
         option: vendors,
         value: selectedOption,
@@ -11665,7 +11654,7 @@ const VehicleDetails = props => {
       }
     }, t(detail.title)), /*#__PURE__*/React.createElement(StatusTable, null, detail === null || detail === void 0 ? void 0 : (_detail$values = detail.values) === null || _detail$values === void 0 ? void 0 : _detail$values.map((value, index) => {
       var _detail$values2, _detail$values3;
-      return (value === null || value === void 0 ? void 0 : value.type) === "custom" ? /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", {
+      return (value === null || value === void 0 ? void 0 : value.type) === "custom" ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: `${index === (detail === null || detail === void 0 ? void 0 : (_detail$values2 = detail.values) === null || _detail$values2 === void 0 ? void 0 : _detail$values2.length) - 1 ? "row last" : "row"} border-none`
       }, /*#__PURE__*/React.createElement("h2", null, t(value.title)), /*#__PURE__*/React.createElement("div", {
         className: "value",