@openmrs/esm-stock-management-app 3.0.1-pre.889 → 3.0.1-pre.893

package/src/stock-items/add-stock-item/packaging-units/{packaging-units-delete-modal.component.tsx → packaging-units-delete.modal.tsx}

@@ -1,18 +1,18 @@
 import React, { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Button, ModalHeader, ModalBody, ModalFooter, TextArea } from '@carbon/react';
-import { showSnackbar, getCoreTranslation } from '@openmrs/esm-framework';
+import { showSnackbar } from '@openmrs/esm-framework';
 import { type StockItemPackagingUOMDTO } from '../../../core/api/types/stockItem/StockItemPackagingUOM';
 import { deleteStockItemPackagingUnit } from '../../stock-items.resource';
 import { useStockItemPackageUnitsHook } from './packaging-units.resource';
 import styles from '../packaging-units/packaging-units.scss';
 
-interface DeletePackagingUnitProps {
+interface DeletePackagingUnitModalProps {
   row?: StockItemPackagingUOMDTO;
   closeModal: () => void;
 }
 
-const DeletePackagingUnit: React.FC<DeletePackagingUnitProps> = ({ row, closeModal }) => {
+const DeletePackagingUnitModal: React.FC<DeletePackagingUnitModalProps> = ({ row, closeModal }) => {
   const { t } = useTranslation();
   const { mutate, setStockItemUuid } = useStockItemPackageUnitsHook();
 
@@ -85,4 +85,4 @@ const DeletePackagingUnit: React.FC<DeletePackagingUnitProps> = ({ row, closeMod
   );
 };
 
-export default DeletePackagingUnit;
+export default DeletePackagingUnitModal;

package/src/stock-items/add-stock-item/packaging-units/packaging-units.component.tsx

@@ -21,8 +21,8 @@ import { handleMutate } from '../../../utils';
 import { type PackageUnitFormData, packageUnitSchema } from './validationSchema';
 import { type StockItemPackagingUOMDTO } from '../../../core/api/types/stockItem/StockItemPackagingUOM';
 import { useStockItemPackageUnitsHook } from './packaging-units.resource';
-import ControlledNumberInput from '../../../core/components/carbon/controlled-number-input/controlled-number-input.component';
-import DeleteModalButton from './packaging-units-delete-modal-button.component';
+import ControlledNumberInput from '../../../core/components/carbon/controlled-number-input.component';
+import DeletePackagingUnitActionButton from './delete-packaging-unit-action-button.component';
 import PackagingUnitsConceptSelector from '../packaging-units-concept-selector/packaging-units-concept-selector.component';
 import styles from './packaging-units.scss';
 
@@ -299,7 +299,7 @@ const PackagingUnitRow: React.FC<{
           />
         </TableCell>
         <TableCell>
-          <DeleteModalButton closeModal={() => true} row={row} />
+          <DeletePackagingUnitActionButton row={row} />
         </TableCell>
       </TableRow>
     </>

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

@@ -2,10 +2,9 @@ import React, { useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ResourceRepresentation } from '../../../core/api/api';
 import { formatDisplayDate } from '../../../core/utils/datetimeUtils';
-import { DataTableSkeleton, Tile } from '@carbon/react';
-import DataList from '../../../core/components/table/table.component';
-import styles from '../../stock-items-table.scss';
+import { DataTableSkeleton } from '@carbon/react';
 import { useStockItemQuantitiesHook } from './quantities.resource';
+import DataList from '../../../core/components/table/table.component';
 
 interface StockQuantitiesProps {
   onSubmit?: () => void;

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

@@ -13,9 +13,9 @@ import { launchAddOrEditStockItemWorkspace } from '../../stock-item.utils';
 import { stockItemDetailsSchema, type StockItemFormData } from '../../validationSchema';
 import { type StockItemDTO } from '../../../core/api/types/stockItem/StockItem';
 import ConceptsSelector from '../concepts-selector/concepts-selector.component';
-import ControlledNumberInput from '../../../core/components/carbon/controlled-number-input/controlled-number-input.component';
-import ControlledRadioButtonGroup from '../../../core/components/carbon/controlled-radio-button-group/controlled-radio-button-group.component';
-import ControlledTextInput from '../../../core/components/carbon/controlled-text-input/controlled-text-input.component';
+import ControlledNumberInput from '../../../core/components/carbon/controlled-number-input.component';
+import ControlledRadioButtonGroup from '../../../core/components/carbon/controlled-radio-button-group.component';
+import ControlledTextInput from '../../../core/components/carbon/controlled-text-input.component';
 import DispensingUnitSelector from '../dispensing-unit-selector/dispensing-unit-selector.component';
 import DrugSelector from '../drug-selector/drug-selector.component';
 import PreferredVendorSelector from '../preferred-vendor-selector/preferred-vendor-selector.component';

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

@@ -21,7 +21,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { type StockItemReferenceData } from './validation-schema';
 import { stockItemDetailsSchema } from '../../validationSchema';
 import { type StockItemReferenceDTO } from '../../../core/api/types/stockItem/StockItemReference';
-import ControlledTextInput from '../../../core/components/carbon/controlled-text-input/controlled-text-input.component';
+import ControlledTextInput from '../../../core/components/carbon/controlled-text-input.component';
 import { createStockItemReference, deleteStockItemReference } from '../../stock-items.resource';
 import { restBaseUrl, showSnackbar } from '@openmrs/esm-framework';
 import { extractErrorMessagesFromResponse } from '../../../constants';

package/src/stock-items/add-stock-item/stock-item-rules/{delete-stock-rule-modal.component.tsx → delete-stock-rule.modal.tsx}

@@ -4,13 +4,13 @@ import { Button, ModalHeader, ModalBody, ModalFooter } from '@carbon/react';
 import { getCoreTranslation } from '@openmrs/esm-framework';
 import styles from '../../../root.scss';
 
-interface DeleteConfirmationProps {
+interface DeleteStockRuleModalProps {
   uuid?: string;
   close: () => void;
   onConfirmation: () => void;
 }
 
-const DeleteConfirmation: React.FC<DeleteConfirmationProps> = ({ close, onConfirmation, uuid }) => {
+const DeleteStockRuleModal: React.FC<DeleteStockRuleModalProps> = ({ close, onConfirmation, uuid }) => {
   const { t } = useTranslation();
   const handleCancel = () => close();
   const handleDelete = () => onConfirmation?.();
@@ -41,4 +41,4 @@ const DeleteConfirmation: React.FC<DeleteConfirmationProps> = ({ close, onConfir
   );
 };
 
-export default DeleteConfirmation;
+export default DeleteStockRuleModal;

package/src/stock-items/add-stock-item/stock-item-units-edit/stock-item-units-edit.component.tsx

@@ -4,7 +4,7 @@ import { useStockItem } from '../../stock-items.resource';
 import DispensingPackageMeasurement from '../dispensing-package-measurement/dispensing-package-measurement.component';
 import { type Control, type FormState } from 'react-hook-form';
 import { type StockItemFormData } from '../../validationSchema';
-import ControlledNumberInput from '../../../core/components/carbon/controlled-number-input/controlled-number-input.component';
+import ControlledNumberInput from '../../../core/components/carbon/controlled-number-input.component';
 import { NumberInputSkeleton } from '@carbon/react';
 
 interface StockItemUnitsEditProps {

package/src/stock-operations/edit-stock-operation/edit-stock-operation-action-menu.component.tsx

@@ -1,4 +1,4 @@
-import { Button, InlineLoading } from '@carbon/react';
+import { IconButton, InlineLoading } from '@carbon/react';
 import { Edit } from '@carbon/react/icons';
 import { showSnackbar } from '@openmrs/esm-framework';
 import React, { useCallback, useEffect, useMemo } from 'react';
@@ -7,63 +7,75 @@ import { type StockOperationDTO } from '../../core/api/types/stockOperation/Stoc
 import { launchStockoperationAddOrEditWorkSpace } from '../stock-operation.utils';
 import useFilteredOperationTypesByRoles from '../stock-operations-forms/hooks/useFilteredOperationTypesByRoles';
 import { useStockOperationAndItems } from '../stock-operations.resource';
+import styles from './edit-stock-operation-button.scss';
 
 interface EditStockOperationActionMenuProps {
   stockOperation: StockOperationDTO;
   showIcon?: boolean;
   showprops?: boolean;
 }
-
 const EditStockOperationActionMenu: React.FC<EditStockOperationActionMenuProps> = ({
   stockOperation: _stockOperation,
   showIcon = true,
   showprops = true,
 }) => {
   const { t } = useTranslation();
-  const { error, isLoading, operationTypes } = useFilteredOperationTypesByRoles();
+
   const {
-    isLoading: isLoadingStockoperation,
-    items: stockOperation,
+    error: operationTypesError,
+    isLoading: isOperationTypesLoading,
+    operationTypes,
+  } = useFilteredOperationTypesByRoles();
+
+  const {
+    isLoading: isStockOperationLoading,
+    items: fetchedStockOperation,
     error: stockOperationError,
-  } = useStockOperationAndItems(_stockOperation.uuid);
+  } = useStockOperationAndItems(_stockOperation?.uuid);
+
   const activeOperationType = useMemo(
-    () => operationTypes?.find((op) => op?.uuid === stockOperation?.operationTypeUuid),
-    [operationTypes, stockOperation],
+    () => operationTypes?.find((op) => op?.uuid === fetchedStockOperation?.operationTypeUuid),
+    [operationTypes, fetchedStockOperation],
   );
 
-  const handleEdit = useCallback(() => {
+  const handleLaunchWorkspace = useCallback(() => {
     launchStockoperationAddOrEditWorkSpace(
       t,
       activeOperationType,
-      stockOperation,
-      stockOperation?.requisitionStockOperationUuid,
+      fetchedStockOperation,
+      fetchedStockOperation?.requisitionStockOperationUuid,
     );
-  }, [t, activeOperationType, stockOperation]);
+  }, [t, activeOperationType, fetchedStockOperation]);
 
   useEffect(() => {
-    if (error) {
+    if (operationTypesError || stockOperationError) {
       showSnackbar({
         kind: 'error',
-        title: t('stockOperationError', 'Error loading stock operation types'),
-        subtitle: error?.message ?? stockOperationError?.message,
+        title: t('stockOperationError', 'Error loading stock operation'),
+        subtitle: operationTypesError?.message || stockOperationError?.message || '',
       });
     }
-  }, [error, t, stockOperationError]);
+  }, [operationTypesError, stockOperationError, t]);
 
-  if (isLoading || isLoadingStockoperation) return <InlineLoading status="active" iconDescription="Loading" />;
+  if (isOperationTypesLoading || isStockOperationLoading) {
+    return <InlineLoading status="active" iconDescription="Loading" />;
+  }
 
-  if (error || stockOperationError) return <>--</>;
+  if (operationTypesError || stockOperationError) {
+    return <>--</>;
+  }
 
   return (
-    <Button
+    <IconButton
+      className={styles.editStockButton}
       kind="ghost"
       size="sm"
-      onClick={handleEdit}
-      iconDescription={t('editStockOperation', 'Edit Stock Operation')}
-      renderIcon={showIcon ? Edit : undefined}
+      onClick={handleLaunchWorkspace}
+      label={t('editStockOperation', 'Edit Stock Operation')}
+      renderIcon={showIcon ? () => <Edit size={16} /> : undefined}
     >
-      {showprops && stockOperation?.operationNumber}
-    </Button>
+      {showprops && <span className={styles.operationNumberText}>{fetchedStockOperation?.operationNumber}</span>}
+    </IconButton>
   );
 };
 

package/src/stock-operations/edit-stock-operation/edit-stock-operation-button.scss

@@ -0,0 +1,23 @@
+.editStockButton {
+  margin-left: 0.5rem;
+  padding: 0.25rem 0.5rem;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  border-radius: 6px;
+  background-color: transparent;
+  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+}
+
+.editStockButton:hover {
+  background-color: rgba(0, 0, 0, 0.06);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
+  cursor: pointer;
+}
+
+.operationNumberText {
+  font-size: 0.85rem;
+  font-weight: 500;
+  color: #4d4d4d;
+  white-space: nowrap;
+}

package/src/stock-operations/stock-operations-table.component.tsx

@@ -124,7 +124,11 @@ const StockOperations: React.FC<StockOperationsTableProps> = () => {
           location: (
             <>
               {stockOperation?.sourceName ?? ''}
-              {stockOperation?.sourceName && stockOperation?.destinationName ? <ArrowRight size={16} /> : ''}{' '}
+              {stockOperation?.sourceName && stockOperation?.destinationName ? (
+                <ArrowRight className={styles.arrowIcon} key={`${index}-0`} size={12} />
+              ) : (
+                ''
+              )}{' '}
               {stockOperation?.destinationName ?? ''}
             </>
           ),
@@ -261,7 +265,7 @@ const StockOperations: React.FC<StockOperationsTableProps> = () => {
               <div className={styles.tileContainer}>
                 <Tile className={styles.tile}>
                   <div className={styles.tileContent}>
-                    <p className={styles.content}>{t('noOperationsToDisplay', 'No Stock Operations to display')}</p>
+                    <p className={styles.content}>{t('noOperationsToDisplay', 'No stock operations to display')}</p>
                     <p className={styles.helper}>{t('checkFilters', 'Check the filters above')}</p>
                   </div>
                 </Tile>

package/src/stock-operations/stock-operations-table.scss

@@ -105,3 +105,7 @@
 .datePicker {
   margin-bottom: layout.$spacing-05;
 }
+
+.arrowIcon {
+  margin: 0 layout.$spacing-02;
+}

package/src/stock-reports/report-list/stock-reports.component.tsx

@@ -49,7 +49,7 @@ import {
   BatchJobStatusPending,
 } from '../../core/api/types/BatchJob';
 import { handleMutate } from '../../utils';
-import { PrivilagedView } from '../../core/components/privilages-component/privilages.component';
+import { PrivilegedView } from '../../core/components/privileged-view-component/privileged-view.component';
 import NewReportActionButton from './new-report-button.component';
 import StockReportStatus from './stock-report-status.component';
 import StockReportParameters from './stock-report-parameters.component';
@@ -274,7 +274,7 @@ const StockReports: React.FC = () => {
               </TableBody>
             </Table>
             {!canViewReports ? (
-              <PrivilagedView
+              <PrivilegedView
                 title="Can not view stock reports"
                 description="You have no permissions to view reports"
               />

package/src/stock-sources/{delete-stock-modal.component.tsx → delete-stock-source.modal.tsx}

@@ -4,13 +4,13 @@ import { Button, ModalHeader, ModalBody, ModalFooter } from '@carbon/react';
 import { getCoreTranslation } from '@openmrs/esm-framework';
 import styles from './delete-stock-modal.scss';
 
-interface DeleteConfirmationProps {
+interface DeleteStockSourceModalProps {
   uuid?: string;
   close: () => void;
   onConfirmation: () => void;
 }
 
-const DeleteConfirmation: React.FC<DeleteConfirmationProps> = ({ close, onConfirmation, uuid }) => {
+const DeleteStockSourceModal: React.FC<DeleteStockSourceModalProps> = ({ close, onConfirmation, uuid }) => {
   const { t } = useTranslation();
   const handleCancel = () => close();
   const handleDelete = () => onConfirmation?.();
@@ -39,4 +39,4 @@ const DeleteConfirmation: React.FC<DeleteConfirmationProps> = ({ close, onConfir
   );
 };
 
-export default DeleteConfirmation;
+export default DeleteStockSourceModal;

package/src/stock-sources/edit-stock-source/edit-stock-source.component.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { Button } from '@carbon/react';
+import { IconButton } from '@carbon/react';
 import { Edit } from '@carbon/react/icons';
 
 import { useTranslation } from 'react-i18next';
@@ -12,7 +12,7 @@ interface EditStockSourcesActionMenuProps {
 
 const EditStockSourceActionsMenu: React.FC<EditStockSourcesActionMenuProps> = ({ data }) => {
   const { t } = useTranslation();
-  const handleClick = useCallback(() => {
+  const handleLaunchWorkspace = useCallback(() => {
     launchWorkspace('stock-sources-form-workspace', {
       workspaceTitle: t('editStockSource', 'Edit stock source'),
       model: data,
@@ -20,13 +20,14 @@ const EditStockSourceActionsMenu: React.FC<EditStockSourcesActionMenuProps> = ({
   }, [data, t]);
 
   return (
-    <Button
+    <IconButton
       kind="ghost"
       size="md"
-      onClick={() => handleClick()}
-      iconDescription={t('editStockSource', 'Edit stock source')}
-      renderIcon={(props) => <Edit size={16} {...props} />}
-    />
+      onClick={handleLaunchWorkspace}
+      label={t('editStockSource', 'Edit stock source')}
+    >
+      <Edit size={16} />
+    </IconButton>
   );
 };
 export default EditStockSourceActionsMenu;

package/src/stock-sources/stock-sources-delete/stock-sources-delete.test.tsx

@@ -4,7 +4,7 @@ import { render, screen } from '@testing-library/react';
 import { type FetchResponse, showModal, showSnackbar } from '@openmrs/esm-framework';
 import { deleteStockSource } from '../stock-sources.resource';
 import { handleMutate } from '../../utils';
-import DeleteConfirmation from '../../stock-user-role-scopes/delete-stock-user-scope-modal.component';
+import DeleteConfirmation from '../../stock-user-role-scopes/delete-stock-user-scope.modal';
 import StockSourcesDeleteActionMenu from './stock-sources-delete.component';
 
 const mockDeleteStockSource = jest.mocked(deleteStockSource);

package/src/stock-sources/stock-sources-items-table.component.tsx

@@ -155,7 +155,7 @@ const StockSourcesItems: React.FC = () => {
               <div className={styles.tileContainer}>
                 <Tile className={styles.tile}>
                   <div className={styles.tileContent}>
-                    <p className={styles.content}>{t('noSourcesToDisplay', 'No Stock sources to display')}</p>
+                    <p className={styles.content}>{t('noSourcesToDisplay', 'No stock sources to display')}</p>
                     <p className={styles.helper}>{t('checkFilters', 'Check the filters above')}</p>
                   </div>
                 </Tile>

package/src/stock-user-role-scopes/{delete-stock-user-scope-modal.component.tsx → delete-stock-user-scope.modal.tsx}

@@ -4,13 +4,13 @@ import { Button, ModalHeader, ModalBody, ModalFooter } from '@carbon/react';
 import { getCoreTranslation } from '@openmrs/esm-framework';
 import styles from './delete-stock-user-scope-modal.scss';
 
-interface DeleteConfirmationProps {
+interface DeleteStockUserScopeModalProps {
   uuid?: string;
   close: () => void;
   onConfirmation: () => void;
 }
 
-const DeleteConfirmation: React.FC<DeleteConfirmationProps> = ({ close, onConfirmation }) => {
+const DeleteStockUserScopeModal: React.FC<DeleteStockUserScopeModalProps> = ({ close, onConfirmation }) => {
   const { t } = useTranslation();
   const handleCancel = () => close();
   const handleDelete = () => onConfirmation?.();
@@ -37,4 +37,4 @@ const DeleteConfirmation: React.FC<DeleteConfirmationProps> = ({ close, onConfir
   );
 };
 
-export default DeleteConfirmation;
+export default DeleteStockUserScopeModal;

package/translations/en.json

@@ -36,7 +36,6 @@
   "cancelled": "Cancelled",
   "category": "Category",
   "checkFilters": "Check the filters above",
-  "childLocations": "Child Locations",
   "chooseACategory": "Choose a category",
   "chooseADestination": "Choose a destination",
   "chooseAlertRole": "Choose an Alert Role",
@@ -188,19 +187,18 @@
   "noIssuedStock": "No issued stock to display",
   "noIssuedStockDataAvailable": "No issued stock data available.",
   "noneFulfillment": "Non Fulfillment",
-  "noOperationsToDisplay": "No Stock Operations to display",
-  "noPrivilagesTitle": "",
+  "noOperationsToDisplay": "No stock operations to display",
+  "noPrivilegesTitle": "",
   "noReceivedStock": "No received stock to display",
   "noReceivedStockDataAvailable": "No received stock data available.",
-  "noReportsToDisplay": "No Stock reports to display",
-  "noRulesToDisplay": "No Stock rules to display",
-  "noSourcesToDisplay": "No Stock sources to display",
+  "noReportsToDisplay": "No stock reports to display",
+  "noRulesToDisplay": "No stock rules to display",
+  "noSourcesToDisplay": "No stock sources to display",
   "noStockItemsToDisplay": "No stock items to display",
   "noStockUserRoleScopesToDisplay": "No stock user role scopes to display",
   "notes": "Please explain the reason:",
   "notSet": "Not Set",
   "noViewPrivilegesDescription": "Description: {{description}}",
-  "number": "Number",
   "onlyCsvFilesAt2mbOrLess": "Only .csv files at 2MB or less",
   "operationDate": "Operation Date",
   "operationModalTitle": "{{title}} Operation",
@@ -308,7 +306,6 @@
   "stockoperationItemDeleteError": "Error deleting stock operation item {{item}}",
   "stockoperationItemDeletSuccess": "Stock operation item {{item}} deleted succesfully",
   "stockoperationItems": "Stock operation items",
-  "stockOperationItems": "Items",
   "stockOperations": "Stock Operations",
   "stockOperationTrackMovement": "Stock operations to track movement of stock.",
   "stockRuleAddedSuccessfully": "Stock Rule Added Successfully",
@@ -327,7 +324,7 @@
   "submittingForReview": "Submitting for review",
   "success": "Success",
   "successfullysaved": "You have successfully saved user role scope",
-  "tags": "Tags",
+  "tabletOverlay": "Tablet overlay",
   "timeTaken": "Time Taken",
   "to": "To",
   "toggleMessage": "Use the toggle to apply this scope to the locations under the selected location.",

package/dist/10.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_openmrs_esm_stock_management_app=globalThis.webpackChunk_openmrs_esm_stock_management_app||[]).push([[10],{1590:(e,n,t)=>{t.d(n,{Z:()=>r});var a=t(1364),l=t.n(a),i=t(1682),o=t.n(i)()(l());o.push([e.id,".-esm-stock-management__stepper__layer___XTnqk{display:flex;flex-direction:row;padding:0 .5rem 0;height:100%}.-esm-stock-management__stepper__stepperContainer___BDgFm{display:flex;gap:.5rem;align-items:baseline;flex-direction:column;width:200px;background-color:#f4f4f4}.-esm-stock-management__stepper__stepperItem___r\\+Zu7{gap:.5rem;padding:.5rem;border-left:.25rem solid #c6c6c6}.-esm-stock-management__stepper__stepperItemActive___jVA6L{border-left:.25rem solid var(--brand-03)}.-esm-stock-management__stepper__subtTitle___x5KeY{color:#8d8d8d;font-size:var(--cds-body-01-font-size, 0.875rem);font-weight:var(--cds-body-01-font-weight, 400);line-height:var(--cds-body-01-line-height, 1.42857);letter-spacing:var(--cds-body-01-letter-spacing, 0.16px)}.-esm-stock-management__stepper__title___icSnW{font-size:var(--cds-heading-02-font-size, 1rem);font-weight:var(--cds-heading-02-font-weight, 600);line-height:var(--cds-heading-02-line-height, 1.5);letter-spacing:var(--cds-heading-02-letter-spacing, 0)}.-esm-stock-management__stepper__content___G2q84{flex:1}","",{version:3,sources:["webpack://./src/stock-operations/stock-operations-forms/stock-operation-stepper/stepper.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss","webpack://./node_modules/@carbon/colors/index.scss","webpack://./node_modules/@carbon/type/scss/_styles.scss"],names:[],mappings:"AAIA,+CACE,YAAA,CACA,kBAAA,CACA,iBAAA,CACA,WAAA,CAGF,0DACE,YAAA,CACA,SCQW,CDPX,oBAAA,CACA,qBAAA,CACA,WAAA,CACA,wBEyBQ,CFtBV,sDACE,SAAA,CACA,aCDW,CDEX,gCAAA,CAGF,2DACE,wCAAA,CAGF,mDACE,aEeQ,CCozBN,gDAAA,CAAA,+CAAA,CAAA,mDAAA,CAAA,wDAAA,CH/zBJ,+CG+zBI,+CAAA,CAAA,kDAAA,CAAA,kDAAA,CAAA,sDAAA,CH3zBJ,iDACE,MAAA",sourcesContent:["@use '@carbon/layout';\n@use '@carbon/type';\n@use '@carbon/colors';\n\n.layer {\n  display: flex;\n  flex-direction: row;\n  padding: 0 layout.$spacing-03 0;\n  height: 100%;\n}\n\n.stepperContainer {\n  display: flex;\n  gap: layout.$spacing-03;\n  align-items: baseline;\n  flex-direction: column;\n  width: 200px;\n  background-color: colors.$gray-10;\n}\n\n.stepperItem {\n  gap: layout.$spacing-03;\n  padding: layout.$spacing-03;\n  border-left: layout.$spacing-02 solid colors.$gray-30;\n}\n\n.stepperItemActive {\n  border-left: layout.$spacing-02 solid var(--brand-03);\n}\n\n.subtTitle {\n  color: colors.$gray-50;\n  @include type.type-style('body-01');\n}\n\n.title {\n  @include type.type-style('heading-02');\n}\n\n.content {\n  flex: 1;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n","// Code generated by @carbon/colors. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n$black: #000000 !default;\n$white: #ffffff !default;\n\n$black-100: #000000 !default;\n$blue-10: #edf5ff !default;\n$blue-20: #d0e2ff !default;\n$blue-30: #a6c8ff !default;\n$blue-40: #78a9ff !default;\n$blue-50: #4589ff !default;\n$blue-60: #0f62fe !default;\n$blue-70: #0043ce !default;\n$blue-80: #002d9c !default;\n$blue-90: #001d6c !default;\n$blue-100: #001141 !default;\n$cool-gray-10: #f2f4f8 !default;\n$cool-gray-20: #dde1e6 !default;\n$cool-gray-30: #c1c7cd !default;\n$cool-gray-40: #a2a9b0 !default;\n$cool-gray-50: #878d96 !default;\n$cool-gray-60: #697077 !default;\n$cool-gray-70: #4d5358 !default;\n$cool-gray-80: #343a3f !default;\n$cool-gray-90: #21272a !default;\n$cool-gray-100: #121619 !default;\n$cyan-10: #e5f6ff !default;\n$cyan-20: #bae6ff !default;\n$cyan-30: #82cfff !default;\n$cyan-40: #33b1ff !default;\n$cyan-50: #1192e8 !default;\n$cyan-60: #0072c3 !default;\n$cyan-70: #00539a !default;\n$cyan-80: #003a6d !default;\n$cyan-90: #012749 !default;\n$cyan-100: #061727 !default;\n$gray-10: #f4f4f4 !default;\n$gray-20: #e0e0e0 !default;\n$gray-30: #c6c6c6 !default;\n$gray-40: #a8a8a8 !default;\n$gray-50: #8d8d8d !default;\n$gray-60: #6f6f6f !default;\n$gray-70: #525252 !default;\n$gray-80: #393939 !default;\n$gray-90: #262626 !default;\n$gray-100: #161616 !default;\n$green-10: #defbe6 !default;\n$green-20: #a7f0ba !default;\n$green-30: #6fdc8c !default;\n$green-40: #42be65 !default;\n$green-50: #24a148 !default;\n$green-60: #198038 !default;\n$green-70: #0e6027 !default;\n$green-80: #044317 !default;\n$green-90: #022d0d !default;\n$green-100: #071908 !default;\n$magenta-10: #fff0f7 !default;\n$magenta-20: #ffd6e8 !default;\n$magenta-30: #ffafd2 !default;\n$magenta-40: #ff7eb6 !default;\n$magenta-50: #ee5396 !default;\n$magenta-60: #d02670 !default;\n$magenta-70: #9f1853 !default;\n$magenta-80: #740937 !default;\n$magenta-90: #510224 !default;\n$magenta-100: #2a0a18 !default;\n$orange-10: #fff2e8 !default;\n$orange-20: #ffd9be !default;\n$orange-30: #ffb784 !default;\n$orange-40: #ff832b !default;\n$orange-50: #eb6200 !default;\n$orange-60: #ba4e00 !default;\n$orange-70: #8a3800 !default;\n$orange-80: #5e2900 !default;\n$orange-90: #3e1a00 !default;\n$orange-100: #231000 !default;\n$purple-10: #f6f2ff !default;\n$purple-20: #e8daff !default;\n$purple-30: #d4bbff !default;\n$purple-40: #be95ff !default;\n$purple-50: #a56eff !default;\n$purple-60: #8a3ffc !default;\n$purple-70: #6929c4 !default;\n$purple-80: #491d8b !default;\n$purple-90: #31135e !default;\n$purple-100: #1c0f30 !default;\n$red-10: #fff1f1 !default;\n$red-20: #ffd7d9 !default;\n$red-30: #ffb3b8 !default;\n$red-40: #ff8389 !default;\n$red-50: #fa4d56 !default;\n$red-60: #da1e28 !default;\n$red-70: #a2191f !default;\n$red-80: #750e13 !default;\n$red-90: #520408 !default;\n$red-100: #2d0709 !default;\n$teal-10: #d9fbfb !default;\n$teal-20: #9ef0f0 !default;\n$teal-30: #3ddbd9 !default;\n$teal-40: #08bdba !default;\n$teal-50: #009d9a !default;\n$teal-60: #007d79 !default;\n$teal-70: #005d5d !default;\n$teal-80: #004144 !default;\n$teal-90: #022b30 !default;\n$teal-100: #081a1c !default;\n$warm-gray-10: #f7f3f2 !default;\n$warm-gray-20: #e5e0df !default;\n$warm-gray-30: #cac5c4 !default;\n$warm-gray-40: #ada8a8 !default;\n$warm-gray-50: #8f8b8b !default;\n$warm-gray-60: #726e6e !default;\n$warm-gray-70: #565151 !default;\n$warm-gray-80: #3c3838 !default;\n$warm-gray-90: #272525 !default;\n$warm-gray-100: #171414 !default;\n$white-0: #ffffff !default;\n$yellow-10: #fcf4d6 !default;\n$yellow-20: #fddc69 !default;\n$yellow-30: #f1c21b !default;\n$yellow-40: #d2a106 !default;\n$yellow-50: #b28600 !default;\n$yellow-60: #8e6a00 !default;\n$yellow-70: #684e00 !default;\n$yellow-80: #483700 !default;\n$yellow-90: #302400 !default;\n$yellow-100: #1c1500 !default;\n\n$white-hover: #e8e8e8 !default;\n$black-hover: #212121 !default;\n$blue-10-hover: #dbebff !default;\n$blue-20-hover: #b8d3ff !default;\n$blue-30-hover: #8ab6ff !default;\n$blue-40-hover: #5c97ff !default;\n$blue-50-hover: #1f70ff !default;\n$blue-60-hover: #0050e6 !default;\n$blue-70-hover: #0053ff !default;\n$blue-80-hover: #0039c7 !default;\n$blue-90-hover: #00258a !default;\n$blue-100-hover: #001f75 !default;\n$cool-gray-10-hover: #e4e9f1 !default;\n$cool-gray-20-hover: #cdd3da !default;\n$cool-gray-30-hover: #adb5bd !default;\n$cool-gray-40-hover: #9199a1 !default;\n$cool-gray-50-hover: #757b85 !default;\n$cool-gray-60-hover: #585e64 !default;\n$cool-gray-70-hover: #5d646a !default;\n$cool-gray-80-hover: #434a51 !default;\n$cool-gray-90-hover: #2b3236 !default;\n$cool-gray-100-hover: #222a2f !default;\n$cyan-10-hover: #cceeff !default;\n$cyan-20-hover: #99daff !default;\n$cyan-30-hover: #57beff !default;\n$cyan-40-hover: #059fff !default;\n$cyan-50-hover: #0f7ec8 !default;\n$cyan-60-hover: #005fa3 !default;\n$cyan-70-hover: #0066bd !default;\n$cyan-80-hover: #00498a !default;\n$cyan-90-hover: #013360 !default;\n$cyan-100-hover: #0b2947 !default;\n$gray-10-hover: #e8e8e8 !default;\n$gray-20-hover: #d1d1d1 !default;\n$gray-30-hover: #b5b5b5 !default;\n$gray-40-hover: #999999 !default;\n$gray-50-hover: #7a7a7a !default;\n$gray-60-hover: #5e5e5e !default;\n$gray-70-hover: #636363 !default;\n$gray-80-hover: #474747 !default;\n$gray-90-hover: #333333 !default;\n$gray-100-hover: #292929 !default;\n$green-10-hover: #b6f6c8 !default;\n$green-20-hover: #74e792 !default;\n$green-30-hover: #36ce5e !default;\n$green-40-hover: #3bab5a !default;\n$green-50-hover: #208e3f !default;\n$green-60-hover: #166f31 !default;\n$green-70-hover: #11742f !default;\n$green-80-hover: #05521c !default;\n$green-90-hover: #033b11 !default;\n$green-100-hover: #0d300f !default;\n$magenta-10-hover: #ffe0ef !default;\n$magenta-20-hover: #ffbdda !default;\n$magenta-30-hover: #ff94c3 !default;\n$magenta-40-hover: #ff57a0 !default;\n$magenta-50-hover: #e3176f !default;\n$magenta-60-hover: #b0215f !default;\n$magenta-70-hover: #bf1d63 !default;\n$magenta-80-hover: #8e0b43 !default;\n$magenta-90-hover: #68032e !default;\n$magenta-100-hover: #53142f !default;\n$orange-10-hover: #ffe2cc !default;\n$orange-20-hover: #ffc69e !default;\n$orange-30-hover: #ff9d57 !default;\n$orange-40-hover: #fa6800 !default;\n$orange-50-hover: #cc5500 !default;\n$orange-60-hover: #9e4200 !default;\n$orange-70-hover: #a84400 !default;\n$orange-80-hover: #753300 !default;\n$orange-90-hover: #522200 !default;\n$orange-100-hover: #421e00 !default;\n$purple-10-hover: #ede5ff !default;\n$purple-20-hover: #dcc7ff !default;\n$purple-30-hover: #c5a3ff !default;\n$purple-40-hover: #ae7aff !default;\n$purple-50-hover: #9352ff !default;\n$purple-60-hover: #7822fb !default;\n$purple-70-hover: #7c3dd6 !default;\n$purple-80-hover: #5b24ad !default;\n$purple-90-hover: #40197b !default;\n$purple-100-hover: #341c59 !default;\n$red-10-hover: #ffe0e0 !default;\n$red-20-hover: #ffc2c5 !default;\n$red-30-hover: #ff99a0 !default;\n$red-40-hover: #ff6168 !default;\n$red-50-hover: #ee0713 !default;\n$red-60-hover: #b81922 !default;\n$red-70-hover: #c21e25 !default;\n$red-80-hover: #921118 !default;\n$red-90-hover: #66050a !default;\n$red-100-hover: #540d11 !default;\n$teal-10-hover: #acf6f6 !default;\n$teal-20-hover: #57e5e5 !default;\n$teal-30-hover: #25cac8 !default;\n$teal-40-hover: #07aba9 !default;\n$teal-50-hover: #008a87 !default;\n$teal-60-hover: #006b68 !default;\n$teal-70-hover: #007070 !default;\n$teal-80-hover: #005357 !default;\n$teal-90-hover: #033940 !default;\n$teal-100-hover: #0f3034 !default;\n$warm-gray-10-hover: #f0e8e6 !default;\n$warm-gray-20-hover: #d8d0cf !default;\n$warm-gray-30-hover: #b9b3b1 !default;\n$warm-gray-40-hover: #9c9696 !default;\n$warm-gray-50-hover: #7f7b7b !default;\n$warm-gray-60-hover: #605d5d !default;\n$warm-gray-70-hover: #696363 !default;\n$warm-gray-80-hover: #4c4848 !default;\n$warm-gray-90-hover: #343232 !default;\n$warm-gray-100-hover: #2c2626 !default;\n$yellow-10-hover: #f8e6a0 !default;\n$yellow-20-hover: #fccd27 !default;\n$yellow-30-hover: #ddb00e !default;\n$yellow-40-hover: #bc9005 !default;\n$yellow-50-hover: #9e7700 !default;\n$yellow-60-hover: #755800 !default;\n$yellow-70-hover: #806000 !default;\n$yellow-80-hover: #5c4600 !default;\n$yellow-90-hover: #3d2e00 !default;\n$yellow-100-hover: #332600 !default;\n\n/// Colors from the IBM Design Language\n/// @access public\n/// @group @carbon/colors\n$colors: (\n  black: (\n    100: #000000,\n  ),\n  blue: (\n    10: #edf5ff,\n    20: #d0e2ff,\n    30: #a6c8ff,\n    40: #78a9ff,\n    50: #4589ff,\n    60: #0f62fe,\n    70: #0043ce,\n    80: #002d9c,\n    90: #001d6c,\n    100: #001141,\n  ),\n  cool-gray: (\n    10: #f2f4f8,\n    20: #dde1e6,\n    30: #c1c7cd,\n    40: #a2a9b0,\n    50: #878d96,\n    60: #697077,\n    70: #4d5358,\n    80: #343a3f,\n    90: #21272a,\n    100: #121619,\n  ),\n  cyan: (\n    10: #e5f6ff,\n    20: #bae6ff,\n    30: #82cfff,\n    40: #33b1ff,\n    50: #1192e8,\n    60: #0072c3,\n    70: #00539a,\n    80: #003a6d,\n    90: #012749,\n    100: #061727,\n  ),\n  gray: (\n    10: #f4f4f4,\n    20: #e0e0e0,\n    30: #c6c6c6,\n    40: #a8a8a8,\n    50: #8d8d8d,\n    60: #6f6f6f,\n    70: #525252,\n    80: #393939,\n    90: #262626,\n    100: #161616,\n  ),\n  green: (\n    10: #defbe6,\n    20: #a7f0ba,\n    30: #6fdc8c,\n    40: #42be65,\n    50: #24a148,\n    60: #198038,\n    70: #0e6027,\n    80: #044317,\n    90: #022d0d,\n    100: #071908,\n  ),\n  magenta: (\n    10: #fff0f7,\n    20: #ffd6e8,\n    30: #ffafd2,\n    40: #ff7eb6,\n    50: #ee5396,\n    60: #d02670,\n    70: #9f1853,\n    80: #740937,\n    90: #510224,\n    100: #2a0a18,\n  ),\n  orange: (\n    10: #fff2e8,\n    20: #ffd9be,\n    30: #ffb784,\n    40: #ff832b,\n    50: #eb6200,\n    60: #ba4e00,\n    70: #8a3800,\n    80: #5e2900,\n    90: #3e1a00,\n    100: #231000,\n  ),\n  purple: (\n    10: #f6f2ff,\n    20: #e8daff,\n    30: #d4bbff,\n    40: #be95ff,\n    50: #a56eff,\n    60: #8a3ffc,\n    70: #6929c4,\n    80: #491d8b,\n    90: #31135e,\n    100: #1c0f30,\n  ),\n  red: (\n    10: #fff1f1,\n    20: #ffd7d9,\n    30: #ffb3b8,\n    40: #ff8389,\n    50: #fa4d56,\n    60: #da1e28,\n    70: #a2191f,\n    80: #750e13,\n    90: #520408,\n    100: #2d0709,\n  ),\n  teal: (\n    10: #d9fbfb,\n    20: #9ef0f0,\n    30: #3ddbd9,\n    40: #08bdba,\n    50: #009d9a,\n    60: #007d79,\n    70: #005d5d,\n    80: #004144,\n    90: #022b30,\n    100: #081a1c,\n  ),\n  warm-gray: (\n    10: #f7f3f2,\n    20: #e5e0df,\n    30: #cac5c4,\n    40: #ada8a8,\n    50: #8f8b8b,\n    60: #726e6e,\n    70: #565151,\n    80: #3c3838,\n    90: #272525,\n    100: #171414,\n  ),\n  white: (\n    0: #ffffff,\n  ),\n  yellow: (\n    10: #fcf4d6,\n    20: #fddc69,\n    30: #f1c21b,\n    40: #d2a106,\n    50: #b28600,\n    60: #8e6a00,\n    70: #684e00,\n    80: #483700,\n    90: #302400,\n    100: #1c1500,\n  ),\n) !default;\n","//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// stylelint-disable number-max-precision\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@carbon/grid/scss/config' as gridconfig;\n@use '@carbon/grid/scss/breakpoint' as grid;\n@use 'prefix' as *;\n@use 'font-family';\n@use 'scale';\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$caption-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$label-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-01: (\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$legal-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-01: (\n  font-size: scale.type-scale(1),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @deprecated\n/// @group @carbon/type\n$helper-text-02: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-01: $body-short-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-01: $body-long-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-short-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-compact-02: $body-short-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-long-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$body-02: $body-long-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-01: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(1),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.33333,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$code-02: (\n  font-family: font-family.font-family('mono'),\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.42857,\n  letter-spacing: 0.32px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.42857,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-01: (\n  font-size: scale.type-scale(2),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.28572,\n  letter-spacing: 0.16px,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-01: $productive-heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.5,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-02: (\n  font-size: scale.type-scale(3),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.375,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-compact-02: $productive-heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-03: $productive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-04: $productive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-05: $productive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-06: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  // Extra digit needed for precision in Chrome\n  line-height: 1.199,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-06: $productive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$productive-heading-07: (\n  font-size: scale.type-scale(12),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$heading-07: $productive-heading-07 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-01: $heading-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-02: $heading-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-03: (\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.4,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(5),\n      line-height: 1.4,\n    ),\n    max: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-03: $expressive-heading-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-04: (\n  font-size: scale.type-scale(7),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.28572,\n  letter-spacing: 0,\n  breakpoints: (\n    xlg: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n      font-weight: font-family.font-weight('regular'),\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      font-weight: font-family.font-weight('regular'),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-04: $expressive-heading-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-05: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      font-weight: font-family.font-weight('light'),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-05: $expressive-heading-05 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-heading-06: (\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-heading-06: $expressive-heading-06 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$expressive-paragraph-01: (\n  font-size: scale.type-scale(6),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.334,\n  letter-spacing: 0,\n  breakpoints: (\n    lg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n);\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-paragraph-01: $expressive-paragraph-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-01: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(5),\n  font-weight: font-family.font-weight('regular'),\n  line-height: 1.3,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(5),\n    ),\n    lg: (\n      font-size: scale.type-scale(6),\n      line-height: 1.334,\n    ),\n    xlg: (\n      font-size: scale.type-scale(7),\n      line-height: 1.28572,\n    ),\n    max: (\n      font-size: scale.type-scale(8),\n      line-height: 1.25,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-01: $quotation-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$quotation-02: (\n  font-family: font-family.font-family('serif'),\n  font-size: scale.type-scale(8),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.25,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(9),\n      line-height: 1.22,\n    ),\n    lg: (\n      font-size: scale.type-scale(10),\n      line-height: 1.19,\n    ),\n    xlg: (\n      font-size: scale.type-scale(11),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(13),\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-quotation-02: $quotation-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-01: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.17,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-01: $display-01 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-02: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('semibold'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(10),\n    ),\n    lg: (\n      font-size: scale.type-scale(12),\n    ),\n    xlg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n    ),\n    max: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-02: $display-02 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-03: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(12),\n      line-height: 1.18,\n    ),\n    lg: (\n      font-size: scale.type-scale(13),\n      line-height: 1.16,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(15),\n      line-height: 1.13,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(16),\n      line-height: 1.11,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-03: $display-03 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$display-04: (\n  font-size: scale.type-scale(10),\n  font-weight: font-family.font-weight('light'),\n  line-height: 1.19,\n  letter-spacing: 0,\n  breakpoints: (\n    md: (\n      font-size: scale.type-scale(14),\n      line-height: 1.15,\n    ),\n    lg: (\n      font-size: scale.type-scale(17),\n      line-height: 1.11,\n      letter-spacing: -0.64px,\n    ),\n    xlg: (\n      font-size: scale.type-scale(20),\n      line-height: 1.07,\n      letter-spacing: -0.64px,\n    ),\n    max: (\n      font-size: scale.type-scale(23),\n      line-height: 1.05,\n      letter-spacing: -0.96px,\n    ),\n  ),\n) !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$fluid-display-04: $display-04 !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$tokens: (\n  caption-01: $caption-01,\n  caption-02: $caption-02,\n  label-01: $label-01,\n  label-02: $label-02,\n  helper-text-01: $helper-text-01,\n  helper-text-02: $helper-text-02,\n  body-short-01: $body-short-01,\n  body-short-02: $body-short-02,\n  body-long-01: $body-long-01,\n  body-long-02: $body-long-02,\n  code-01: $code-01,\n  code-02: $code-02,\n  heading-01: $heading-01,\n  heading-02: $heading-02,\n  productive-heading-01: $productive-heading-01,\n  productive-heading-02: $productive-heading-02,\n  productive-heading-03: $productive-heading-03,\n  productive-heading-04: $productive-heading-04,\n  productive-heading-05: $productive-heading-05,\n  productive-heading-06: $productive-heading-06,\n  productive-heading-07: $productive-heading-07,\n  expressive-paragraph-01: $expressive-paragraph-01,\n  expressive-heading-01: $expressive-heading-01,\n  expressive-heading-02: $expressive-heading-02,\n  expressive-heading-03: $expressive-heading-03,\n  expressive-heading-04: $expressive-heading-04,\n  expressive-heading-05: $expressive-heading-05,\n  expressive-heading-06: $expressive-heading-06,\n  quotation-01: $quotation-01,\n  quotation-02: $quotation-02,\n  display-01: $display-01,\n  display-02: $display-02,\n  display-03: $display-03,\n  display-04: $display-04,\n  // V11 Tokens\n  legal-01: $legal-01,\n  legal-02: $legal-02,\n  body-compact-01: $body-compact-01,\n  body-compact-02: $body-compact-02,\n  heading-compact-01: $heading-compact-01,\n  heading-compact-02: $heading-compact-02,\n  body-01: $body-01,\n  body-02: $body-02,\n  heading-03: $heading-03,\n  heading-04: $heading-04,\n  heading-05: $heading-05,\n  heading-06: $heading-06,\n  heading-07: $heading-07,\n  fluid-heading-03: $fluid-heading-03,\n  fluid-heading-04: $fluid-heading-04,\n  fluid-heading-05: $fluid-heading-05,\n  fluid-heading-06: $fluid-heading-06,\n  fluid-paragraph-01: $fluid-paragraph-01,\n  fluid-quotation-01: $fluid-quotation-01,\n  fluid-quotation-02: $fluid-quotation-02,\n  fluid-display-01: $fluid-display-01,\n  fluid-display-02: $fluid-display-02,\n  fluid-display-03: $fluid-display-03,\n  fluid-display-04: $fluid-display-04,\n) !default;\n\n/// @param {Map} $map\n/// @access public\n/// @group @carbon/type\n@mixin properties($map) {\n  @each $name, $value in $map {\n    #{$name}: $value;\n  }\n}\n\n/// @param {Number} $value - Number with units\n/// @return {Number} Without units\n/// @access public\n/// @group @carbon/type\n@function strip-unit($value) {\n  @return math.div($value, $value * 0 + 1);\n}\n\n/// This helper includes fluid type styles for the given token value. Fluid type\n/// means that the `font-size` is computed using `calc()` in order to be\n/// determined by the screen size instead of a breakpoint. As a result, fluid\n/// styles should be used with caution in fixed width contexts.\n///\n/// In addition, we make use of %-based line-heights so that the line-height of\n/// each type style is computed correctly due to the dynamic nature of the\n/// `font-size`.\n///\n/// Most of the logic for this work comes from CSS Tricks:\n/// https://css-tricks.com/snippets/css/fluid-typography/\n///\n/// @param {Map} $type-styles - The value of a given type token\n/// @param {Map} $breakpoints [$grid-breakpoints] - Custom breakpoints to use\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type($type-styles, $breakpoints: gridconfig.$grid-breakpoints) {\n  // Include the initial styles for the given token by default without any\n  // media query guard. This includes `font-size` as a fallback in the case\n  // that a browser does not support `calc()`\n  @include properties(map.remove($type-styles, breakpoints));\n  // We also need to include the `sm` styles by default since they don't\n  // appear in the fluid styles for tokens\n  @include fluid-type-size($type-styles, sm, $breakpoints);\n\n  // Finally, we need to go through all the breakpoints defined in the type\n  // token and apply the properties and fluid type size for that given\n  // breakpoint\n  @each $name, $values in map.get($type-styles, breakpoints) {\n    @include grid.breakpoint($name) {\n      @include properties($values);\n      @include fluid-type-size($type-styles, $name, $breakpoints);\n    }\n  }\n}\n\n/// Computes the fluid `font-size` for a given type style and breakpoint\n/// @param {Map} $type-styles - The styles for a given token\n/// @param {String} $name - The name of the breakpoint to which we apply the fluid\n/// @param {Map} $breakpoints [$grid-breakpoints] - The breakpoints for the grid system\n/// @access public\n/// @group @carbon/type\n@mixin fluid-type-size(\n  $type-styles,\n  $name,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  // Get the information about the breakpoint we're currently working in. Useful\n  // for getting initial width information\n  $breakpoint: map.get($breakpoints, $name);\n\n  // Our fluid styles are captured under the 'breakpoints' property in our type\n  // styles map. These define what values to treat as `max-` variables below\n  $fluid-sizes: map.get($type-styles, breakpoints);\n  $fluid-breakpoint: ();\n  // Special case for `sm` because the styles for small are on the type style\n  // directly\n  @if $name == sm {\n    $fluid-breakpoint: map.remove($type-styles, breakpoints);\n  } @else {\n    $fluid-breakpoint: map.get($fluid-sizes, $name);\n  }\n\n  // Initialize our font-sizes to the default size for the type style\n  $max-font-size: map.get($type-styles, font-size);\n  $min-font-size: map.get($type-styles, font-size);\n  @if map.has-key($fluid-breakpoint, font-size) {\n    $min-font-size: map.get($fluid-breakpoint, font-size);\n  }\n\n  // Initialize our min and max width to the width of the current breakpoint\n  $max-vw: map.get($breakpoint, width);\n  $min-vw: map.get($breakpoint, width);\n\n  // We can use `breakpoint-next` to see if there is another breakpoint we can\n  // use to update `max-font-size` and `max-vw` with larger values\n  $next-breakpoint-available: grid.breakpoint-next($name, $breakpoints);\n  $next-fluid-breakpoint-name: null;\n\n  // We need to figure out what the next available fluid breakpoint is for our\n  // given $type-styles. In this loop we try and iterate through breakpoints\n  // until we either manually set $next-breakpoint-available to null or\n  // `breakpoint-next` returns null.\n  @while $next-breakpoint-available {\n    @if map.has-key($fluid-sizes, $next-breakpoint-available) {\n      $next-fluid-breakpoint-name: $next-breakpoint-available;\n      $next-breakpoint-available: null;\n    } @else {\n      $next-breakpoint-available: grid.breakpoint-next(\n        $next-breakpoint-available,\n        $breakpoints\n      );\n    }\n  }\n\n  // If we have found the next available fluid breakpoint name, then we know\n  // that we have values that we can use to set max-font-size and max-vw as both\n  // values derive from the next breakpoint\n  @if $next-fluid-breakpoint-name {\n    $next-fluid-breakpoint: map.get($breakpoints, $next-fluid-breakpoint-name);\n    $max-font-size: map.get(\n      map.get($fluid-sizes, $next-fluid-breakpoint-name),\n      font-size\n    );\n    $max-vw: map.get($next-fluid-breakpoint, width);\n\n    // prettier-ignore\n    font-size: calc(#{$min-font-size} +\n      #{strip-unit($max-font-size - $min-font-size)} *\n      ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})\n    );\n  } @else {\n    // Otherwise, just default to setting the font size found from the type\n    // style or the given fluid breakpoint in the type style\n    font-size: $min-font-size;\n  }\n}\n\n// TODO move following variable and `custom-property` mixin into shared file for\n// both `@carbon/type` and `@carbon/themes`\n\n/// @access private\n/// @group @carbon/type\n@mixin custom-properties($name, $value) {\n  @each $property, $value in $value {\n    #{$property}: var(\n      --#{$custom-property-prefix}-#{$name}-#{$property},\n      #{$value}\n    );\n  }\n}\n\n/// Helper mixin to include the styles for a given token in any selector in your\n/// project. Also includes an optional fluid option that will enable fluid\n/// styles for the token if they are defined. Fluid styles will cause the\n/// token's font-size to be computed based on the viewport size. As a result, use\n/// with caution in fixed contexts.\n/// @param {String} $name - The name of the token to get the styles for\n/// @param {Boolean} $fluid [false] - Specify whether to include fluid styles for the\n/// @param {Map} $breakpoints [$grid-breakpoints] - Provide a custom breakpoint map to use\n/// @access public\n/// @group @carbon/type\n@mixin type-style(\n  $name,\n  $fluid: false,\n  $breakpoints: gridconfig.$grid-breakpoints\n) {\n  @if not map.has-key($tokens, $name) {\n    @error 'Unable to find a token with the name: `#{$name}`';\n  }\n\n  $token: map.get($tokens, $name);\n\n  // If $fluid is set to true and the token has breakpoints defined for fluid\n  // styles, delegate to the fluid-type helper for the given token\n  @if $fluid == true and map.has-key($token, 'breakpoints') {\n    @include fluid-type($token, $breakpoints);\n  } @else {\n    @include custom-properties($name, $token);\n  }\n}\n"],sourceRoot:""}]),o.locals={layer:"-esm-stock-management__stepper__layer___XTnqk",stepperContainer:"-esm-stock-management__stepper__stepperContainer___BDgFm",stepperItem:"-esm-stock-management__stepper__stepperItem___r+Zu7",stepperItemActive:"-esm-stock-management__stepper__stepperItemActive___jVA6L",subtTitle:"-esm-stock-management__stepper__subtTitle___x5KeY",title:"-esm-stock-management__stepper__title___icSnW",content:"-esm-stock-management__stepper__content___G2q84"};const r=o},6066:(e,n,t)=>{t.d(n,{b:()=>s});var a=t(2484),l=t(1672),i=t(3566);function o(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,a=new Array(n);t<n;t++)a[t]=e[t];return a}function r(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var a,l,i=[],o=!0,r=!1;try{for(t=t.call(e);!(o=(a=t.next()).done)&&(i.push(a.value),!n||i.length!==n);o=!0);}catch(e){r=!0,l=e}finally{try{o||null==t.return||t.return()}finally{if(r)throw l}}return i}}(e,n)||function(e,n){if(e){if("string"==typeof e)return o(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?o(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e){var n=r((0,l.useState)({startIndex:0,v:(null==e?void 0:e.v)||a._.Default,limit:10,q:null==e?void 0:e.q,totalCount:!0,includeBatchNo:!0}),2),t=n[0],o=n[1],s=r((0,l.useState)(10),2),f=s[0],p=s[1],c=r((0,l.useState)(null),2),d=c[0],u=c[1],g=r((0,l.useState)(1),2),h=g[0],y=g[1],$=r((0,l.useState)(null==e?void 0:e.stockItemUuid),2),b=$[0],m=$[1],v=r((0,l.useState)(null==e?void 0:e.partyUuid),2),w=v[0],k=v[1],x=r((0,l.useState)(null==e?void 0:e.locationUuid),2),A=x[0],z=x[1],_=r((0,l.useState)(null==e?void 0:e.stockBatchUuid),2),C=_[0],M=_[1];(0,l.useEffect)((function(){o({startIndex:h-1,v:a._.Default,limit:f,q:d,totalCount:!0,stockItemUuid:b,partyUuid:w,locationUuid:A,stockBatchUuid:C,includeBatchNo:!0})}),[d,h,f,b,w,A,C]);var I,S=(0,i.gT)(t),T=S.items,N=S.isLoading,E=S.error;return{items:null!==(I=T.results)&&void 0!==I?I:[],totalCount:T.totalCount,currentPage:h,currentPageSize:f,setCurrentPage:y,setPageSize:p,pageSizes:[10,20,30,40,50],isLoading:N,error:E,setSearchString:u,setStockItemUuid:m,setLocationUuid:z,setPartyUuid:k,setStockBatchUuid:M}}},8416:(e,n,t)=>{t.d(n,{Z:()=>w});var a=t(1672),l=t.n(a),i=t(9492),o=t(7410),r=t.n(o),s=t(4766),f=t.n(s),p=t(1991),c=t.n(p),d=t(3702),u=t.n(d),g=t(2434),h=t.n(g),y=t(1422),$=t.n(y),b=t(1590),m={};m.styleTagTransform=$(),m.setAttributes=u(),m.insert=c().bind(null,"head"),m.domAPI=f(),m.insertStyleElement=h(),r()(b.Z,m);const v=b.Z&&b.Z.locals?b.Z.locals:void 0,w=function(e){var n=e.steps,t=(e.hasContainer,e.onChange),a=e.selectedIndex;return e.title,l().createElement(i.mh4,{className:v.layer},l().createElement("ol",{className:v.stepperContainer},n.map((function(e,n){var i=e.title,o=(e.subTitle,e.icon,e.disabled),r=a>=n;return l().createElement("li",{role:"button",className:"".concat(v.stepperItem," ").concat(r?v.stepperItemActive:""),key:n,onClick:o?void 0:function(){return null==t?void 0:t(n)},"aria-disabled":o},l().createElement("p",{className:v.title},i))}))),l().createElement(i.mh4,{className:v.content},n[a].component))}}}]);

package/dist/10.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"10.js","mappings":"kNAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,wiCAAyiC,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,+FAA+F,uEAAuE,qDAAqD,2DAA2D,MAAQ,GAAG,SAAW,qTAAqT,eAAiB,CAAC,wvBAAwvB,05DAA05D,g1VAAg1V,w8uBAAw8uB,WAAa,MAEvptCH,EAAwBI,OAAS,CAChC,MAAS,gDACT,iBAAoB,2DACpB,YAAe,sDACf,kBAAqB,4DACrB,UAAa,oDACb,MAAS,gDACT,QAAW,mDAEZ,S,mgCCZO,SAASC,EAAiCC,GAC/C,IAA8CC,EAAAA,GAAAA,EAAAA,EAAAA,UAAmC,CAC/EC,WAAY,EACZC,GAAGH,aAAAA,EAAAA,EAAQG,IAAKC,EAAAA,EAAuBC,QACvCC,MAAO,GACPC,EAAGP,aAAAA,EAAAA,EAAQO,EACXC,YAAY,EACZC,gBAAgB,IAClB,GAPOC,EAAuCT,EAAAA,GAAtBU,EAAsBV,EAAAA,GAUPA,EAAAA,GAAAA,EAAAA,EAAAA,UAAS,OAAzCW,EAAgCX,EAAAA,GAAfY,EAAeZ,EAAAA,GACCA,EAAAA,GAAAA,EAAAA,EAAAA,UAAS,SAA1Ca,EAAiCb,EAAAA,GAAnBc,EAAmBd,EAAAA,GAEFA,EAAAA,GAAAA,EAAAA,EAAAA,UAAS,MAAxCe,EAA+Bf,EAAAA,GAAlBgB,EAAkBhB,EAAAA,GAEIA,EAAAA,GAAAA,EAAAA,EAAAA,UAAwBD,aAAAA,EAAAA,EAAQkB,eAAa,GAAhFA,EAAmCjB,EAAAA,GAApBkB,EAAoBlB,EAAAA,GACRA,EAAAA,GAAAA,EAAAA,EAAAA,UAAwBD,aAAAA,EAAAA,EAAQoB,WAAS,GAApEA,EAA2BnB,EAAAA,GAAhBoB,EAAgBpB,EAAAA,GACMA,EAAAA,GAAAA,EAAAA,EAAAA,UAAwBD,aAAAA,EAAAA,EAAQsB,cAAY,GAA7EA,EAAiCrB,EAAAA,GAAnBsB,EAAmBtB,EAAAA,GACIA,EAAAA,GAAAA,EAAAA,EAAAA,UAAwBD,aAAAA,EAAAA,EAAQwB,gBAAc,GAAnFA,EAAqCvB,EAAAA,GAArBwB,EAAqBxB,EAAAA,IAE5CyB,EAAAA,EAAAA,YAAU,WACRf,EAAmB,CACjBT,WAAYc,EAAc,EAC1Bb,EAAGC,EAAAA,EAAuBC,QAC1BC,MAAOM,EACPL,EAAGO,EACHN,YAAY,EACZU,cAAeA,EACfE,UAAWA,EACXE,aAAcA,EACdE,eAAgBA,EAChBf,gBAAgB,GAEpB,GAAG,CAACK,EAAcE,EAAaJ,EAAiBM,EAAeE,EAAWE,EAAcE,IAExF,IAGSG,EAH2BC,GAAAA,EAAAA,EAAAA,IAAsBlB,GAAlDiB,EAA4BC,EAA5BD,MAAOE,EAAqBD,EAArBC,UAAWC,EAAUF,EAAVE,MAE1B,MAAO,CACLH,MAAoB,QAAbA,EAAAA,EAAMI,eAANJ,IAAAA,EAAAA,EAAiB,GACxBnB,WAAYmB,EAAMnB,WAClBQ,YAAAA,EACAJ,gBAAAA,EACAK,eAAAA,EACAJ,YAAAA,EACAmB,UAnCgB,CAAC,GAAI,GAAI,GAAI,GAAI,IAoCjCH,UAAAA,EACAC,MAAAA,EACAf,gBAAAA,EACAI,iBAAAA,EACAI,gBAAAA,EACAF,aAAAA,EACAI,kBAAAA,EAEJ,C,+LC/CIQ,EAAU,CAAC,EAEfA,EAAQC,kBAAoB,IAC5BD,EAAQE,cAAgB,IAElBF,EAAQG,OAAS,SAAc,KAAM,QAE3CH,EAAQI,OAAS,IACjBJ,EAAQK,mBAAqB,IAEhB,IAAI,IAASL,GAKnB,QAAe,KAAW,IAAQnC,OAAS,IAAQA,YAASyC,ECwBnE,EA9BoE,Y,IAClEC,EAAAA,EAAAA,MAEAC,GADAC,EAAAA,aACAD,EAAAA,UACAE,EAAAA,EAAAA,cAGA,OAFAC,EAAAA,MAGE,kBAACC,EAAAA,IAAKA,CAACC,UAAWC,EAAOC,OACvB,kBAACC,KAAAA,CAAGH,UAAWC,EAAOG,kBACnBV,EAAMW,KAAI,WAAsCC,G,IAAnCR,EAAAA,EAAAA,MAAuBS,GAAhBC,EAAAA,SAAUC,EAAAA,KAAMF,EAAAA,UAC7BG,EAASb,GAAiBS,EAChC,OACE,kBAACK,KAAAA,CACCC,KAAK,SACLZ,UAAW,GAAyBU,OAAtBT,EAAOY,YAAY,KAA0C,OAAvCH,EAAST,EAAOa,kBAAoB,IACxEC,IAAKT,EACLU,QAAUT,OAAqCd,EAA1B,W,OAAME,aAAAA,EAAAA,EAAWW,E,EACtCW,gBAAeV,GAEf,kBAACW,IAAAA,CAAElB,UAAWC,EAAOH,OAAQA,GAGnC,KAEF,kBAACC,EAAAA,IAAKA,CAACC,UAAWC,EAAOkB,SAAUzB,EAAMG,GAAeuB,WAG9D,C","sources":["webpack://@openmrs/esm-stock-management-app/./src/stock-operations/stock-operations-forms/stock-operation-stepper/stepper.scss","webpack://@openmrs/esm-stock-management-app/./src/stock-items/add-stock-item/batch-information/batch-information.resource.tsx","webpack://@openmrs/esm-stock-management-app/./src/stock-operations/stock-operations-forms/stock-operation-stepper/stepper.scss?b7be","webpack://@openmrs/esm-stock-management-app/./src/stock-operations/stock-operations-forms/stock-operation-stepper/stock-operation-stepper.component.tsx"],"names":["___CSS_LOADER_EXPORT___","push","module","id","locals","useStockItemBatchInformationHook","filter","useState","startIndex","v","ResourceRepresentation","Default","limit","q","totalCount","includeBatchNo","stockItemFilter","setStockItemFilter","currentPageSize","setPageSize","searchString","setSearchString","currentPage","setCurrentPage","stockItemUuid","setStockItemUuid","partyUuid","setPartyUuid","locationUuid","setLocationUuid","stockBatchUuid","setStockBatchUuid","useEffect","items","useStockItemInventory","isLoading","error","results","pageSizes","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","undefined","steps","onChange","hasContainer","selectedIndex","title","Layer","className","styles","layer","ol","stepperContainer","map","index","disabled","subTitle","icon","active","li","role","stepperItem","stepperItemActive","key","onClick","aria-disabled","p","content","component"],"sourceRoot":""}

package/dist/20.js

@@ -1 +0,0 @@
-"use strict";(globalThis.webpackChunk_openmrs_esm_stock_management_app=globalThis.webpackChunk_openmrs_esm_stock_management_app||[]).push([[20],{7179:(n,e,a)=>{a.d(e,{Z:()=>o});var t=a(1364),i=a.n(t),r=a(1682),c=a.n(r)()(i());c.push([n.id,".-esm-stock-management__packaging-units__packingTable___EPbfh{min-height:15rem;display:block}.-esm-stock-management__packaging-units__packingTableCell___VOei6{display:flex;align-items:center}.-esm-stock-management__packaging-units__packagingTableBody___1G5i-{min-height:10rem}.-esm-stock-management__packaging-units__packagingTableContainer___8\\+wOb{padding-bottom:1rem;min-height:15rem;display:block}.-esm-stock-management__packaging-units__packagingTableContainer___8\\+wOb .cds--data-table-content{overflow-x:visible}.-esm-stock-management__packaging-units__searchAndSave___dxJ\\+N{display:flex;flex-direction:column;align-items:flex-start}.-esm-stock-management__packaging-units__searchAndSave___dxJ\\+N .-esm-stock-management__packaging-units__submitButton___sVB-U{margin-top:1rem}.-esm-stock-management__packaging-units__deleteModal___laBsG .cds--modal-container.cds--modal-container--sm .cds--modal-content .cds--form-item{margin-top:1rem}.-esm-stock-management__packaging-units__packageUnitsBtn___2i\\+HC{display:flex;justify-content:flex-end;margin-right:2rem}cds--form-item{margin-top:1rem}","",{version:3,sources:["webpack://./src/stock-items/add-stock-item/packaging-units/packaging-units.scss","webpack://./node_modules/@carbon/layout/scss/generated/_spacing.scss"],names:[],mappings:"AAIA,8DACE,gBAAA,CACA,aAAA,CAGF,kEACE,YAAA,CACA,kBAAA,CAGF,oEACE,gBCwDW,CDrDb,0EACE,mBAAA,CACA,gBAAA,CACA,aAAA,CAEA,mGACE,kBAAA,CAIJ,gEACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,8HACE,eAAA,CAOE,gJACE,eAAA,CAMR,kEACE,YAAA,CACA,wBAAA,CACA,iBAAA,CAGF,eACE,eAAA",sourcesContent:["@use '@carbon/colors';\n@use '@carbon/layout';\n@use '@carbon/type';\n\n.packingTable {\n  min-height: 15rem;\n  display: block;\n}\n\n.packingTableCell {\n  display: flex;\n  align-items: center;\n}\n\n.packagingTableBody {\n  min-height: layout.$spacing-13;\n}\n\n.packagingTableContainer {\n  padding-bottom: 1rem;\n  min-height: 15rem;\n  display: block;\n\n  :global(.cds--data-table-content) {\n    overflow-x: visible;\n  }\n}\n\n.searchAndSave {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  .submitButton {\n    margin-top: 1rem;\n  }\n}\n\n.deleteModal {\n  :global(.cds--modal-container.cds--modal-container--sm) {\n    :global(.cds--modal-content) {\n      :global(.cds--form-item) {\n        margin-top: 1rem;\n      }\n    }\n  }\n}\n\n.packageUnitsBtn {\n  display: flex;\n  justify-content: flex-end;\n  margin-right: 2rem;\n}\n\n:global(cds--form-item) {\n  margin-top: 1rem;\n}\n","// Code generated by @carbon/layout. DO NOT EDIT.\n//\n// Copyright IBM Corp. 2018, 2023\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-01: 0.125rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-02: 0.25rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-03: 0.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-04: 0.75rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-05: 1rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-06: 1.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-07: 2rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-08: 2.5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-09: 3rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-10: 4rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-11: 5rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-12: 6rem !default;\n\n/// @type Number\n/// @access public\n/// @group @carbon/layout\n$spacing-13: 10rem !default;\n\n/// @type Map\n/// @access public\n/// @group @carbon/layout\n$spacing: (\n  spacing-01: $spacing-01,\n  spacing-02: $spacing-02,\n  spacing-03: $spacing-03,\n  spacing-04: $spacing-04,\n  spacing-05: $spacing-05,\n  spacing-06: $spacing-06,\n  spacing-07: $spacing-07,\n  spacing-08: $spacing-08,\n  spacing-09: $spacing-09,\n  spacing-10: $spacing-10,\n  spacing-11: $spacing-11,\n  spacing-12: $spacing-12,\n  spacing-13: $spacing-13,\n);\n"],sourceRoot:""}]),c.locals={packingTable:"-esm-stock-management__packaging-units__packingTable___EPbfh",packingTableCell:"-esm-stock-management__packaging-units__packingTableCell___VOei6",packagingTableBody:"-esm-stock-management__packaging-units__packagingTableBody___1G5i-",packagingTableContainer:"-esm-stock-management__packaging-units__packagingTableContainer___8+wOb",searchAndSave:"-esm-stock-management__packaging-units__searchAndSave___dxJ+N",submitButton:"-esm-stock-management__packaging-units__submitButton___sVB-U",deleteModal:"-esm-stock-management__packaging-units__deleteModal___laBsG",packageUnitsBtn:"-esm-stock-management__packaging-units__packageUnitsBtn___2i+HC"};const o=c},3440:(n,e,a)=>{a.d(e,{Z:()=>A});var t=a(7410),i=a.n(t),r=a(4766),c=a.n(r),o=a(1991),s=a.n(o),l=a(3702),u=a.n(l),g=a(2434),m=a.n(g),p=a(1422),d=a.n(p),_=a(7179),b={};b.styleTagTransform=d(),b.setAttributes=u(),b.insert=s().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=m(),i()(_.Z,b);const A=_.Z&&_.Z.locals?_.Z.locals:void 0},3020:(n,e,a)=>{a.r(e),a.d(e,{default:()=>m});var t=a(1672),i=a.n(t),r=a(3397),c=a(9492),o=a(3775),s=a(3566),l=a(9462),u=a(3440);function g(n,e){(null==e||e>n.length)&&(e=n.length);for(var a=0,t=new Array(e);a<e;a++)t[a]=n[a];return t}const m=function(n){var e=n.row,a=n.closeModal,m=(0,r.useTranslation)().t,p=(0,l.z)(),d=p.mutate,_=p.setStockItemUuid;(0,t.useEffect)((function(){_(e.stockItemUuid)}),[e.stockItemUuid,_]);var b,A,k=(b=(0,t.useState)(""),A=2,function(n){if(Array.isArray(n))return n}(b)||function(n,e){var a=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=a){var t,i,r=[],c=!0,o=!1;try{for(a=a.call(n);!(c=(t=a.next()).done)&&(r.push(t.value),!e||r.length!==e);c=!0);}catch(n){o=!0,i=n}finally{try{c||null==a.return||a.return()}finally{if(o)throw i}}return r}}(b,A)||function(n,e){if(n){if("string"==typeof n)return g(n,e);var a=Object.prototype.toString.call(n).slice(8,-1);return"Object"===a&&n.constructor&&(a=n.constructor.name),"Map"===a||"Set"===a?Array.from(a):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?g(n,e):void 0}}(b,A)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),f=k[0],y=k[1];return i().createElement("div",null,i().createElement(c.xBx,{closeModal:a,className:u.Z.productiveHeading03},m("removePackagingUnit","Remove Packaging Unit"),"?"),i().createElement(c.fef,null,i().createElement("span",null,m("removePackagingUnitConfirmation","Would you really like to remove the packaging unit {{name}} from the stock item?",{name:null==e?void 0:e.packagingUomName})),i().createElement(c.Kx8,{id:"reason",labelText:m("reasonLabel","Please explain the reason:"),onChange:function(n){y(n.target.value)},maxLength:500,placeholder:m("reasonPlaceholder","Enter reason here")})),i().createElement(c.mzw,null,i().createElement(c.zxk,{kind:"secondary",onClick:a},m("no","No")),i().createElement(c.zxk,{kind:"danger",type:"submit",onClick:function(n){n.preventDefault(),(0,s.L7)(e.uuid).then((function(){d(),a(),(0,o.showSnackbar)({isLowContrast:!0,title:m("deletePackagingUnitTitle","Delete packing item"),kind:"success",subtitle:m("deletePackagingUnitMesaage","Stock Item packing unit deleted Successfully")})}),(function(n){(0,o.showSnackbar)({title:m("deletePackingUnitErrorTitle","Error Deleting a stock item packing unit"),kind:"error",isLowContrast:!0,subtitle:null==n?void 0:n.message})}))},disabled:f.length<1},m("yes","Yes"))))}},9462:(n,e,a)=>{a.d(e,{z:()=>s});var t=a(2484),i=a(1672),r=a(3566);function c(n,e){(null==e||e>n.length)&&(e=n.length);for(var a=0,t=new Array(e);a<e;a++)t[a]=n[a];return t}function o(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var a=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=a){var t,i,r=[],c=!0,o=!1;try{for(a=a.call(n);!(c=(t=a.next()).done)&&(r.push(t.value),!e||r.length!==e);c=!0);}catch(n){o=!0,i=n}finally{try{c||null==a.return||a.return()}finally{if(o)throw i}}return r}}(n,e)||function(n,e){if(n){if("string"==typeof n)return c(n,e);var a=Object.prototype.toString.call(n).slice(8,-1);return"Object"===a&&n.constructor&&(a=n.constructor.name),"Map"===a||"Set"===a?Array.from(a):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?c(n,e):void 0}}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(n){var e=o((0,i.useState)({startIndex:0,v:n||t._.Default,q:null,totalCount:!0}),2),a=e[0],c=e[1],s=o((0,i.useState)(),2),l=s[0],u=s[1];(0,i.useEffect)((function(){c({startIndex:0,v:t._.Default,totalCount:!0,stockItemUuid:l})}),[l]);var g,m=(0,r.Yf)(a),p=m.items,d=m.isLoading,_=m.error,b=m.mutate;return{items:null!==(g=p.results)&&void 0!==g?g:[],totalCount:p.totalCount,isLoading:d,error:_,setStockItemUuid:u,mutate:b}}}}]);