@openmrs/esm-stock-management-app 1.0.1-pre.453 → 1.0.1-pre.464

package/src/stock-items/add-stock-item/stock-item-details/stock-item-details.component.tsx

@@ -61,10 +61,18 @@ const StockItemDetails = forwardRef<never, StockItemDetailsProps>(
 
     const [isSaving, setIsSaving] = useState(false);
     const [isDrug, setIsDrug] = useState(false);
+    const [selectedItemType, setSelectedItemType] = useState("");
     const [hasExpiration, setHasExpiration] = useState(false);
 
     useEffect(() => {
       setIsDrug(model.isDrug ?? false);
+      setSelectedItemType(
+        model.isDrug === true
+          ? "Pharmaceuticals"
+          : model.isDrug === false
+          ? "Non Pharmaceuticals"
+          : undefined
+      );
       setHasExpiration(model.hasExpiration ?? false);
     }, [model.hasExpiration, model.isDrug]);
 
@@ -85,7 +93,12 @@ const StockItemDetails = forwardRef<never, StockItemDetailsProps>(
             invalid={!!errors.isDrug}
             invalidText={errors.isDrug && errors?.isDrug?.message}
             onChange={(selection: boolean) => {
+              const selectedOption = radioOptions.find(
+                (option) => option.value === selection
+              );
+              const selectedLabel = selectedOption ? selectedOption.label : "";
               setIsDrug(selection);
+              setSelectedItemType(selectedLabel);
             }}
             options={radioOptions} // Pass radioOptions directly
           />
@@ -201,6 +214,13 @@ const StockItemDetails = forwardRef<never, StockItemDetailsProps>(
           name="categoryUuid"
           controllerName="categoryUuid"
           control={control}
+          itemType={
+            selectedItemType === "Pharmaceuticals"
+              ? "Drugs"
+              : selectedItemType === "Non Pharmaceuticals"
+              ? "Non Drugs"
+              : undefined
+          }
           title={t("category:", "Category") + ":"}
           placeholder={t("chooseACategory", "Choose a category")}
           invalid={!!errors.categoryUuid}

package/src/stock-settings/stock-settings.component.tsx

@@ -1,9 +1,34 @@
 import React from "react";
+import { useTranslation } from "react-i18next";
+import styles from "./stock-settings.scss";
+import { navigate } from "@openmrs/esm-framework";
+import { Button } from "@carbon/react";
+import { UserSettings } from "@carbon/react/icons";
 
 function StockSettings() {
+  const { t } = useTranslation();
+
   return (
-    <div style={{ margin: "5px" }}>
-      <span>Coming Soon...</span>
+    <div className={styles.StockSettings}>
+      <div className={styles.title}>
+        {t(
+          "comingSoonUnderDev",
+          "Exciting updates are on the way! In the meantime, use the link below to access Admin UI settings."
+        )}
+      </div>
+
+      <Button
+        onClick={() =>
+          navigate({
+            to: `\${openmrsBase}/admin/maintenance/settings.list?show=Stockmanagement`,
+          })
+        }
+        size="md"
+        renderIcon={() => <UserSettings className="cds--btn__icon" size={24} />}
+        kind="ghost"
+      >
+        {t("adminSettings", "Admin settings")}
+      </Button>
     </div>
   );
 }

package/src/stock-settings/stock-settings.scss

@@ -0,0 +1,23 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+@use "../root.scss" as *;
+
+.StockSettings {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    justify-content: flex-end;
+    min-height: calc(layout.$layout-07 * 1.25);
+    border: 1px solid colors.$gray-20;
+    margin: layout.$spacing-03;
+    align-items: center;
+    background-color: colors.$white-0;
+
+    &>button {
+        margin-bottom: layout.$layout-03;
+    }
+}
+
+.title {
+    @extend .productiveHeading01;
+}

package/src/types/index.ts

@@ -0,0 +1,5 @@
+export interface DashboardConfig {
+  name: string;
+  slot: string;
+  title: string;
+}