@apptimate/ui 5.9.0 → 6.1.0

package/src/common-components/transaction/ProductSelectionPanel.tsx

@@ -3,7 +3,7 @@
 import React, { useState, useEffect, useCallback, useMemo } from 'react';
 import { cn } from '@apptimate/core-lib';
 import {
-  Search, ScanBarcode, X, ShoppingCart, Package, Loader2,
+  Search, ScanBarcode, X, ShoppingCart, Package, Loader2, Plus,
   Trash2, ChevronDown, ChevronRight, AlertTriangle, Tag
 } from 'lucide-react';
 import { Badge } from '../../base-components/Badge';
@@ -24,6 +24,7 @@ interface ProductSelectionPanelProps {
   onUpdateLine: (uid: string, updates: Partial<TransactionLineItem>) => void;
   onRemoveLine: (uid: string) => void;
   onToggleExpand: (uid: string) => void;
+  onAddNewItem?: (callbacks: { setItemSearch: (value: string) => void }) => void;
 }
 
 export function ProductSelectionPanel({
@@ -35,6 +36,7 @@ export function ProductSelectionPanel({
   onUpdateLine,
   onRemoveLine,
   onToggleExpand,
+  onAddNewItem,
 }: ProductSelectionPanelProps) {
   const [searchValue, setSearchValue] = useState('');
   const [searchResults, setSearchResults] = useState<TransactionItem[]>([]);
@@ -400,18 +402,22 @@ export function ProductSelectionPanel({
                 </button>
               }
             />
-            <div className="w-[1px] h-5 bg-border-subtle mx-1" />
-            <button
-              type="button"
-              onClick={() => inputRef.current?.focus()}
-              title="Click to focus input for barcode scanning"
-              className="flex items-center justify-center outline-none"
-            >
-              <ScanBarcode 
-                size={18} 
-                className="text-foreground-disabled shrink-0 cursor-pointer hover:text-primary transition-colors" 
-              />
-            </button>
+            {onAddNewItem && (
+              <>
+                <div className="w-[1px] h-5 bg-border-subtle mx-1" />
+                <button
+                  type="button"
+                  onClick={() => onAddNewItem({ setItemSearch: handleSearch })}
+                  title="Create new item"
+                  className="flex items-center justify-center outline-none mr-1"
+                >
+                  <Plus 
+                    size={18} 
+                    className="text-foreground-disabled shrink-0 cursor-pointer hover:text-primary transition-colors" 
+                  />
+                </button>
+              </>
+            )}
           </div>
         </div>
 

package/src/common-components/transaction/ProductTransactionScreen.tsx

@@ -30,6 +30,7 @@ export function ProductTransactionScreen({
   renderExtraMeta,
   fetchChequeLeaves,
   initialData,
+  onAddNewItem,
 }: ProductTransactionScreenProps) {
   // ── State ──
   const [lineItems, setLineItems] = useState<TransactionLineItem[]>([]);
@@ -469,6 +470,7 @@ export function ProductTransactionScreen({
             onUpdateLine={handleUpdateLine}
             onRemoveLine={handleRemoveLine}
             onToggleExpand={handleToggleExpand}
+            onAddNewItem={onAddNewItem}
           />
         </div>
 

package/src/common-components/transaction/types.ts

@@ -316,6 +316,8 @@ export interface ProductTransactionScreenProps {
   fetchChequeLeaves?: (query: string, page: number) => Promise<{ is_success: boolean; result?: any[] }>;
   /** Initial data for populating the transaction screen (e.g., from a PO) */
   initialData?: any;
+  /** Optional callback to create a new item directly from the search bar */
+  onAddNewItem?: (callbacks: { setItemSearch: (value: string) => void }) => void;
 }
 
 export interface TransactionPayload {

package/src/index.tsx

@@ -54,6 +54,7 @@ export * from './common-components/pickers/WarehousePicker';
 // Item Wizard
 export { default as ItemFormWizard } from './common-components/item-wizard/ItemFormWizard';
 export * from './common-components/item-wizard/ItemFormWizard';
+export * from './common-components/item-wizard/QuickItemWizard';
 export { default as SkuConfigModal } from './common-components/item-wizard/SkuConfigModal';
 export * from './common-components/item-wizard/SkuConfigModal';
 
@@ -76,3 +77,5 @@ export { default as AttendanceTimesheets } from './common-components/attendance-
 export * from './common-components/attendance-shifts/AttendanceTimesheets';
 
 export * from "./base-components/ChartOfAccountPicker";
+export * from './common-components/print/TemplateRenderer';
+export { default as TransactionPrintSelector } from './common-components/print/TransactionPrintSelector';