npm - @ayasofyazilim/ui - Versions diffs - 0.0.4 → 0.0.6 - Mend

@ayasofyazilim/ui 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (253) hide show

package/dist/custom/document-scanner/corner-adjustment/action-buttons.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo } from "react";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 const ActionButtons = memo(
   ({
     allowCrop,

package/dist/custom/document-scanner/corner-adjustment/action-buttons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/custom/document-scanner/corner-adjustment/action-buttons.tsx"],"sourcesContent":["import { memo } from \"react\";\r\nimport { ActionButtonsProps } from \"./types\";\r\nimport { Button } from \"@~~repo~~/~~ayasofyazilim-~~ui/components/button\";\r\n\r\nexport const ActionButtons = memo<ActionButtonsProps>(\r\n ({\r\n allowCrop,\r\n allowRetry,\r\n cropButtonText,\r\n retryButtonText,\r\n onCrop,\r\n onRetry,\r\n }) => {\r\n if (!allowCrop && !allowRetry) return null;\r\n\r\n return (\r\n <div className=\"absolute bottom-2 right-2 flex gap-2\">\r\n {allowRetry && (\r\n <Button type=\"button\" variant=\"outline\" onClick={onRetry} size=\"sm\">\r\n {retryButtonText}\r\n </Button>\r\n )}\r\n {allowCrop && (\r\n <Button onClick={onCrop} size=\"sm\">\r\n {cropButtonText}\r\n </Button>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nActionButtons.displayName = \"ActionButtons\";\r\n"],"mappings":"AAgBM,SAEI,KAFJ;AAhBN,SAAS,YAAY;AAErB,SAAS,cAAc;AAEhB,MAAM,gBAAgB;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAM;AACJ,QAAI,CAAC,aAAa,CAAC,WAAY,QAAO;AAEtC,WACE,qBAAC,SAAI,WAAU,wCACZ;AAAA,oBACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,SAAS,MAAK,MAC5D,2BACH;AAAA,MAED,aACC,oBAAC,UAAO,SAAS,QAAQ,MAAK,MAC3B,0BACH;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../../src/custom/document-scanner/corner-adjustment/action-buttons.tsx"],"sourcesContent":["import { memo } from \"react\";\r\nimport { ActionButtonsProps } from \"./types\";\r\nimport { Button } from \"@ayasofyazilim/ui/components/button\";\r\n\r\nexport const ActionButtons = memo<ActionButtonsProps>(\r\n ({\r\n allowCrop,\r\n allowRetry,\r\n cropButtonText,\r\n retryButtonText,\r\n onCrop,\r\n onRetry,\r\n }) => {\r\n if (!allowCrop && !allowRetry) return null;\r\n\r\n return (\r\n <div className=\"absolute bottom-2 right-2 flex gap-2\">\r\n {allowRetry && (\r\n <Button type=\"button\" variant=\"outline\" onClick={onRetry} size=\"sm\">\r\n {retryButtonText}\r\n </Button>\r\n )}\r\n {allowCrop && (\r\n <Button onClick={onCrop} size=\"sm\">\r\n {cropButtonText}\r\n </Button>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nActionButtons.displayName = \"ActionButtons\";\r\n"],"mappings":"AAgBM,SAEI,KAFJ;AAhBN,SAAS,YAAY;AAErB,SAAS,cAAc;AAEhB,MAAM,gBAAgB;AAAA,EAC3B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAM;AACJ,QAAI,CAAC,aAAa,CAAC,WAAY,QAAO;AAEtC,WACE,qBAAC,SAAI,WAAU,wCACZ;AAAA,oBACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,SAAS,SAAS,MAAK,MAC5D,2BACH;AAAA,MAED,aACC,oBAAC,UAAO,SAAS,QAAQ,MAAK,MAC3B,0BACH;AAAA,OAEJ;AAAA,EAEJ;AACF;AAEA,cAAc,cAAc;","names":[]}

package/dist/custom/document-scanner/corner-adjustment/corner-handle.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 const CornerHandle = memo(
   ({
     cornerKey,

package/dist/custom/document-scanner/corner-adjustment/corner-handle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/custom/document-scanner/corner-adjustment/corner-handle.tsx"],"sourcesContent":["import { memo } from \"react\";\r\nimport { cn } from \"@~~repo~~/~~ayasofyazilim-~~ui/lib/utils\";\r\nimport { CornerHandleProps } from \"./types\";\r\n\r\nexport const CornerHandle = memo<CornerHandleProps>(\r\n ({\r\n cornerKey,\r\n corner,\r\n videoDimensions,\r\n isDragging,\r\n cornerColor,\r\n cornerTouchAreaSize,\r\n onDragStart,\r\n }) => {\r\n const percentX = (corner.x / videoDimensions.width) * 100;\r\n const percentY = (corner.y / videoDimensions.height) * 100;\r\n\r\n return (\r\n <div\r\n role=\"button\"\r\n tabIndex={0}\r\n className={cn(\r\n \"block border rounded-full min-w-5 min-h-5 absolute cursor-grab active:cursor-grabbing select-none\",\r\n isDragging ? \"bg-blue-500/80 scale-125\" : cornerColor,\r\n isDragging ? \"z-20\" : \"z-10\"\r\n )}\r\n style={{\r\n left: `${percentX}%`,\r\n top: `${percentY}%`,\r\n transform: `translate(-50%, -50%)`,\r\n width: `${cornerTouchAreaSize}px`,\r\n height: `${cornerTouchAreaSize}px`,\r\n touchAction: \"none\",\r\n }}\r\n onPointerDown={(e) => onDragStart(cornerKey, e)}\r\n >\r\n <span className=\"sr-only\">{`Drag ${cornerKey} corner`}</span>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nCornerHandle.displayName = \"CornerHandle\";\r\n"],"mappings":"AAoCQ;AApCR,SAAS,YAAY;AACrB,SAAS,UAAU;AAGZ,MAAM,eAAe;AAAA,EAC1B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,WAAY,OAAO,IAAI,gBAAgB,QAAS;AACtD,UAAM,WAAY,OAAO,IAAI,gBAAgB,SAAU;AAEvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA,aAAa,6BAA6B;AAAA,UAC1C,aAAa,SAAS;AAAA,QACxB;AAAA,QACA,OAAO;AAAA,UACL,MAAM,GAAG,QAAQ;AAAA,UACjB,KAAK,GAAG,QAAQ;AAAA,UAChB,WAAW;AAAA,UACX,OAAO,GAAG,mBAAmB;AAAA,UAC7B,QAAQ,GAAG,mBAAmB;AAAA,UAC9B,aAAa;AAAA,QACf;AAAA,QACA,eAAe,CAAC,MAAM,YAAY,WAAW,CAAC;AAAA,QAE9C,8BAAC,UAAK,WAAU,WAAW,kBAAQ,SAAS,WAAU;AAAA;AAAA,IACxD;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":[]}
1	+ {"version":3,"sources":["../../../../src/custom/document-scanner/corner-adjustment/corner-handle.tsx"],"sourcesContent":["import { memo } from \"react\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { CornerHandleProps } from \"./types\";\r\n\r\nexport const CornerHandle = memo<CornerHandleProps>(\r\n ({\r\n cornerKey,\r\n corner,\r\n videoDimensions,\r\n isDragging,\r\n cornerColor,\r\n cornerTouchAreaSize,\r\n onDragStart,\r\n }) => {\r\n const percentX = (corner.x / videoDimensions.width) * 100;\r\n const percentY = (corner.y / videoDimensions.height) * 100;\r\n\r\n return (\r\n <div\r\n role=\"button\"\r\n tabIndex={0}\r\n className={cn(\r\n \"block border rounded-full min-w-5 min-h-5 absolute cursor-grab active:cursor-grabbing select-none\",\r\n isDragging ? \"bg-blue-500/80 scale-125\" : cornerColor,\r\n isDragging ? \"z-20\" : \"z-10\",\r\n )}\r\n style={{\r\n left: `${percentX}%`,\r\n top: `${percentY}%`,\r\n transform: `translate(-50%, -50%)`,\r\n width: `${cornerTouchAreaSize}px`,\r\n height: `${cornerTouchAreaSize}px`,\r\n touchAction: \"none\",\r\n }}\r\n onPointerDown={(e) => onDragStart(cornerKey, e)}\r\n >\r\n <span className=\"sr-only\">{`Drag ${cornerKey} corner`}</span>\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nCornerHandle.displayName = \"CornerHandle\";\r\n"],"mappings":"AAoCQ;AApCR,SAAS,YAAY;AACrB,SAAS,UAAU;AAGZ,MAAM,eAAe;AAAA,EAC1B,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,MAAM;AACJ,UAAM,WAAY,OAAO,IAAI,gBAAgB,QAAS;AACtD,UAAM,WAAY,OAAO,IAAI,gBAAgB,SAAU;AAEvD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA,aAAa,6BAA6B;AAAA,UAC1C,aAAa,SAAS;AAAA,QACxB;AAAA,QACA,OAAO;AAAA,UACL,MAAM,GAAG,QAAQ;AAAA,UACjB,KAAK,GAAG,QAAQ;AAAA,UAChB,WAAW;AAAA,UACX,OAAO,GAAG,mBAAmB;AAAA,UAC7B,QAAQ,GAAG,mBAAmB;AAAA,UAC9B,aAAa;AAAA,QACf;AAAA,QACA,eAAe,CAAC,MAAM,YAAY,WAAW,CAAC;AAAA,QAE9C,8BAAC,UAAK,WAAU,WAAW,kBAAQ,SAAS,WAAU;AAAA;AAAA,IACxD;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;","names":[]}

package/dist/custom/document-scanner/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo, useState } from "react";
 import { Loader } from "lucide-react";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { Webcam } from "../webcam";
 import {
   DEFAULT_CAPTURE_INTERVAL,
@@ -13,7 +13,7 @@ import { CornerAdjustment } from "./corner-adjustment";
 import { useDocumentCapture } from "./hooks/use-document-capture";
 import { useDocumentScanner } from "./hooks/use-document-scanner";
 import { usePerspectiveCrop } from "./hooks/use-perspective-crop";
-import { Skeleton } from "@repo/ayasofyazilim-ui/components/skeleton";
+import { Skeleton } from "@ayasofyazilim/ui/components/skeleton";
 function DocumentScanner({
   // Core callbacks
   onDocumentCropped,

package/dist/custom/document-scanner/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/custom/document-scanner/index.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\r\nimport { Loader } from \"lucide-react\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { Webcam } from \"../webcam\";\r\nimport {\r\n DEFAULT_CAPTURE_INTERVAL,\r\n DEFAULT_IMAGE_QUALITY,\r\n DEFAULT_MAX_DOCUMENT_SIZE,\r\n DEFAULT_MIN_DOCUMENT_SIZE,\r\n} from \"./consts\";\r\nimport { CornerAdjustment } from \"./corner-adjustment\";\r\nimport { useDocumentCapture } from \"./hooks/use-document-capture\";\r\nimport { useDocumentScanner } from \"./hooks/use-document-scanner\";\r\nimport { usePerspectiveCrop } from \"./hooks/use-perspective-crop\";\r\nimport { DocumentScannerProps, ScannerStatus } from \"./types\";\r\nimport { Skeleton } from \"@repo/ayasofyazilim-ui/components/skeleton\";\r\n\r\nexport function DocumentScanner({\r\n // Core callbacks\r\n onDocumentCropped,\r\n onDocumentDetected,\r\n onCornersChanged,\r\n onError,\r\n onStatusChange,\r\n onCameraReady,\r\n onScanAttempt,\r\n onImageCapture,\r\n\r\n // Basic configuration\r\n className = \"\",\r\n captureInterval = DEFAULT_CAPTURE_INTERVAL,\r\n\r\n // Feature toggles\r\n allowCrop = true,\r\n allowRetry = true,\r\n allowCornerAdjustment = true,\r\n allowCameraSwitch = true,\r\n showWebcamControls = false,\r\n\r\n // UI Text customization\r\n cropButtonText = \"Crop\",\r\n retryButtonText = \"Scan Again\",\r\n\r\n // Visual styling\r\n cornerColor = \"bg-white/80\",\r\n cornerTouchAreaSize = 20,\r\n\r\n // Detection settings\r\n minDocumentSize = DEFAULT_MIN_DOCUMENT_SIZE,\r\n maxDocumentSize = DEFAULT_MAX_DOCUMENT_SIZE,\r\n detectionConfidence = 0.8,\r\n\r\n // Image processing\r\n imageQuality = DEFAULT_IMAGE_QUALITY,\r\n\r\n // Magnifier settings\r\n showMagnifier = true,\r\n magnifierSize = 60,\r\n zoomLevel = 2,\r\n\r\n // Advanced settings\r\n customDetectionAlgorithm,\r\n\r\n // Custom components\r\n customControls,\r\n customOverlay,\r\n\r\n // Webcam interface\r\n interfaceLocation = \"absolute\",\r\n showBorder = true,\r\n}: DocumentScannerProps) {\r\n const [webCamKey, setWebCamKey] = useState(() => Date.now().toString());\r\n const [status, setStatus] = useState<ScannerStatus>(\"scanning\");\r\n\r\n // Combine callbacks for hooks\r\n const callbacks = useMemo(\r\n () => ({\r\n onDocumentCropped,\r\n onDocumentDetected,\r\n onCornersChanged,\r\n onError,\r\n onStatusChange: (newStatus: ScannerStatus) => {\r\n setStatus(newStatus);\r\n onStatusChange?.(newStatus);\r\n },\r\n onCameraReady,\r\n onScanAttempt,\r\n onImageCapture,\r\n }),\r\n [\r\n onDocumentCropped,\r\n onDocumentDetected,\r\n onCornersChanged,\r\n onError,\r\n onStatusChange,\r\n onCameraReady,\r\n onScanAttempt,\r\n onImageCapture,\r\n ]\r\n );\r\n\r\n // Detection settings\r\n const detectionSettings = useMemo(\r\n () => ({\r\n minDocumentSize,\r\n maxDocumentSize,\r\n detectionConfidence,\r\n }),\r\n [minDocumentSize, maxDocumentSize, detectionConfidence]\r\n );\r\n\r\n // Main document scanner state\r\n const {\r\n videoDimensions,\r\n detectedCorners,\r\n capturedImage,\r\n handleVideoReady,\r\n handleCornersChange,\r\n handleError,\r\n handleImageCrop,\r\n handleRetry: originalHandleRetry,\r\n setCapturedImage,\r\n setDetectedCorners,\r\n } = useDocumentScanner(callbacks);\r\n\r\n // Enhanced retry handler that resets webcam\r\n const handleRetry = useCallback(() => {\r\n originalHandleRetry();\r\n setWebCamKey(Date.now().toString());\r\n }, [originalHandleRetry]);\r\n\r\n // Document capture logic\r\n const handleCapture = useDocumentCapture({\r\n videoDimensions,\r\n callbacks,\r\n customDetectionAlgorithm,\r\n detectionSettings,\r\n setCapturedImage,\r\n setDetectedCorners,\r\n handleError,\r\n });\r\n\r\n // Perspective cropping logic\r\n const handleCrop = usePerspectiveCrop({\r\n videoDimensions,\r\n imageQuality,\r\n handleImageCrop,\r\n handleError,\r\n });\r\n\r\n // Webcam configuration\r\n const webcamCallbacks = useMemo(\r\n () => ({\r\n onWebcamReady: handleVideoReady,\r\n onAutoPhotoCaptured: handleCapture,\r\n }),\r\n [handleVideoReady, handleCapture]\r\n );\r\n\r\n const webcamClassNames = useMemo(\r\n () => ({\r\n placeholder: \"block\",\r\n }),\r\n []\r\n );\r\n\r\n const webcamAutoCapture = useMemo(\r\n () => ({\r\n captureInterval,\r\n hasInterface: showWebcamControls,\r\n startOnReady: true,\r\n quality: imageQuality,\r\n stopOnCapture: true,\r\n }),\r\n [captureInterval, imageQuality, showWebcamControls]\r\n );\r\n\r\n const webcamPlaceholder = useMemo(() => {\r\n if (status === \"scanning\") {\r\n return (\r\n <Skeleton className=\"w-full h-full bg-white/50 flex items-center justify-center\">\r\n <Loader className=\"size-4 animate-spin\" />\r\n </Skeleton>\r\n );\r\n }\r\n if (detectedCorners && capturedImage && allowCornerAdjustment) {\r\n return (\r\n <CornerAdjustment\r\n capturedImage={capturedImage}\r\n detectedCorners={detectedCorners}\r\n videoDimensions={videoDimensions}\r\n onCornersChange={handleCornersChange}\r\n onCrop={() => handleCrop(capturedImage, detectedCorners)}\r\n onRetry={handleRetry}\r\n cornerColor={cornerColor}\r\n cornerTouchAreaSize={cornerTouchAreaSize}\r\n allowCrop={allowCrop}\r\n allowRetry={allowRetry}\r\n cropButtonText={cropButtonText}\r\n retryButtonText={retryButtonText}\r\n showMagnifier={showMagnifier}\r\n magnifierSize={magnifierSize}\r\n zoomLevel={zoomLevel}\r\n />\r\n );\r\n }\r\n\r\n return undefined;\r\n }, [\r\n status,\r\n detectedCorners,\r\n allowCornerAdjustment,\r\n videoDimensions,\r\n capturedImage,\r\n cornerTouchAreaSize,\r\n cornerColor,\r\n handleCornersChange,\r\n handleCrop,\r\n handleRetry,\r\n allowCrop,\r\n allowRetry,\r\n cropButtonText,\r\n retryButtonText,\r\n showMagnifier,\r\n magnifierSize,\r\n zoomLevel,\r\n ]);\r\n\r\n const isInCornerAdjustmentMode =\r\n (detectedCorners && capturedImage && allowCornerAdjustment) \|\| false;\r\n\r\n return (\r\n <div\r\n className={cn(\r\n \"container relative mx-auto max-w-3xl overflow-hidden p-4\",\r\n className\r\n )}\r\n >\r\n {customOverlay}\r\n <Webcam\r\n key={webCamKey}\r\n classNames={webcamClassNames}\r\n callbacks={webcamCallbacks}\r\n defaultCamera=\"back\"\r\n autoCapture={webcamAutoCapture}\r\n allowCameraSwitch={allowCameraSwitch}\r\n placeholder={webcamPlaceholder}\r\n interfaceLocation={interfaceLocation}\r\n showBorder={showBorder}\r\n forceHideInterface={isInCornerAdjustmentMode}\r\n />\r\n {customControls && <div className=\"mt-4\">{customControls}</div>}\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../../src/custom/document-scanner/index.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\r\nimport { Loader } from \"lucide-react\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { Webcam } from \"../webcam\";\r\nimport {\r\n DEFAULT_CAPTURE_INTERVAL,\r\n DEFAULT_IMAGE_QUALITY,\r\n DEFAULT_MAX_DOCUMENT_SIZE,\r\n DEFAULT_MIN_DOCUMENT_SIZE,\r\n} from \"./consts\";\r\nimport { CornerAdjustment } from \"./corner-adjustment\";\r\nimport { useDocumentCapture } from \"./hooks/use-document-capture\";\r\nimport { useDocumentScanner } from \"./hooks/use-document-scanner\";\r\nimport { usePerspectiveCrop } from \"./hooks/use-perspective-crop\";\r\nimport { DocumentScannerProps, ScannerStatus } from \"./types\";\r\nimport { Skeleton } from \"@ayasofyazilim/ui/components/skeleton\";\r\n\r\nexport function DocumentScanner({\r\n // Core callbacks\r\n onDocumentCropped,\r\n onDocumentDetected,\r\n onCornersChanged,\r\n onError,\r\n onStatusChange,\r\n onCameraReady,\r\n onScanAttempt,\r\n onImageCapture,\r\n\r\n // Basic configuration\r\n className = \"\",\r\n captureInterval = DEFAULT_CAPTURE_INTERVAL,\r\n\r\n // Feature toggles\r\n allowCrop = true,\r\n allowRetry = true,\r\n allowCornerAdjustment = true,\r\n allowCameraSwitch = true,\r\n showWebcamControls = false,\r\n\r\n // UI Text customization\r\n cropButtonText = \"Crop\",\r\n retryButtonText = \"Scan Again\",\r\n\r\n // Visual styling\r\n cornerColor = \"bg-white/80\",\r\n cornerTouchAreaSize = 20,\r\n\r\n // Detection settings\r\n minDocumentSize = DEFAULT_MIN_DOCUMENT_SIZE,\r\n maxDocumentSize = DEFAULT_MAX_DOCUMENT_SIZE,\r\n detectionConfidence = 0.8,\r\n\r\n // Image processing\r\n imageQuality = DEFAULT_IMAGE_QUALITY,\r\n\r\n // Magnifier settings\r\n showMagnifier = true,\r\n magnifierSize = 60,\r\n zoomLevel = 2,\r\n\r\n // Advanced settings\r\n customDetectionAlgorithm,\r\n\r\n // Custom components\r\n customControls,\r\n customOverlay,\r\n\r\n // Webcam interface\r\n interfaceLocation = \"absolute\",\r\n showBorder = true,\r\n}: DocumentScannerProps) {\r\n const [webCamKey, setWebCamKey] = useState(() => Date.now().toString());\r\n const [status, setStatus] = useState<ScannerStatus>(\"scanning\");\r\n\r\n // Combine callbacks for hooks\r\n const callbacks = useMemo(\r\n () => ({\r\n onDocumentCropped,\r\n onDocumentDetected,\r\n onCornersChanged,\r\n onError,\r\n onStatusChange: (newStatus: ScannerStatus) => {\r\n setStatus(newStatus);\r\n onStatusChange?.(newStatus);\r\n },\r\n onCameraReady,\r\n onScanAttempt,\r\n onImageCapture,\r\n }),\r\n [\r\n onDocumentCropped,\r\n onDocumentDetected,\r\n onCornersChanged,\r\n onError,\r\n onStatusChange,\r\n onCameraReady,\r\n onScanAttempt,\r\n onImageCapture,\r\n ],\r\n );\r\n\r\n // Detection settings\r\n const detectionSettings = useMemo(\r\n () => ({\r\n minDocumentSize,\r\n maxDocumentSize,\r\n detectionConfidence,\r\n }),\r\n [minDocumentSize, maxDocumentSize, detectionConfidence],\r\n );\r\n\r\n // Main document scanner state\r\n const {\r\n videoDimensions,\r\n detectedCorners,\r\n capturedImage,\r\n handleVideoReady,\r\n handleCornersChange,\r\n handleError,\r\n handleImageCrop,\r\n handleRetry: originalHandleRetry,\r\n setCapturedImage,\r\n setDetectedCorners,\r\n } = useDocumentScanner(callbacks);\r\n\r\n // Enhanced retry handler that resets webcam\r\n const handleRetry = useCallback(() => {\r\n originalHandleRetry();\r\n setWebCamKey(Date.now().toString());\r\n }, [originalHandleRetry]);\r\n\r\n // Document capture logic\r\n const handleCapture = useDocumentCapture({\r\n videoDimensions,\r\n callbacks,\r\n customDetectionAlgorithm,\r\n detectionSettings,\r\n setCapturedImage,\r\n setDetectedCorners,\r\n handleError,\r\n });\r\n\r\n // Perspective cropping logic\r\n const handleCrop = usePerspectiveCrop({\r\n videoDimensions,\r\n imageQuality,\r\n handleImageCrop,\r\n handleError,\r\n });\r\n\r\n // Webcam configuration\r\n const webcamCallbacks = useMemo(\r\n () => ({\r\n onWebcamReady: handleVideoReady,\r\n onAutoPhotoCaptured: handleCapture,\r\n }),\r\n [handleVideoReady, handleCapture],\r\n );\r\n\r\n const webcamClassNames = useMemo(\r\n () => ({\r\n placeholder: \"block\",\r\n }),\r\n [],\r\n );\r\n\r\n const webcamAutoCapture = useMemo(\r\n () => ({\r\n captureInterval,\r\n hasInterface: showWebcamControls,\r\n startOnReady: true,\r\n quality: imageQuality,\r\n stopOnCapture: true,\r\n }),\r\n [captureInterval, imageQuality, showWebcamControls],\r\n );\r\n\r\n const webcamPlaceholder = useMemo(() => {\r\n if (status === \"scanning\") {\r\n return (\r\n <Skeleton className=\"w-full h-full bg-white/50 flex items-center justify-center\">\r\n <Loader className=\"size-4 animate-spin\" />\r\n </Skeleton>\r\n );\r\n }\r\n if (detectedCorners && capturedImage && allowCornerAdjustment) {\r\n return (\r\n <CornerAdjustment\r\n capturedImage={capturedImage}\r\n detectedCorners={detectedCorners}\r\n videoDimensions={videoDimensions}\r\n onCornersChange={handleCornersChange}\r\n onCrop={() => handleCrop(capturedImage, detectedCorners)}\r\n onRetry={handleRetry}\r\n cornerColor={cornerColor}\r\n cornerTouchAreaSize={cornerTouchAreaSize}\r\n allowCrop={allowCrop}\r\n allowRetry={allowRetry}\r\n cropButtonText={cropButtonText}\r\n retryButtonText={retryButtonText}\r\n showMagnifier={showMagnifier}\r\n magnifierSize={magnifierSize}\r\n zoomLevel={zoomLevel}\r\n />\r\n );\r\n }\r\n\r\n return undefined;\r\n }, [\r\n status,\r\n detectedCorners,\r\n allowCornerAdjustment,\r\n videoDimensions,\r\n capturedImage,\r\n cornerTouchAreaSize,\r\n cornerColor,\r\n handleCornersChange,\r\n handleCrop,\r\n handleRetry,\r\n allowCrop,\r\n allowRetry,\r\n cropButtonText,\r\n retryButtonText,\r\n showMagnifier,\r\n magnifierSize,\r\n zoomLevel,\r\n ]);\r\n\r\n const isInCornerAdjustmentMode =\r\n (detectedCorners && capturedImage && allowCornerAdjustment) \|\| false;\r\n\r\n return (\r\n <div\r\n className={cn(\r\n \"container relative mx-auto max-w-3xl overflow-hidden p-4\",\r\n className,\r\n )}\r\n >\r\n {customOverlay}\r\n <Webcam\r\n key={webCamKey}\r\n classNames={webcamClassNames}\r\n callbacks={webcamCallbacks}\r\n defaultCamera=\"back\"\r\n autoCapture={webcamAutoCapture}\r\n allowCameraSwitch={allowCameraSwitch}\r\n placeholder={webcamPlaceholder}\r\n interfaceLocation={interfaceLocation}\r\n showBorder={showBorder}\r\n forceHideInterface={isInCornerAdjustmentMode}\r\n />\r\n {customControls && <div className=\"mt-4\">{customControls}</div>}\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/document-viewer/controllers.js CHANGED Viewed

@@ -9,13 +9,13 @@ import {
 } from "lucide-react";
 import Link from "next/link";
 import { useEffect, useState } from "react";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "@repo/ayasofyazilim-ui/components/popover";
-import { Input } from "@repo/ayasofyazilim-ui/components/input";
+} from "@ayasofyazilim/ui/components/popover";
+import { Input } from "@ayasofyazilim/ui/components/input";
 function Controllers({
   documentUri,
   zoom,

package/dist/custom/document-viewer/controllers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/custom/document-viewer/controllers.tsx"],"sourcesContent":["import {\r\n DownloadIcon,\r\n EyeIcon,\r\n EyeOffIcon,\r\n SearchIcon,\r\n ZoomIn,\r\n ZoomOut,\r\n} from \"lucide-react\";\r\nimport Link from \"next/link\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Button } from \"@~~repo~~/~~ayasofyazilim-~~ui/components/button\";\r\nimport {\r\n Popover,\r\n PopoverContent,\r\n PopoverTrigger,\r\n} from \"@~~repo~~/~~ayasofyazilim-~~ui/components/popover\";\r\nimport { Input } from \"@~~repo~~/~~ayasofyazilim-~~ui/components/input\";\r\n\r\nexport function Controllers({\r\n documentUri,\r\n zoom,\r\n setZoom,\r\n showThumbnail,\r\n setShowThumbnail,\r\n searchValue,\r\n setSearchValue,\r\n}: {\r\n documentUri: string;\r\n zoom: number;\r\n setZoom: (zoom: number) => void;\r\n showThumbnail?: boolean;\r\n setShowThumbnail?: (show: boolean) => void;\r\n searchValue?: string;\r\n setSearchValue?: (value: string) => void;\r\n}) {\r\n const [open, setOpen] = useState(false);\r\n useEffect(() => {\r\n if (!open) {\r\n if (setSearchValue) {\r\n setSearchValue(\"\");\r\n }\r\n }\r\n }, [open]);\r\n\r\n return (\r\n <div className=\"absolute top-4 right-6 flex gap-2 z-10 flex-col\">\r\n {setShowThumbnail && (\r\n <Button\r\n variant=\"outline\"\r\n size=\"icon\"\r\n onClick={() => setShowThumbnail(!showThumbnail)}\r\n >\r\n {showThumbnail ? (\r\n <EyeIcon className=\"size-4\" />\r\n ) : (\r\n <EyeOffIcon className=\"size-4\" />\r\n )}\r\n </Button>\r\n )}\r\n <Button variant=\"outline\" size=\"icon\" onClick={() => setZoom(zoom - 0.1)}>\r\n <ZoomOut className=\"size-4\" />\r\n </Button>\r\n <Button variant=\"outline\" size=\"icon\" onClick={() => setZoom(zoom + 0.1)}>\r\n <ZoomIn className=\"size-4\" />\r\n </Button>\r\n <Button asChild variant=\"outline\" size=\"icon\">\r\n <Link href={documentUri} download target=\"_blank\">\r\n <DownloadIcon className=\"size-4\" />\r\n </Link>\r\n </Button>\r\n {setSearchValue && (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"outline\"\r\n size=\"icon\"\r\n onClick={() => setOpen(!open)}\r\n >\r\n <SearchIcon className=\"size-4\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-80 p-0\" side=\"left\">\r\n <div className=\"grid gap-4\">\r\n <Input\r\n id=\"search\"\r\n defaultValue={searchValue}\r\n onChange={(e) => {\r\n setSearchValue(e.target.value);\r\n }}\r\n className=\"col-span-2 h-8\"\r\n />\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n )}\r\n </div>\r\n );\r\n}\r\n"],"mappings":"AAqDY,cAkBJ,YAlBI;AArDZ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,UAAU;AACjB,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AAEf,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,YAAU,MAAM;AACd,QAAI,CAAC,MAAM;AACT,UAAI,gBAAgB;AAClB,uBAAe,EAAE;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,SAAI,WAAU,mDACZ;AAAA,wBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,iBAAiB,CAAC,aAAa;AAAA,QAE7C,0BACC,oBAAC,WAAQ,WAAU,UAAS,IAE5B,oBAAC,cAAW,WAAU,UAAS;AAAA;AAAA,IAEnC;AAAA,IAEF,oBAAC,UAAO,SAAQ,WAAU,MAAK,QAAO,SAAS,MAAM,QAAQ,OAAO,GAAG,GACrE,8BAAC,WAAQ,WAAU,UAAS,GAC9B;AAAA,IACA,oBAAC,UAAO,SAAQ,WAAU,MAAK,QAAO,SAAS,MAAM,QAAQ,OAAO,GAAG,GACrE,8BAAC,UAAO,WAAU,UAAS,GAC7B;AAAA,IACA,oBAAC,UAAO,SAAO,MAAC,SAAQ,WAAU,MAAK,QACrC,8BAAC,QAAK,MAAM,aAAa,UAAQ,MAAC,QAAO,UACvC,8BAAC,gBAAa,WAAU,UAAS,GACnC,GACF;AAAA,IACC,kBACC,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,CAAC,IAAI;AAAA,UAE5B,8BAAC,cAAW,WAAU,UAAS;AAAA;AAAA,MACjC,GACF;AAAA,MACA,oBAAC,kBAAe,WAAU,YAAW,MAAK,QACxC,8BAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,cAAc;AAAA,UACd,UAAU,CAAC,MAAM;AACf,2BAAe,EAAE,OAAO,KAAK;AAAA,UAC/B;AAAA,UACA,WAAU;AAAA;AAAA,MACZ,GACF,GACF;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../src/custom/document-viewer/controllers.tsx"],"sourcesContent":["import {\r\n DownloadIcon,\r\n EyeIcon,\r\n EyeOffIcon,\r\n SearchIcon,\r\n ZoomIn,\r\n ZoomOut,\r\n} from \"lucide-react\";\r\nimport Link from \"next/link\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Button } from \"@ayasofyazilim/ui/components/button\";\r\nimport {\r\n Popover,\r\n PopoverContent,\r\n PopoverTrigger,\r\n} from \"@ayasofyazilim/ui/components/popover\";\r\nimport { Input } from \"@ayasofyazilim/ui/components/input\";\r\n\r\nexport function Controllers({\r\n documentUri,\r\n zoom,\r\n setZoom,\r\n showThumbnail,\r\n setShowThumbnail,\r\n searchValue,\r\n setSearchValue,\r\n}: {\r\n documentUri: string;\r\n zoom: number;\r\n setZoom: (zoom: number) => void;\r\n showThumbnail?: boolean;\r\n setShowThumbnail?: (show: boolean) => void;\r\n searchValue?: string;\r\n setSearchValue?: (value: string) => void;\r\n}) {\r\n const [open, setOpen] = useState(false);\r\n useEffect(() => {\r\n if (!open) {\r\n if (setSearchValue) {\r\n setSearchValue(\"\");\r\n }\r\n }\r\n }, [open]);\r\n\r\n return (\r\n <div className=\"absolute top-4 right-6 flex gap-2 z-10 flex-col\">\r\n {setShowThumbnail && (\r\n <Button\r\n variant=\"outline\"\r\n size=\"icon\"\r\n onClick={() => setShowThumbnail(!showThumbnail)}\r\n >\r\n {showThumbnail ? (\r\n <EyeIcon className=\"size-4\" />\r\n ) : (\r\n <EyeOffIcon className=\"size-4\" />\r\n )}\r\n </Button>\r\n )}\r\n <Button variant=\"outline\" size=\"icon\" onClick={() => setZoom(zoom - 0.1)}>\r\n <ZoomOut className=\"size-4\" />\r\n </Button>\r\n <Button variant=\"outline\" size=\"icon\" onClick={() => setZoom(zoom + 0.1)}>\r\n <ZoomIn className=\"size-4\" />\r\n </Button>\r\n <Button asChild variant=\"outline\" size=\"icon\">\r\n <Link href={documentUri} download target=\"_blank\">\r\n <DownloadIcon className=\"size-4\" />\r\n </Link>\r\n </Button>\r\n {setSearchValue && (\r\n <Popover open={open} onOpenChange={setOpen}>\r\n <PopoverTrigger asChild>\r\n <Button\r\n variant=\"outline\"\r\n size=\"icon\"\r\n onClick={() => setOpen(!open)}\r\n >\r\n <SearchIcon className=\"size-4\" />\r\n </Button>\r\n </PopoverTrigger>\r\n <PopoverContent className=\"w-80 p-0\" side=\"left\">\r\n <div className=\"grid gap-4\">\r\n <Input\r\n id=\"search\"\r\n defaultValue={searchValue}\r\n onChange={(e) => {\r\n setSearchValue(e.target.value);\r\n }}\r\n className=\"col-span-2 h-8\"\r\n />\r\n </div>\r\n </PopoverContent>\r\n </Popover>\r\n )}\r\n </div>\r\n );\r\n}\r\n"],"mappings":"AAqDY,cAkBJ,YAlBI;AArDZ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,UAAU;AACjB,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AAEf,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,YAAU,MAAM;AACd,QAAI,CAAC,MAAM;AACT,UAAI,gBAAgB;AAClB,uBAAe,EAAE;AAAA,MACnB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,IAAI,CAAC;AAET,SACE,qBAAC,SAAI,WAAU,mDACZ;AAAA,wBACC;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,SAAS,MAAM,iBAAiB,CAAC,aAAa;AAAA,QAE7C,0BACC,oBAAC,WAAQ,WAAU,UAAS,IAE5B,oBAAC,cAAW,WAAU,UAAS;AAAA;AAAA,IAEnC;AAAA,IAEF,oBAAC,UAAO,SAAQ,WAAU,MAAK,QAAO,SAAS,MAAM,QAAQ,OAAO,GAAG,GACrE,8BAAC,WAAQ,WAAU,UAAS,GAC9B;AAAA,IACA,oBAAC,UAAO,SAAQ,WAAU,MAAK,QAAO,SAAS,MAAM,QAAQ,OAAO,GAAG,GACrE,8BAAC,UAAO,WAAU,UAAS,GAC7B;AAAA,IACA,oBAAC,UAAO,SAAO,MAAC,SAAQ,WAAU,MAAK,QACrC,8BAAC,QAAK,MAAM,aAAa,UAAQ,MAAC,QAAO,UACvC,8BAAC,gBAAa,WAAU,UAAS,GACnC,GACF;AAAA,IACC,kBACC,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS,MAAM,QAAQ,CAAC,IAAI;AAAA,UAE5B,8BAAC,cAAW,WAAU,UAAS;AAAA;AAAA,MACjC,GACF;AAAA,MACA,oBAAC,kBAAe,WAAU,YAAW,MAAK,QACxC,8BAAC,SAAI,WAAU,cACb;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,cAAc;AAAA,UACd,UAAU,CAAC,MAAM;AACf,2BAAe,EAAE,OAAO,KAAK;AAAA,UAC/B;AAAA,UACA,WAAU;AAAA;AAAA,MACZ,GACF,GACF;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/custom/document-viewer/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import DocViewer, { DocViewerRenderers } from "react-doc-viewer";
 import CustomImageRenderer from "./renderers/image";
 import CustomPDFRenderer from "./renderers/pdf";

package/dist/custom/document-viewer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/custom/document-viewer/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { cn } from \"@~~repo~~/~~ayasofyazilim-~~ui/lib/utils\";\r\nimport DocViewer, { DocRenderer, DocViewerRenderers } from \"react-doc-viewer\";\r\nimport CustomImageRenderer from \"./renderers/image\";\r\nimport CustomPDFRenderer from \"./renderers/pdf\";\r\n\r\nexport * from \"react-doc-viewer\";\r\n\r\nexport type DocumentType = {\r\n uri: string;\r\n fileType?: string;\r\n fileName?: string;\r\n fileData?: string \| ArrayBuffer;\r\n};\r\nexport default function DocumentViewer({\r\n document,\r\n className,\r\n renderers = [],\r\n}: {\r\n document: DocumentType;\r\n className?: string;\r\n renderers?: DocRenderer[];\r\n}) {\r\n return (\r\n <DocViewer\r\n config={{\r\n header: {\r\n disableHeader: true,\r\n disableFileName: true,\r\n },\r\n }}\r\n className={cn(\"h-full rounded-md border relative\", className)}\r\n pluginRenderers={[\r\n ...DocViewerRenderers,\r\n CustomPDFRenderer,\r\n CustomImageRenderer,\r\n ...renderers,\r\n ]}\r\n documents={[document]}\r\n />\r\n );\r\n}\r\n"],"mappings":";AAyBI;AAvBJ,SAAS,UAAU;AACnB,OAAO,aAA0B,0BAA0B;AAC3D,OAAO,yBAAyB;AAChC,OAAO,uBAAuB;AAE9B,cAAc;AAQC,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AACf,GAIG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,eAAe;AAAA,UACf,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,MACA,WAAW,GAAG,qCAAqC,SAAS;AAAA,MAC5D,iBAAiB;AAAA,QACf,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,WAAW,CAAC,QAAQ;AAAA;AAAA,EACtB;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../src/custom/document-viewer/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport DocViewer, { DocRenderer, DocViewerRenderers } from \"react-doc-viewer\";\r\nimport CustomImageRenderer from \"./renderers/image\";\r\nimport CustomPDFRenderer from \"./renderers/pdf\";\r\n\r\nexport * from \"react-doc-viewer\";\r\n\r\nexport type DocumentType = {\r\n uri: string;\r\n fileType?: string;\r\n fileName?: string;\r\n fileData?: string \| ArrayBuffer;\r\n};\r\nexport default function DocumentViewer({\r\n document,\r\n className,\r\n renderers = [],\r\n}: {\r\n document: DocumentType;\r\n className?: string;\r\n renderers?: DocRenderer[];\r\n}) {\r\n return (\r\n <DocViewer\r\n config={{\r\n header: {\r\n disableHeader: true,\r\n disableFileName: true,\r\n },\r\n }}\r\n className={cn(\"h-full rounded-md border relative\", className)}\r\n pluginRenderers={[\r\n ...DocViewerRenderers,\r\n CustomPDFRenderer,\r\n CustomImageRenderer,\r\n ...renderers,\r\n ]}\r\n documents={[document]}\r\n />\r\n );\r\n}\r\n"],"mappings":";AAyBI;AAvBJ,SAAS,UAAU;AACnB,OAAO,aAA0B,0BAA0B;AAC3D,OAAO,yBAAyB;AAChC,OAAO,uBAAuB;AAE9B,cAAc;AAQC,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AACf,GAIG;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,QAAQ;AAAA,UACN,eAAe;AAAA,UACf,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,MACA,WAAW,GAAG,qCAAqC,SAAS;AAAA,MAC5D,iBAAiB;AAAA,QACf,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,WAAW,CAAC,QAAQ;AAAA;AAAA,EACtB;AAEJ;","names":[]}

package/dist/custom/document-viewer/renderers/pdf.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { Document, Page, pdfjs, Thumbnail } from "react-pdf";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import "react-pdf/dist/Page/AnnotationLayer.css";
 import "react-pdf/dist/Page/TextLayer.css";
 import { Controllers } from "../controllers";

package/dist/custom/document-viewer/renderers/pdf.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/custom/document-viewer/renderers/pdf.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\r\nimport { DocRenderer, DocRendererProps } from \"react-doc-viewer\";\r\nimport { Document, Page, pdfjs, Thumbnail } from \"react-pdf\";\r\nimport { cn } from \"@~~repo~~/~~ayasofyazilim-~~ui/lib/utils\";\r\nimport \"react-pdf/dist/Page/AnnotationLayer.css\";\r\nimport \"react-pdf/dist/Page/TextLayer.css\";\r\nimport { Controllers } from \"../controllers\";\r\n\r\npdfjs.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;\r\n\r\ntype CustomDocRendererProps = {} & DocRendererProps;\r\n\r\nconst CustomPDFRenderer = (props: CustomDocRendererProps) => {\r\n const { mainState } = props;\r\n const { currentDocument } = mainState;\r\n const [zoom, setZoom] = useState(1);\r\n const [showThumbnail, setShowThumbnail] = useState(false);\r\n const [pageCount, setPageCount] = useState(0);\r\n const [activePage, setActivePage] = useState(1);\r\n const [searchValue, setSearchValue] = useState<string>();\r\n\r\n if (!currentDocument) return null;\r\n return (\r\n <Document\r\n className={cn(\"p-4 w-full flex\")}\r\n file={currentDocument.uri}\r\n renderMode=\"canvas\"\r\n onLoadSuccess={({ numPages }) => {\r\n setPageCount(numPages);\r\n }}\r\n >\r\n <Controllers\r\n documentUri={currentDocument.uri}\r\n zoom={zoom}\r\n setZoom={setZoom}\r\n showThumbnail={showThumbnail}\r\n setShowThumbnail={setShowThumbnail}\r\n searchValue={searchValue}\r\n setSearchValue={setSearchValue}\r\n />\r\n\r\n <div className=\"flex gap-2 w-full justify-center\">\r\n {showThumbnail && (\r\n <div className=\"flex flex-col gap-2 left-4 absolute top-4 z-10 w-full max-w-[110px]\">\r\n {Array.from(new Array(pageCount), (el, index) => (\r\n <Thumbnail\r\n key={\"page_\" + index}\r\n onClick={() => {\r\n setActivePage(index + 1);\r\n }}\r\n className={cn(\r\n \"rounded-md border bg-white p-1 flex justify-center\",\r\n activePage === index + 1 && \"border-primary\"\r\n )}\r\n pageNumber={index + 1}\r\n width={100}\r\n height={100}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n <div className={cn(\"flex flex-col\", showThumbnail && \"\")}>\r\n {Array.from(new Array(pageCount), (el, index) => (\r\n <Page\r\n customTextRenderer={({ str }) =>\r\n searchValue\r\n ? str.replace(\r\n new RegExp(searchValue, \"gi\"),\r\n (value) => `<mark>${value}</mark~~>`\~~r\n )\r\n : str\r\n }\r\n className=\"border shadow-sm max-w-max overflow-hidden rounded-md mb-2\"\r\n key={`page_${index + 1}`}\r\n pageNumber={index + 1}\r\n scale={zoom}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n </Document>\r\n );\r\n};\r\n\r\nCustomPDFRenderer.fileTypes = [\"pdf\", \"application/pdf\"];\r\nCustomPDFRenderer.weight = 1;\r\n\r\nexport default CustomPDFRenderer;\r\n\r\nexport const ExtendCustomPDFRenderer = ({\r\n searchValue,\r\n}: {\r\n searchValue?: string;\r\n}): DocRenderer => {\r\n const Renderer = useMemo(() => {\r\n function RendererComponent(props: DocRendererProps) {\r\n return <CustomPDFRenderer {...props} />;\r\n }\r\n RendererComponent.fileTypes = [\"pdf\", \"application/pdf\"];\r\n RendererComponent.weight = 1;\r\n return RendererComponent;\r\n }, [searchValue]);\r\n\r\n return Renderer;\r\n};\r\n"],"mappings":"AA+BM,cAUA,YAVA;AA/BN,SAAS,SAAS,gBAAgB;AAElC,SAAS,UAAU,MAAM,OAAO,iBAAiB;AACjD,SAAS,UAAU;AACnB,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB;AAE5B,MAAM,oBAAoB,YAAY,2CAA2C,MAAM,OAAO;AAI9F,MAAM,oBAAoB,CAAC,UAAkC;AAC3D,QAAM,EAAE,UAAU,IAAI;AACtB,QAAM,EAAE,gBAAgB,IAAI;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAC9C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB;AAEvD,MAAI,CAAC,gBAAiB,QAAO;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,iBAAiB;AAAA,MAC/B,MAAM,gBAAgB;AAAA,MACtB,YAAW;AAAA,MACX,eAAe,CAAC,EAAE,SAAS,MAAM;AAC/B,qBAAa,QAAQ;AAAA,MACvB;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,gBAAgB;AAAA,YAC7B;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QAEA,qBAAC,SAAI,WAAU,oCACZ;AAAA,2BACC,oBAAC,SAAI,WAAU,uEACZ,gBAAM,KAAK,IAAI,MAAM,SAAS,GAAG,CAAC,IAAI,UACrC;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,MAAM;AACb,8BAAc,QAAQ,CAAC;AAAA,cACzB;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA,eAAe,QAAQ,KAAK;AAAA,cAC9B;AAAA,cACA,YAAY,QAAQ;AAAA,cACpB,OAAO;AAAA,cACP,QAAQ;AAAA;AAAA,YAVH,UAAU;AAAA,UAWjB,CACD,GACH;AAAA,UAEF,oBAAC,SAAI,WAAW,GAAG,iBAAiB,iBAAiB,EAAE,GACpD,gBAAM,KAAK,IAAI,MAAM,SAAS,GAAG,CAAC,IAAI,UACrC;AAAA,YAAC;AAAA;AAAA,cACC,oBAAoB,CAAC,EAAE,IAAI,MACzB,cACI,IAAI;AAAA,gBACF,IAAI,OAAO,aAAa,IAAI;AAAA,gBAC5B,CAAC,UAAU,SAAS,KAAK;AAAA,cAC3B,IACA;AAAA,cAEN,WAAU;AAAA,cAEV,YAAY,QAAQ;AAAA,cACpB,OAAO;AAAA;AAAA,YAFF,QAAQ,QAAQ,CAAC;AAAA,UAGxB,CACD,GACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,kBAAkB,YAAY,CAAC,OAAO,iBAAiB;AACvD,kBAAkB,SAAS;AAE3B,IAAO,cAAQ;AAER,MAAM,0BAA0B,CAAC;AAAA,EACtC;AACF,MAEmB;AACjB,QAAM,WAAW,QAAQ,MAAM;AAC7B,aAAS,kBAAkB,OAAyB;AAClD,aAAO,oBAAC,qBAAmB,GAAG,OAAO;AAAA,IACvC;AACA,sBAAkB,YAAY,CAAC,OAAO,iBAAiB;AACvD,sBAAkB,SAAS;AAC3B,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO;AACT;","names":[]}
1	+ {"version":3,"sources":["../../../../src/custom/document-viewer/renderers/pdf.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\r\nimport { DocRenderer, DocRendererProps } from \"react-doc-viewer\";\r\nimport { Document, Page, pdfjs, Thumbnail } from \"react-pdf\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport \"react-pdf/dist/Page/AnnotationLayer.css\";\r\nimport \"react-pdf/dist/Page/TextLayer.css\";\r\nimport { Controllers } from \"../controllers\";\r\n\r\npdfjs.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${pdfjs.version}/build/pdf.worker.min.mjs`;\r\n\r\ntype CustomDocRendererProps = {} & DocRendererProps;\r\n\r\nconst CustomPDFRenderer = (props: CustomDocRendererProps) => {\r\n const { mainState } = props;\r\n const { currentDocument } = mainState;\r\n const [zoom, setZoom] = useState(1);\r\n const [showThumbnail, setShowThumbnail] = useState(false);\r\n const [pageCount, setPageCount] = useState(0);\r\n const [activePage, setActivePage] = useState(1);\r\n const [searchValue, setSearchValue] = useState<string>();\r\n\r\n if (!currentDocument) return null;\r\n return (\r\n <Document\r\n className={cn(\"p-4 w-full flex\")}\r\n file={currentDocument.uri}\r\n renderMode=\"canvas\"\r\n onLoadSuccess={({ numPages }) => {\r\n setPageCount(numPages);\r\n }}\r\n >\r\n <Controllers\r\n documentUri={currentDocument.uri}\r\n zoom={zoom}\r\n setZoom={setZoom}\r\n showThumbnail={showThumbnail}\r\n setShowThumbnail={setShowThumbnail}\r\n searchValue={searchValue}\r\n setSearchValue={setSearchValue}\r\n />\r\n\r\n <div className=\"flex gap-2 w-full justify-center\">\r\n {showThumbnail && (\r\n <div className=\"flex flex-col gap-2 left-4 absolute top-4 z-10 w-full max-w-[110px]\">\r\n {Array.from(new Array(pageCount), (el, index) => (\r\n <Thumbnail\r\n key={\"page_\" + index}\r\n onClick={() => {\r\n setActivePage(index + 1);\r\n }}\r\n className={cn(\r\n \"rounded-md border bg-white p-1 flex justify-center\",\r\n activePage === index + 1 && \"border-primary\",\r\n )}\r\n pageNumber={index + 1}\r\n width={100}\r\n height={100}\r\n />\r\n ))}\r\n </div>\r\n )}\r\n <div className={cn(\"flex flex-col\", showThumbnail && \"\")}>\r\n {Array.from(new Array(pageCount), (el, index) => (\r\n <Page\r\n customTextRenderer={({ str }) =>\r\n searchValue\r\n ? str.replace(\r\n new RegExp(searchValue, \"gi\"),\r\n (value) => `<mark>${value}</mark>`,\r\n )\r\n : str\r\n }\r\n className=\"border shadow-sm max-w-max overflow-hidden rounded-md mb-2\"\r\n key={`page_${index + 1}`}\r\n pageNumber={index + 1}\r\n scale={zoom}\r\n />\r\n ))}\r\n </div>\r\n </div>\r\n </Document>\r\n );\r\n};\r\n\r\nCustomPDFRenderer.fileTypes = [\"pdf\", \"application/pdf\"];\r\nCustomPDFRenderer.weight = 1;\r\n\r\nexport default CustomPDFRenderer;\r\n\r\nexport const ExtendCustomPDFRenderer = ({\r\n searchValue,\r\n}: {\r\n searchValue?: string;\r\n}): DocRenderer => {\r\n const Renderer = useMemo(() => {\r\n function RendererComponent(props: DocRendererProps) {\r\n return <CustomPDFRenderer {...props} />;\r\n }\r\n RendererComponent.fileTypes = [\"pdf\", \"application/pdf\"];\r\n RendererComponent.weight = 1;\r\n return RendererComponent;\r\n }, [searchValue]);\r\n\r\n return Renderer;\r\n};\r\n"],"mappings":"AA+BM,cAUA,YAVA;AA/BN,SAAS,SAAS,gBAAgB;AAElC,SAAS,UAAU,MAAM,OAAO,iBAAiB;AACjD,SAAS,UAAU;AACnB,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB;AAE5B,MAAM,oBAAoB,YAAY,2CAA2C,MAAM,OAAO;AAI9F,MAAM,oBAAoB,CAAC,UAAkC;AAC3D,QAAM,EAAE,UAAU,IAAI;AACtB,QAAM,EAAE,gBAAgB,IAAI;AAC5B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AACxD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,CAAC;AAC5C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,CAAC;AAC9C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAiB;AAEvD,MAAI,CAAC,gBAAiB,QAAO;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,iBAAiB;AAAA,MAC/B,MAAM,gBAAgB;AAAA,MACtB,YAAW;AAAA,MACX,eAAe,CAAC,EAAE,SAAS,MAAM;AAC/B,qBAAa,QAAQ;AAAA,MACvB;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,gBAAgB;AAAA,YAC7B;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QAEA,qBAAC,SAAI,WAAU,oCACZ;AAAA,2BACC,oBAAC,SAAI,WAAU,uEACZ,gBAAM,KAAK,IAAI,MAAM,SAAS,GAAG,CAAC,IAAI,UACrC;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,MAAM;AACb,8BAAc,QAAQ,CAAC;AAAA,cACzB;AAAA,cACA,WAAW;AAAA,gBACT;AAAA,gBACA,eAAe,QAAQ,KAAK;AAAA,cAC9B;AAAA,cACA,YAAY,QAAQ;AAAA,cACpB,OAAO;AAAA,cACP,QAAQ;AAAA;AAAA,YAVH,UAAU;AAAA,UAWjB,CACD,GACH;AAAA,UAEF,oBAAC,SAAI,WAAW,GAAG,iBAAiB,iBAAiB,EAAE,GACpD,gBAAM,KAAK,IAAI,MAAM,SAAS,GAAG,CAAC,IAAI,UACrC;AAAA,YAAC;AAAA;AAAA,cACC,oBAAoB,CAAC,EAAE,IAAI,MACzB,cACI,IAAI;AAAA,gBACF,IAAI,OAAO,aAAa,IAAI;AAAA,gBAC5B,CAAC,UAAU,SAAS,KAAK;AAAA,cAC3B,IACA;AAAA,cAEN,WAAU;AAAA,cAEV,YAAY,QAAQ;AAAA,cACpB,OAAO;AAAA;AAAA,YAFF,QAAQ,QAAQ,CAAC;AAAA,UAGxB,CACD,GACH;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,kBAAkB,YAAY,CAAC,OAAO,iBAAiB;AACvD,kBAAkB,SAAS;AAE3B,IAAO,cAAQ;AAER,MAAM,0BAA0B,CAAC;AAAA,EACtC;AACF,MAEmB;AACjB,QAAM,WAAW,QAAQ,MAAM;AAC7B,aAAS,kBAAkB,OAAyB;AAClD,aAAO,oBAAC,qBAAmB,GAAG,OAAO;AAAA,IACvC;AACA,sBAAkB,YAAY,CAAC,OAAO,iBAAiB;AACvD,sBAAkB,SAAS;AAC3B,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO;AACT;","names":[]}

package/dist/custom/email-input/email.js CHANGED Viewed

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
-import { Input } from "@repo/ayasofyazilim-ui/components/input";
-import { Label } from "@repo/ayasofyazilim-ui/components/label";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
+import { Input } from "@ayasofyazilim/ui/components/input";
+import { Label } from "@ayasofyazilim/ui/components/label";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import domains from "./domains.json";
 const EmailInput = React.forwardRef(
   ({

package/dist/custom/email-input/email.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/custom/email-input/email.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { Input } from \"@repo/ayasofyazilim-ui/components/input\";\r\nimport { Label } from \"@repo/ayasofyazilim-ui/components/label\";\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport domains from \"./domains.json\";\r\n\r\ninterface EmailInputProps\r\n extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\"> {\r\n label?: string;\r\n suggestions?: string[];\r\n onValueChange?: (value: string) => void;\r\n}\r\n\r\nconst EmailInput = React.forwardRef<HTMLInputElement, EmailInputProps>(\r\n (\r\n {\r\n id,\r\n className,\r\n label,\r\n suggestions = [],\r\n onValueChange,\r\n disabled,\r\n required,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const allSuggestions = React.useMemo(() => {\r\n const combined = [...domains, ...suggestions];\r\n return combined.filter((item, index) => combined.indexOf(item) === index);\r\n }, [suggestions]);\r\n\r\n const [value, setValue] = React.useState(props.value?.toString() \|\| \"\");\r\n const [open, setOpen] = React.useState(false);\r\n const [filteredSuggestions, setFilteredSuggestions] = React.useState<\r\n string[]\r\n >([]);\r\n const [selectedIndex, setSelectedIndex] = React.useState(-1);\r\n\r\n const inputRef = React.useRef<HTMLInputElement>(null);\r\n const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n React.useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n const updateSuggestions = React.useCallback(\r\n (inputValue: string) => {\r\n const atIndex = inputValue.lastIndexOf(\"@\");\r\n\r\n if (atIndex === -1) {\r\n setOpen(false);\r\n setFilteredSuggestions([]);\r\n setSelectedIndex(-1);\r\n return;\r\n }\r\n\r\n const beforeAt = inputValue.substring(0, atIndex + 1);\r\n const afterAt = inputValue.substring(atIndex + 1);\r\n\r\n if (afterAt.length === 0) {\r\n const topSuggestions = allSuggestions\r\n .slice(0, 5)\r\n .map((domain) => beforeAt + domain);\r\n setFilteredSuggestions(topSuggestions);\r\n setOpen(true);\r\n setSelectedIndex(-1);\r\n } else {\r\n const filtered = allSuggestions\r\n .filter((domain) =>\r\n domain.toLowerCase().startsWith(afterAt.toLowerCase())\r\n )\r\n .map((domain) => beforeAt + domain);\r\n\r\n if (filtered.length > 0) {\r\n setFilteredSuggestions(filtered);\r\n setOpen(true);\r\n setSelectedIndex(-1);\r\n } else {\r\n setOpen(false);\r\n setFilteredSuggestions([]);\r\n setSelectedIndex(-1);\r\n }\r\n }\r\n },\r\n [allSuggestions]\r\n );\r\n\r\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n const newValue = e.target.value;\r\n setValue(newValue);\r\n onValueChange?.(newValue);\r\n updateSuggestions(newValue);\r\n };\r\n\r\n const applySuggestion = (suggestion: string) => {\r\n setValue(suggestion);\r\n onValueChange?.(suggestion);\r\n setOpen(false);\r\n setSelectedIndex(-1);\r\n inputRef.current?.focus();\r\n };\r\n\r\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (!open \|\| filteredSuggestions.length === 0) {\r\n if (e.key === \"Escape\") {\r\n setOpen(false);\r\n }\r\n return;\r\n }\r\n\r\n switch (e.key) {\r\n case \"ArrowDown\":\r\n e.preventDefault();\r\n setSelectedIndex((prev) =>\r\n prev < filteredSuggestions.length - 1 ? prev + 1 : 0\r\n );\r\n break;\r\n case \"ArrowUp\":\r\n e.preventDefault();\r\n setSelectedIndex((prev) =>\r\n prev > 0 ? prev - 1 : filteredSuggestions.length - 1\r\n );\r\n break;\r\n case \"Enter\":\r\n e.preventDefault();\r\n if (\r\n selectedIndex >= 0 &&\r\n selectedIndex < filteredSuggestions.length\r\n ) {\r\n applySuggestion(filteredSuggestions?.[selectedIndex] \|\| \"\");\r\n }\r\n break;\r\n case \"Escape\":\r\n setOpen(false);\r\n setSelectedIndex(-1);\r\n break;\r\n default:\r\n setOpen(false);\r\n break;\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n containerRef.current &&\r\n !containerRef.current.contains(event.target as Node)\r\n ) {\r\n setOpen(false);\r\n setSelectedIndex(-1);\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () =>\r\n document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (props.value !== undefined) {\r\n setValue(props.value.toString());\r\n }\r\n }, [props.value]);\r\n\r\n return (\r\n <div className=\"w-full\" ref={containerRef}>\r\n {label && (\r\n <Label\r\n className={cn(\r\n \"mb-2 block\",\r\n required &&\r\n \"after:content-['*'] after:ml-0.5 after:text-destructive\"\r\n )}\r\n >\r\n {label}\r\n </Label>\r\n )}\r\n\r\n <div className=\"relative\">\r\n <Input\r\n type=\"email\"\r\n id={id}\r\n data-testid={id}\r\n className={className}\r\n ref={inputRef}\r\n value={value}\r\n onChange={handleInputChange}\r\n onKeyDown={handleKeyDown}\r\n disabled={disabled}\r\n required={required}\r\n {...props}\r\n />\r\n\r\n {open && filteredSuggestions.length > 0 && (\r\n <div className=\"absolute top-full left-0 right-0 z-999 mt-1 bg-popover border border-border rounded-md shadow-md\">\r\n <div className=\"p-1 flex flex-col\">\r\n {filteredSuggestions.map((suggestion, index) => (\r\n <Button\r\n variant=\"ghost\"\r\n data-testid={`${id}_suggestion_${index}`}\r\n key={suggestion}\r\n className={cn(\r\n \"w-full justify-start text-left px-2 py-1.5 text-sm cursor-pointer rounded-sm transition-colors gap-0\",\r\n \"hover:bg-accent hover:text-accent-foreground\",\r\n index === selectedIndex &&\r\n \"bg-accent text-accent-foreground\"\r\n )}\r\n onClick={() => applySuggestion(suggestion)}\r\n >\r\n <span>{suggestion.split(\"@\")[0]}</span>\r\n <span className=\"text-primary font-semibold\">\r\n @{suggestion.split(\"@\")[1]}\r\n </span>\r\n </Button>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nEmailInput.displayName = \"EmailInput\";\r\n\r\nexport { EmailInput };\r\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../../src/custom/email-input/email.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport { cn } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { Input } from \"@ayasofyazilim/ui/components/input\";\r\nimport { Label } from \"@ayasofyazilim/ui/components/label\";\r\nimport { Button } from \"@ayasofyazilim/ui/components/button\";\r\nimport domains from \"./domains.json\";\r\n\r\ninterface EmailInputProps extends Omit<\r\n React.InputHTMLAttributes<HTMLInputElement>,\r\n \"type\"\r\n> {\r\n label?: string;\r\n suggestions?: string[];\r\n onValueChange?: (value: string) => void;\r\n}\r\n\r\nconst EmailInput = React.forwardRef<HTMLInputElement, EmailInputProps>(\r\n (\r\n {\r\n id,\r\n className,\r\n label,\r\n suggestions = [],\r\n onValueChange,\r\n disabled,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const allSuggestions = React.useMemo(() => {\r\n const combined = [...domains, ...suggestions];\r\n return combined.filter((item, index) => combined.indexOf(item) === index);\r\n }, [suggestions]);\r\n\r\n const [value, setValue] = React.useState(props.value?.toString() \|\| \"\");\r\n const [open, setOpen] = React.useState(false);\r\n const [filteredSuggestions, setFilteredSuggestions] = React.useState<\r\n string[]\r\n >([]);\r\n const [selectedIndex, setSelectedIndex] = React.useState(-1);\r\n\r\n const inputRef = React.useRef<HTMLInputElement>(null);\r\n const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n React.useImperativeHandle(ref, () => inputRef.current!);\r\n\r\n const updateSuggestions = React.useCallback(\r\n (inputValue: string) => {\r\n const atIndex = inputValue.lastIndexOf(\"@\");\r\n\r\n if (atIndex === -1) {\r\n setOpen(false);\r\n setFilteredSuggestions([]);\r\n setSelectedIndex(-1);\r\n return;\r\n }\r\n\r\n const beforeAt = inputValue.substring(0, atIndex + 1);\r\n const afterAt = inputValue.substring(atIndex + 1);\r\n\r\n if (afterAt.length === 0) {\r\n const topSuggestions = allSuggestions\r\n .slice(0, 5)\r\n .map((domain) => beforeAt + domain);\r\n setFilteredSuggestions(topSuggestions);\r\n setOpen(true);\r\n setSelectedIndex(-1);\r\n } else {\r\n const filtered = allSuggestions\r\n .filter((domain) =>\r\n domain.toLowerCase().startsWith(afterAt.toLowerCase()),\r\n )\r\n .map((domain) => beforeAt + domain);\r\n\r\n if (filtered.length > 0) {\r\n setFilteredSuggestions(filtered);\r\n setOpen(true);\r\n setSelectedIndex(-1);\r\n } else {\r\n setOpen(false);\r\n setFilteredSuggestions([]);\r\n setSelectedIndex(-1);\r\n }\r\n }\r\n },\r\n [allSuggestions],\r\n );\r\n\r\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n const newValue = e.target.value;\r\n setValue(newValue);\r\n onValueChange?.(newValue);\r\n updateSuggestions(newValue);\r\n };\r\n\r\n const applySuggestion = (suggestion: string) => {\r\n setValue(suggestion);\r\n onValueChange?.(suggestion);\r\n setOpen(false);\r\n setSelectedIndex(-1);\r\n inputRef.current?.focus();\r\n };\r\n\r\n const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n if (!open \|\| filteredSuggestions.length === 0) {\r\n if (e.key === \"Escape\") {\r\n setOpen(false);\r\n }\r\n return;\r\n }\r\n\r\n switch (e.key) {\r\n case \"ArrowDown\":\r\n e.preventDefault();\r\n setSelectedIndex((prev) =>\r\n prev < filteredSuggestions.length - 1 ? prev + 1 : 0,\r\n );\r\n break;\r\n case \"ArrowUp\":\r\n e.preventDefault();\r\n setSelectedIndex((prev) =>\r\n prev > 0 ? prev - 1 : filteredSuggestions.length - 1,\r\n );\r\n break;\r\n case \"Enter\":\r\n e.preventDefault();\r\n if (\r\n selectedIndex >= 0 &&\r\n selectedIndex < filteredSuggestions.length\r\n ) {\r\n applySuggestion(filteredSuggestions?.[selectedIndex] \|\| \"\");\r\n }\r\n break;\r\n case \"Escape\":\r\n setOpen(false);\r\n setSelectedIndex(-1);\r\n break;\r\n default:\r\n setOpen(false);\r\n break;\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n const handleClickOutside = (event: MouseEvent) => {\r\n if (\r\n containerRef.current &&\r\n !containerRef.current.contains(event.target as Node)\r\n ) {\r\n setOpen(false);\r\n setSelectedIndex(-1);\r\n }\r\n };\r\n\r\n document.addEventListener(\"mousedown\", handleClickOutside);\r\n return () =>\r\n document.removeEventListener(\"mousedown\", handleClickOutside);\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n if (props.value !== undefined) {\r\n setValue(props.value.toString());\r\n }\r\n }, [props.value]);\r\n\r\n return (\r\n <div className=\"w-full\" ref={containerRef}>\r\n {label && (\r\n <Label\r\n className={cn(\r\n \"mb-2 block\",\r\n required &&\r\n \"after:content-['*'] after:ml-0.5 after:text-destructive\",\r\n )}\r\n >\r\n {label}\r\n </Label>\r\n )}\r\n\r\n <div className=\"relative\">\r\n <Input\r\n type=\"email\"\r\n id={id}\r\n data-testid={id}\r\n className={className}\r\n ref={inputRef}\r\n value={value}\r\n onChange={handleInputChange}\r\n onKeyDown={handleKeyDown}\r\n disabled={disabled}\r\n required={required}\r\n {...props}\r\n />\r\n\r\n {open && filteredSuggestions.length > 0 && (\r\n <div className=\"absolute top-full left-0 right-0 z-999 mt-1 bg-popover border border-border rounded-md shadow-md\">\r\n <div className=\"p-1 flex flex-col\">\r\n {filteredSuggestions.map((suggestion, index) => (\r\n <Button\r\n variant=\"ghost\"\r\n data-testid={`${id}_suggestion_${index}`}\r\n key={suggestion}\r\n className={cn(\r\n \"w-full justify-start text-left px-2 py-1.5 text-sm cursor-pointer rounded-sm transition-colors gap-0\",\r\n \"hover:bg-accent hover:text-accent-foreground\",\r\n index === selectedIndex &&\r\n \"bg-accent text-accent-foreground\",\r\n )}\r\n onClick={() => applySuggestion(suggestion)}\r\n >\r\n <span>{suggestion.split(\"@\")[0]}</span>\r\n <span className=\"text-primary font-semibold\">\r\n @{suggestion.split(\"@\")[1]}\r\n </span>\r\n </Button>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nEmailInput.displayName = \"EmailInput\";\r\n\r\nexport { EmailInput };\r\n"],"mappings":"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","names":[]}

package/dist/custom/file-uploader.js CHANGED Viewed

@@ -7,16 +7,16 @@ import {
   Avatar,
   AvatarFallback,
   AvatarImage
-} from "@repo/ayasofyazilim-ui/components/avatar";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+} from "@ayasofyazilim/ui/components/avatar";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "@repo/ayasofyazilim-ui/components/collapsible";
-import { Progress } from "@repo/ayasofyazilim-ui/components/progress";
-import { ScrollArea } from "@repo/ayasofyazilim-ui/components/scroll-area";
-import { cn, formatBytes } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/collapsible";
+import { Progress } from "@ayasofyazilim/ui/components/progress";
+import { ScrollArea } from "@ayasofyazilim/ui/components/scroll-area";
+import { cn, formatBytes } from "@ayasofyazilim/ui/lib/utils";
 import { useControllableState } from "../hooks/use-controllable-state";
 import { toast } from "sonner";
 function FileUploader(props) {

package/dist/custom/file-uploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/custom/file-uploader.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FileText, Folder, FolderOpen, Upload, X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport Dropzone, {\r\n FileWithPath as DefaultFileWithPath,\r\n DropzoneState,\r\n type DropzoneProps,\r\n type FileRejection,\r\n} from \"react-dropzone\";\r\nimport {\r\n Avatar,\r\n AvatarFallback,\r\n AvatarImage,\r\n} from \"@repo/ayasofyazilim-ui/components/avatar\";\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n Collapsible,\r\n CollapsibleContent,\r\n CollapsibleTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/collapsible\";\r\nimport { Progress } from \"@repo/ayasofyazilim-ui/components/progress\";\r\nimport { ScrollArea } from \"@repo/ayasofyazilim-ui/components/scroll-area\";\r\nimport { cn, formatBytes } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { useControllableState } from \"../hooks/use-controllable-state\";\r\nimport { toast } from \"sonner\";\r\n\r\nexport type FileWithPath = DefaultFileWithPath;\r\nexport type BaseFileUploaderProps = React.HTMLAttributes<HTMLDivElement> & {\r\n /*\r\n Value of the uploader.\r\n * @type File[]\r\n * @default undefined\r\n * @example value={files}\r\n /\r\n value?: DefaultFileWithPath[];\r\n\r\n /\r\n Function to be called when the value changes.\r\n * @type (files: File[]) => void\r\n * @default undefined\r\n * @example onValueChange={(files) => setFiles(files)}\r\n /\r\n onValueChange?: (files: DefaultFileWithPath[]) => void;\r\n\r\n /\r\n Function to be called when files are uploaded.\r\n * @type (files: File[]) => Promise<void>\r\n * @default undefined\r\n * @example onUpload={(files) => uploadFiles(files)}\r\n /\r\n onUpload?: (files: File[]) => Promise<void>;\r\n\r\n /\r\n Progress of the uploaded files.\r\n * @type Record<string, number> \| undefined\r\n * @default undefined\r\n * @example progresses={{ \"file1.png\": 50 }}\r\n /\r\n progresses?: Record<string, number>;\r\n\r\n /\r\n Accepted file types for the uploader.\r\n * @type { [key: string]: string[]}\r\n * @default\r\n * ```ts\r\n * { \"image/\": [] }\r\n ```\r\n * @example accept={[\"image/png\", \"image/jpeg\"]}\r\n /\r\n accept?: DropzoneProps[\"accept\"];\r\n\r\n /\r\n Maximum file size for the uploader.\r\n * @type number \| undefined\r\n * @default 1024 * 1024 * 2 // 2MB\r\n * @example maxSize={1024 * 1024 * 2} // 2MB\r\n /\r\n maxSize?: DropzoneProps[\"maxSize\"];\r\n\r\n /\r\n Maximum number of files for the uploader.\r\n * @type number \| undefined\r\n * @default 1\r\n * @example maxFileCount={4}\r\n /\r\n maxFileCount?: DropzoneProps[\"maxFiles\"];\r\n\r\n /\r\n Whether the uploader should accept multiple files.\r\n * @type boolean\r\n * @default false\r\n * @example multiple\r\n /\r\n multiple?: boolean;\r\n\r\n /\r\n Whether the uploader is disabled.\r\n * @type boolean\r\n * @default false\r\n * @example disabled\r\n /\r\n disabled?: boolean;\r\n\r\n /\r\n Whether the uploader has drag and drop functionality.\r\n * @type boolean\r\n * @default false\r\n * @example noDrag\r\n /\r\n label?: string \| React.ReactNode;\r\n description?: string \| React.ReactNode;\r\n classNames?: {\r\n container?: string;\r\n collapsible?: string;\r\n dropzoneContainer?: string;\r\n dropzone?: string;\r\n fileList?: string;\r\n header?: string;\r\n collapsibleContent?: string;\r\n };\r\n showFileList?: boolean;\r\n fileCardRenderer?: (props: FileCardProps) => React.ReactNode;\r\n} & (ButtonFileUploaderProps \| DropzoneFileUploaderProps);\r\n\r\ntype ButtonFileUploaderProps = {\r\n variant: \"button\";\r\n children?: React.ReactNode;\r\n headerChildren?: React.ReactNode;\r\n};\r\ntype DropzoneFileUploaderProps = {\r\n variant: \"dropzone\";\r\n};\r\nexport function FileUploader(props: BaseFileUploaderProps) {\r\n const {\r\n value: valueProp,\r\n onValueChange,\r\n onUpload,\r\n progresses,\r\n accept = {\r\n \"image/\": [],\r\n },\r\n maxSize = 1024 * 1024 * 2,\r\n maxFileCount = 1,\r\n multiple = false,\r\n disabled = false,\r\n classNames,\r\n showFileList = true,\r\n label,\r\n description,\r\n fileCardRenderer,\r\n } = props;\r\n\r\n const [files, setFiles] = useControllableState({\r\n prop: valueProp,\r\n onChange: onValueChange,\r\n });\r\n\r\n const onDrop = React.useCallback(\r\n (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\r\n if (!multiple && maxFileCount === 1 && acceptedFiles.length > 1) {\r\n toast.error(\"Cannot upload more than 1 file at a time\");\r\n return;\r\n }\r\n\r\n if ((files?.length ?? 0) + acceptedFiles.length > maxFileCount) {\r\n toast.error(`Cannot upload more than ${maxFileCount} files`);\r\n return;\r\n }\r\n\r\n const newFiles = acceptedFiles.map((file) =>\r\n Object.assign(file, {\r\n preview: URL.createObjectURL(file),\r\n }),\r\n );\r\n if (newFiles.length > 0 && !isOpen) setIsOpen(true);\r\n const updatedFiles = files ? [...files, ...newFiles] : newFiles;\r\n\r\n setFiles(updatedFiles);\r\n\r\n if (rejectedFiles.length > 0) {\r\n rejectedFiles.forEach(({ file, errors }) => {\r\n toast.error(\r\n `File ${file.name} was rejected because of ${errors.map((error) => error.message).join(\", \")}`,\r\n );\r\n });\r\n }\r\n\r\n if (\r\n onUpload &&\r\n updatedFiles.length > 0 &&\r\n updatedFiles.length <= maxFileCount\r\n ) {\r\n const target =\r\n updatedFiles.length > 0 ? `${updatedFiles.length} files` : `file`;\r\n\r\n toast.promise(onUpload(updatedFiles), {\r\n loading: `Uploading ${target}...`,\r\n success: () => {\r\n setFiles([]);\r\n return `${target} uploaded`;\r\n },\r\n error: `Failed to upload ${target}`,\r\n });\r\n }\r\n },\r\n\r\n [files, maxFileCount, multiple, onUpload, setFiles],\r\n );\r\n\r\n function onRemove(index: number) {\r\n if (!files) return;\r\n const newFiles = files.filter((_, i) => i !== index);\r\n setFiles(newFiles);\r\n if (newFiles.length === 0) setIsOpen(false);\r\n onValueChange?.(newFiles);\r\n }\r\n\r\n // Revoke preview url when component unmounts\r\n React.useEffect(\r\n () => () => {\r\n if (!files) return;\r\n files.forEach((file) => {\r\n if (isFileWithPreview(file)) {\r\n URL.revokeObjectURL(file.preview);\r\n }\r\n });\r\n },\r\n [],\r\n );\r\n\r\n const isDisabled = disabled \|\| (files?.length ?? 0) >= maxFileCount;\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n return (\r\n <Collapsible\r\n onOpenChange={setIsOpen}\r\n open={isOpen}\r\n className={cn(\r\n \"transition-all flex flex-col w-full border rounded-lg [&>h3]:w-full\",\r\n classNames?.collapsible,\r\n )}\r\n >\r\n <div\r\n className={cn(\r\n \" gap-4 p-4\",\r\n props.variant === \"button\"\r\n ? \"flex flex-col sm:flex-row\"\r\n : \"grid grid-cols-12\",\r\n classNames?.container,\r\n )}\r\n >\r\n <CollapsibleTrigger\r\n className={cn(\r\n \"gap-4 group/trigger hover:no-underline\",\r\n !files?.length && \"opacity-50\",\r\n )}\r\n asChild\r\n >\r\n <Button\r\n variant=\"outline\"\r\n className=\"gap-2\"\r\n disabled={isDisabled \|\| !files?.length}\r\n >\r\n <FolderOpen className=\"w-4 group-data-[state=open]/trigger:hidden\" />\r\n <Folder className=\"w-4 group-data-[state=closed]/trigger:hidden\" />\r\n Files\r\n </Button>\r\n </CollapsibleTrigger>\r\n <Dropzone\r\n onDrop={onDrop}\r\n accept={accept}\r\n maxSize={maxSize}\r\n maxFiles={maxFileCount}\r\n multiple={maxFileCount > 1 \|\| multiple}\r\n disabled={isDisabled}\r\n noDrag={props.variant === \"button\"}\r\n >\r\n {(dropzone) => (\r\n <DropzoneTrigger {...dropzone} {...props} isDisabled={isDisabled} />\r\n )}\r\n </Dropzone>\r\n <div className={cn(\"flex w-full\", classNames?.header)}>\r\n <div className=\"flex flex-col w-full text-nowrap justify-center\">\r\n {label && (\r\n <span className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\r\n {label}\r\n </span>\r\n )}\r\n {description && (\r\n <span className=\"text-muted-foreground text-sm\">\r\n {description}\r\n </span>\r\n )}\r\n </div>\r\n {props.variant === \"button\" &&\r\n props.headerChildren &&\r\n props.headerChildren}\r\n </div>\r\n </div>\r\n {props.children && props.children}\r\n <CollapsibleContent\r\n className={cn(\"w-full p-0 h-max\", classNames?.collapsibleContent)}\r\n >\r\n <div\r\n className={cn(\r\n \"group relative flex flex-col gap-4 overflow-hidden\",\r\n files?.length && props.variant === \"button\" && \"\",\r\n files?.length && files?.length > 0 && \"p-4 border-t\",\r\n classNames?.container,\r\n )}\r\n >\r\n {files?.length && showFileList !== false ? (\r\n <ScrollArea className=\"h-fit w-full\">\r\n <div\r\n className={cn(\r\n \"grid max-h-48 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 flex-col gap-4\",\r\n files.length === 1 && \"grid-cols-1!\",\r\n files.length === 2 && \"sm:grid-cols-2!\",\r\n files.length === 3 && \"lg:grid-cols-3!\",\r\n files.length === 4 && \"2xl:grid-cols-4!\",\r\n classNames?.fileList,\r\n )}\r\n >\r\n {files?.map((file, index) => (\r\n <React.Fragment\r\n key={file.name + file.lastModified + file.path}\r\n >\r\n {fileCardRenderer ? (\r\n fileCardRenderer({\r\n file,\r\n index,\r\n onRemove: () => onRemove(index),\r\n })\r\n ) : (\r\n <FileCard\r\n file={file}\r\n onRemove={() => onRemove(index)}\r\n progress={progresses?.[file.name]}\r\n />\r\n )}\r\n </React.Fragment>\r\n ))}\r\n </div>\r\n </ScrollArea>\r\n ) : null}\r\n </div>\r\n </CollapsibleContent>\r\n </Collapsible>\r\n );\r\n}\r\n\r\nexport interface FileCardProps {\r\n index: number;\r\n file: DefaultFileWithPath;\r\n onRemove?: () => void;\r\n disabled?: boolean;\r\n progress?: number;\r\n classNames?: {\r\n container?: string;\r\n removeButton?: string;\r\n };\r\n}\r\n\r\nexport function FileCard({\r\n file,\r\n progress,\r\n onRemove,\r\n disabled,\r\n classNames,\r\n}: Omit<FileCardProps, \"index\">) {\r\n return (\r\n <div\r\n className={cn(\r\n \"bg-muted relative flex items-center gap-2.5 overflow-hidden rounded-md p-2\",\r\n classNames?.container,\r\n )}\r\n >\r\n <div className=\"flex flex-1 gap-2.5\">\r\n {isFileWithPreview(file) ? <FilePreview file={file} /> : null}\r\n <div className=\"flex w-full flex-col gap-2\">\r\n <div className=\"flex flex-col gap-px overflow-hidden\">\r\n <p className=\"text-foreground/80 line-clamp-1 text-sm font-medium max-w-60 text-ellipsis\">\r\n {file.name}\r\n </p>\r\n <p className=\"text-muted-foreground text-xs\">\r\n {formatBytes(file.size)}\r\n </p>\r\n </div>\r\n {progress ? (\r\n <Progress value={progress} className=\"duration-1000\" />\r\n ) : null}\r\n </div>\r\n </div>\r\n {onRemove && (\r\n <div className=\"flex items-center gap-2\">\r\n <Button\r\n type=\"button\"\r\n variant=\"outline\"\r\n size=\"icon\"\r\n className={cn(\"size-7\", classNames?.removeButton)}\r\n disabled={!!progress \|\| disabled}\r\n onClick={onRemove}\r\n >\r\n <X className=\"size-4\" aria-hidden=\"true\" />\r\n <span className=\"sr-only\">Remove file</span>\r\n </Button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\nexport function isFileWithPreview(\r\n file: FileWithPath,\r\n): file is FileWithPath & { preview: string } {\r\n return \"preview\" in file && typeof file.preview === \"string\";\r\n}\r\n\r\nexport interface FilePreviewProps {\r\n file: FileWithPath & { preview: string };\r\n}\r\n\r\nexport function FilePreview({ file }: FilePreviewProps) {\r\n if (file.type.startsWith(\"image/\")) {\r\n return (\r\n <Avatar className=\"rounded-md border\">\r\n <AvatarImage\r\n className=\"rounded-md\"\r\n src={file.preview}\r\n alt={file.name}\r\n loading=\"lazy\"\r\n />\r\n <AvatarFallback className=\"bg-white rounded-md text-xs\">\r\n {`.${file.name.split(\".\")[1]}`}\r\n </AvatarFallback>\r\n </Avatar>\r\n );\r\n }\r\n\r\n return (\r\n <FileText className=\"text-muted-foreground size-10\" aria-hidden=\"true\" />\r\n );\r\n}\r\n\r\ntype DropzoneTriggerProps = DropzoneState &\r\n BaseFileUploaderProps & {\r\n isDisabled?: boolean;\r\n };\r\nfunction DropzoneTrigger(props: DropzoneTriggerProps) {\r\n const {\r\n classNames,\r\n variant,\r\n getRootProps,\r\n getInputProps,\r\n isDragActive = true,\r\n maxFileCount = 1,\r\n maxSize = 1024 * 1024 * 2,\r\n isDisabled,\r\n // ...dropzoneProps\r\n } = props;\r\n if (variant === \"button\") {\r\n return (\r\n <div\r\n className={cn(\r\n \"flex flex-col sm:flex-row gap-4\",\r\n classNames?.dropzoneContainer,\r\n )}\r\n >\r\n <div\r\n {...getRootProps()}\r\n // {...dropzoneProps}\r\n className={cn(\r\n \"relative flex items-center gap-4 rounded-lg\",\r\n classNames?.dropzone,\r\n )}\r\n >\r\n <input {...getInputProps()} />\r\n <Button\r\n type=\"button\"\r\n variant=\"outline\"\r\n className=\"min-h-9 gap-2 w-full sm:max-w-max\"\r\n disabled={isDisabled}\r\n >\r\n <Upload className=\"size-4\" aria-hidden=\"true\" />\r\n Select\r\n </Button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n return (\r\n <div\r\n {...getRootProps()}\r\n // {...dropzoneProps}\r\n className={cn(\r\n \"border-muted-foreground/25 hover:bg-muted/25 group relative grid h-52 w-full cursor-pointer place-items-center rounded-lg border-2 border-dashed px-5 py-2.5 text-center transition\",\r\n \"ring-offset-background focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\r\n isDragActive && \"border-muted-foreground/50\",\r\n isDisabled && \"pointer-events-none opacity-60\",\r\n variant === \"dropzone\" && \"col-span-full row-start-2\",\r\n classNames?.dropzone,\r\n )}\r\n >\r\n <input {...getInputProps()} />\r\n {isDragActive ? (\r\n <div className=\"flex flex-col items-center justify-center gap-4 sm:px-5\">\r\n <div className=\"rounded-full border border-dashed p-3\">\r\n <Upload\r\n className=\"text-muted-foreground size-7\"\r\n aria-hidden=\"true\"\r\n />\r\n </div>\r\n <p className=\"text-muted-foreground font-medium\">\r\n Drop the files here\r\n </p>\r\n </div>\r\n ) : (\r\n <div className=\"flex flex-col items-center justify-center gap-4 sm:px-5\">\r\n <div className=\"rounded-full border border-dashed p-3\">\r\n <Upload\r\n className=\"text-muted-foreground size-7\"\r\n aria-hidden=\"true\"\r\n />\r\n </div>\r\n <div className=\"flex flex-col gap-px\">\r\n <p className=\"text-muted-foreground font-medium\">\r\n Drag{`'n'`} drop files here, or click to select files\r\n </p>\r\n <p className=\"text-muted-foreground/70 text-sm\">\r\n You can upload\r\n {maxFileCount > 1\r\n ? ` ${maxFileCount === Infinity ? \"multiple\" : maxFileCount}\r\n files (up to ${formatBytes(maxSize)} each)`\r\n : ` a file with ${formatBytes(maxSize)}`}\r\n </p>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../../src/custom/file-uploader.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { FileText, Folder, FolderOpen, Upload, X } from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport Dropzone, {\r\n FileWithPath as DefaultFileWithPath,\r\n DropzoneState,\r\n type DropzoneProps,\r\n type FileRejection,\r\n} from \"react-dropzone\";\r\nimport {\r\n Avatar,\r\n AvatarFallback,\r\n AvatarImage,\r\n} from \"@ayasofyazilim/ui/components/avatar\";\r\nimport { Button } from \"@ayasofyazilim/ui/components/button\";\r\nimport {\r\n Collapsible,\r\n CollapsibleContent,\r\n CollapsibleTrigger,\r\n} from \"@ayasofyazilim/ui/components/collapsible\";\r\nimport { Progress } from \"@ayasofyazilim/ui/components/progress\";\r\nimport { ScrollArea } from \"@ayasofyazilim/ui/components/scroll-area\";\r\nimport { cn, formatBytes } from \"@ayasofyazilim/ui/lib/utils\";\r\nimport { useControllableState } from \"../hooks/use-controllable-state\";\r\nimport { toast } from \"sonner\";\r\n\r\nexport type FileWithPath = DefaultFileWithPath;\r\nexport type BaseFileUploaderProps = React.HTMLAttributes<HTMLDivElement> & {\r\n /*\r\n Value of the uploader.\r\n * @type File[]\r\n * @default undefined\r\n * @example value={files}\r\n /\r\n value?: DefaultFileWithPath[];\r\n\r\n /\r\n Function to be called when the value changes.\r\n * @type (files: File[]) => void\r\n * @default undefined\r\n * @example onValueChange={(files) => setFiles(files)}\r\n /\r\n onValueChange?: (files: DefaultFileWithPath[]) => void;\r\n\r\n /\r\n Function to be called when files are uploaded.\r\n * @type (files: File[]) => Promise<void>\r\n * @default undefined\r\n * @example onUpload={(files) => uploadFiles(files)}\r\n /\r\n onUpload?: (files: File[]) => Promise<void>;\r\n\r\n /\r\n Progress of the uploaded files.\r\n * @type Record<string, number> \| undefined\r\n * @default undefined\r\n * @example progresses={{ \"file1.png\": 50 }}\r\n /\r\n progresses?: Record<string, number>;\r\n\r\n /\r\n Accepted file types for the uploader.\r\n * @type { [key: string]: string[]}\r\n * @default\r\n * ```ts\r\n * { \"image/\": [] }\r\n ```\r\n * @example accept={[\"image/png\", \"image/jpeg\"]}\r\n /\r\n accept?: DropzoneProps[\"accept\"];\r\n\r\n /\r\n Maximum file size for the uploader.\r\n * @type number \| undefined\r\n * @default 1024 * 1024 * 2 // 2MB\r\n * @example maxSize={1024 * 1024 * 2} // 2MB\r\n /\r\n maxSize?: DropzoneProps[\"maxSize\"];\r\n\r\n /\r\n Maximum number of files for the uploader.\r\n * @type number \| undefined\r\n * @default 1\r\n * @example maxFileCount={4}\r\n /\r\n maxFileCount?: DropzoneProps[\"maxFiles\"];\r\n\r\n /\r\n Whether the uploader should accept multiple files.\r\n * @type boolean\r\n * @default false\r\n * @example multiple\r\n /\r\n multiple?: boolean;\r\n\r\n /\r\n Whether the uploader is disabled.\r\n * @type boolean\r\n * @default false\r\n * @example disabled\r\n /\r\n disabled?: boolean;\r\n\r\n /\r\n Whether the uploader has drag and drop functionality.\r\n * @type boolean\r\n * @default false\r\n * @example noDrag\r\n /\r\n label?: string \| React.ReactNode;\r\n description?: string \| React.ReactNode;\r\n classNames?: {\r\n container?: string;\r\n collapsible?: string;\r\n dropzoneContainer?: string;\r\n dropzone?: string;\r\n fileList?: string;\r\n header?: string;\r\n collapsibleContent?: string;\r\n };\r\n showFileList?: boolean;\r\n fileCardRenderer?: (props: FileCardProps) => React.ReactNode;\r\n} & (ButtonFileUploaderProps \| DropzoneFileUploaderProps);\r\n\r\ntype ButtonFileUploaderProps = {\r\n variant: \"button\";\r\n children?: React.ReactNode;\r\n headerChildren?: React.ReactNode;\r\n};\r\ntype DropzoneFileUploaderProps = {\r\n variant: \"dropzone\";\r\n};\r\nexport function FileUploader(props: BaseFileUploaderProps) {\r\n const {\r\n value: valueProp,\r\n onValueChange,\r\n onUpload,\r\n progresses,\r\n accept = {\r\n \"image/\": [],\r\n },\r\n maxSize = 1024 * 1024 * 2,\r\n maxFileCount = 1,\r\n multiple = false,\r\n disabled = false,\r\n classNames,\r\n showFileList = true,\r\n label,\r\n description,\r\n fileCardRenderer,\r\n } = props;\r\n\r\n const [files, setFiles] = useControllableState({\r\n prop: valueProp,\r\n onChange: onValueChange,\r\n });\r\n\r\n const onDrop = React.useCallback(\r\n (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\r\n if (!multiple && maxFileCount === 1 && acceptedFiles.length > 1) {\r\n toast.error(\"Cannot upload more than 1 file at a time\");\r\n return;\r\n }\r\n\r\n if ((files?.length ?? 0) + acceptedFiles.length > maxFileCount) {\r\n toast.error(`Cannot upload more than ${maxFileCount} files`);\r\n return;\r\n }\r\n\r\n const newFiles = acceptedFiles.map((file) =>\r\n Object.assign(file, {\r\n preview: URL.createObjectURL(file),\r\n }),\r\n );\r\n if (newFiles.length > 0 && !isOpen) setIsOpen(true);\r\n const updatedFiles = files ? [...files, ...newFiles] : newFiles;\r\n\r\n setFiles(updatedFiles);\r\n\r\n if (rejectedFiles.length > 0) {\r\n rejectedFiles.forEach(({ file, errors }) => {\r\n toast.error(\r\n `File ${file.name} was rejected because of ${errors.map((error) => error.message).join(\", \")}`,\r\n );\r\n });\r\n }\r\n\r\n if (\r\n onUpload &&\r\n updatedFiles.length > 0 &&\r\n updatedFiles.length <= maxFileCount\r\n ) {\r\n const target =\r\n updatedFiles.length > 0 ? `${updatedFiles.length} files` : `file`;\r\n\r\n toast.promise(onUpload(updatedFiles), {\r\n loading: `Uploading ${target}...`,\r\n success: () => {\r\n setFiles([]);\r\n return `${target} uploaded`;\r\n },\r\n error: `Failed to upload ${target}`,\r\n });\r\n }\r\n },\r\n\r\n [files, maxFileCount, multiple, onUpload, setFiles],\r\n );\r\n\r\n function onRemove(index: number) {\r\n if (!files) return;\r\n const newFiles = files.filter((_, i) => i !== index);\r\n setFiles(newFiles);\r\n if (newFiles.length === 0) setIsOpen(false);\r\n onValueChange?.(newFiles);\r\n }\r\n\r\n // Revoke preview url when component unmounts\r\n React.useEffect(\r\n () => () => {\r\n if (!files) return;\r\n files.forEach((file) => {\r\n if (isFileWithPreview(file)) {\r\n URL.revokeObjectURL(file.preview);\r\n }\r\n });\r\n },\r\n [],\r\n );\r\n\r\n const isDisabled = disabled \|\| (files?.length ?? 0) >= maxFileCount;\r\n const [isOpen, setIsOpen] = React.useState(false);\r\n return (\r\n <Collapsible\r\n onOpenChange={setIsOpen}\r\n open={isOpen}\r\n className={cn(\r\n \"transition-all flex flex-col w-full border rounded-lg [&>h3]:w-full\",\r\n classNames?.collapsible,\r\n )}\r\n >\r\n <div\r\n className={cn(\r\n \" gap-4 p-4\",\r\n props.variant === \"button\"\r\n ? \"flex flex-col sm:flex-row\"\r\n : \"grid grid-cols-12\",\r\n classNames?.container,\r\n )}\r\n >\r\n <CollapsibleTrigger\r\n className={cn(\r\n \"gap-4 group/trigger hover:no-underline\",\r\n !files?.length && \"opacity-50\",\r\n )}\r\n asChild\r\n >\r\n <Button\r\n variant=\"outline\"\r\n className=\"gap-2\"\r\n disabled={isDisabled \|\| !files?.length}\r\n >\r\n <FolderOpen className=\"w-4 group-data-[state=open]/trigger:hidden\" />\r\n <Folder className=\"w-4 group-data-[state=closed]/trigger:hidden\" />\r\n Files\r\n </Button>\r\n </CollapsibleTrigger>\r\n <Dropzone\r\n onDrop={onDrop}\r\n accept={accept}\r\n maxSize={maxSize}\r\n maxFiles={maxFileCount}\r\n multiple={maxFileCount > 1 \|\| multiple}\r\n disabled={isDisabled}\r\n noDrag={props.variant === \"button\"}\r\n >\r\n {(dropzone) => (\r\n <DropzoneTrigger {...dropzone} {...props} isDisabled={isDisabled} />\r\n )}\r\n </Dropzone>\r\n <div className={cn(\"flex w-full\", classNames?.header)}>\r\n <div className=\"flex flex-col w-full text-nowrap justify-center\">\r\n {label && (\r\n <span className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\r\n {label}\r\n </span>\r\n )}\r\n {description && (\r\n <span className=\"text-muted-foreground text-sm\">\r\n {description}\r\n </span>\r\n )}\r\n </div>\r\n {props.variant === \"button\" &&\r\n props.headerChildren &&\r\n props.headerChildren}\r\n </div>\r\n </div>\r\n {props.children && props.children}\r\n <CollapsibleContent\r\n className={cn(\"w-full p-0 h-max\", classNames?.collapsibleContent)}\r\n >\r\n <div\r\n className={cn(\r\n \"group relative flex flex-col gap-4 overflow-hidden\",\r\n files?.length && props.variant === \"button\" && \"\",\r\n files?.length && files?.length > 0 && \"p-4 border-t\",\r\n classNames?.container,\r\n )}\r\n >\r\n {files?.length && showFileList !== false ? (\r\n <ScrollArea className=\"h-fit w-full\">\r\n <div\r\n className={cn(\r\n \"grid max-h-48 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4 flex-col gap-4\",\r\n files.length === 1 && \"grid-cols-1!\",\r\n files.length === 2 && \"sm:grid-cols-2!\",\r\n files.length === 3 && \"lg:grid-cols-3!\",\r\n files.length === 4 && \"2xl:grid-cols-4!\",\r\n classNames?.fileList,\r\n )}\r\n >\r\n {files?.map((file, index) => (\r\n <React.Fragment\r\n key={file.name + file.lastModified + file.path}\r\n >\r\n {fileCardRenderer ? (\r\n fileCardRenderer({\r\n file,\r\n index,\r\n onRemove: () => onRemove(index),\r\n })\r\n ) : (\r\n <FileCard\r\n file={file}\r\n onRemove={() => onRemove(index)}\r\n progress={progresses?.[file.name]}\r\n />\r\n )}\r\n </React.Fragment>\r\n ))}\r\n </div>\r\n </ScrollArea>\r\n ) : null}\r\n </div>\r\n </CollapsibleContent>\r\n </Collapsible>\r\n );\r\n}\r\n\r\nexport interface FileCardProps {\r\n index: number;\r\n file: DefaultFileWithPath;\r\n onRemove?: () => void;\r\n disabled?: boolean;\r\n progress?: number;\r\n classNames?: {\r\n container?: string;\r\n removeButton?: string;\r\n };\r\n}\r\n\r\nexport function FileCard({\r\n file,\r\n progress,\r\n onRemove,\r\n disabled,\r\n classNames,\r\n}: Omit<FileCardProps, \"index\">) {\r\n return (\r\n <div\r\n className={cn(\r\n \"bg-muted relative flex items-center gap-2.5 overflow-hidden rounded-md p-2\",\r\n classNames?.container,\r\n )}\r\n >\r\n <div className=\"flex flex-1 gap-2.5\">\r\n {isFileWithPreview(file) ? <FilePreview file={file} /> : null}\r\n <div className=\"flex w-full flex-col gap-2\">\r\n <div className=\"flex flex-col gap-px overflow-hidden\">\r\n <p className=\"text-foreground/80 line-clamp-1 text-sm font-medium max-w-60 text-ellipsis\">\r\n {file.name}\r\n </p>\r\n <p className=\"text-muted-foreground text-xs\">\r\n {formatBytes(file.size)}\r\n </p>\r\n </div>\r\n {progress ? (\r\n <Progress value={progress} className=\"duration-1000\" />\r\n ) : null}\r\n </div>\r\n </div>\r\n {onRemove && (\r\n <div className=\"flex items-center gap-2\">\r\n <Button\r\n type=\"button\"\r\n variant=\"outline\"\r\n size=\"icon\"\r\n className={cn(\"size-7\", classNames?.removeButton)}\r\n disabled={!!progress \|\| disabled}\r\n onClick={onRemove}\r\n >\r\n <X className=\"size-4\" aria-hidden=\"true\" />\r\n <span className=\"sr-only\">Remove file</span>\r\n </Button>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n\r\nexport function isFileWithPreview(\r\n file: FileWithPath,\r\n): file is FileWithPath & { preview: string } {\r\n return \"preview\" in file && typeof file.preview === \"string\";\r\n}\r\n\r\nexport interface FilePreviewProps {\r\n file: FileWithPath & { preview: string };\r\n}\r\n\r\nexport function FilePreview({ file }: FilePreviewProps) {\r\n if (file.type.startsWith(\"image/\")) {\r\n return (\r\n <Avatar className=\"rounded-md border\">\r\n <AvatarImage\r\n className=\"rounded-md\"\r\n src={file.preview}\r\n alt={file.name}\r\n loading=\"lazy\"\r\n />\r\n <AvatarFallback className=\"bg-white rounded-md text-xs\">\r\n {`.${file.name.split(\".\")[1]}`}\r\n </AvatarFallback>\r\n </Avatar>\r\n );\r\n }\r\n\r\n return (\r\n <FileText className=\"text-muted-foreground size-10\" aria-hidden=\"true\" />\r\n );\r\n}\r\n\r\ntype DropzoneTriggerProps = DropzoneState &\r\n BaseFileUploaderProps & {\r\n isDisabled?: boolean;\r\n };\r\nfunction DropzoneTrigger(props: DropzoneTriggerProps) {\r\n const {\r\n classNames,\r\n variant,\r\n getRootProps,\r\n getInputProps,\r\n isDragActive = true,\r\n maxFileCount = 1,\r\n maxSize = 1024 * 1024 * 2,\r\n isDisabled,\r\n // ...dropzoneProps\r\n } = props;\r\n if (variant === \"button\") {\r\n return (\r\n <div\r\n className={cn(\r\n \"flex flex-col sm:flex-row gap-4\",\r\n classNames?.dropzoneContainer,\r\n )}\r\n >\r\n <div\r\n {...getRootProps()}\r\n // {...dropzoneProps}\r\n className={cn(\r\n \"relative flex items-center gap-4 rounded-lg\",\r\n classNames?.dropzone,\r\n )}\r\n >\r\n <input {...getInputProps()} />\r\n <Button\r\n type=\"button\"\r\n variant=\"outline\"\r\n className=\"min-h-9 gap-2 w-full sm:max-w-max\"\r\n disabled={isDisabled}\r\n >\r\n <Upload className=\"size-4\" aria-hidden=\"true\" />\r\n Select\r\n </Button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n return (\r\n <div\r\n {...getRootProps()}\r\n // {...dropzoneProps}\r\n className={cn(\r\n \"border-muted-foreground/25 hover:bg-muted/25 group relative grid h-52 w-full cursor-pointer place-items-center rounded-lg border-2 border-dashed px-5 py-2.5 text-center transition\",\r\n \"ring-offset-background focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\r\n isDragActive && \"border-muted-foreground/50\",\r\n isDisabled && \"pointer-events-none opacity-60\",\r\n variant === \"dropzone\" && \"col-span-full row-start-2\",\r\n classNames?.dropzone,\r\n )}\r\n >\r\n <input {...getInputProps()} />\r\n {isDragActive ? (\r\n <div className=\"flex flex-col items-center justify-center gap-4 sm:px-5\">\r\n <div className=\"rounded-full border border-dashed p-3\">\r\n <Upload\r\n className=\"text-muted-foreground size-7\"\r\n aria-hidden=\"true\"\r\n />\r\n </div>\r\n <p className=\"text-muted-foreground font-medium\">\r\n Drop the files here\r\n </p>\r\n </div>\r\n ) : (\r\n <div className=\"flex flex-col items-center justify-center gap-4 sm:px-5\">\r\n <div className=\"rounded-full border border-dashed p-3\">\r\n <Upload\r\n className=\"text-muted-foreground size-7\"\r\n aria-hidden=\"true\"\r\n />\r\n </div>\r\n <div className=\"flex flex-col gap-px\">\r\n <p className=\"text-muted-foreground font-medium\">\r\n Drag{`'n'`} drop files here, or click to select files\r\n </p>\r\n <p className=\"text-muted-foreground/70 text-sm\">\r\n You can upload\r\n {maxFileCount > 1\r\n ? ` ${maxFileCount === Infinity ? \"multiple\" : maxFileCount}\r\n files (up to ${formatBytes(maxSize)} each)`\r\n : ` a file with ${formatBytes(maxSize)}`}\r\n </p>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/custom/filter-component/fields/async-select.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Label } from "@repo/ayasofyazilim-ui/components/label";
+import { Label } from "@ayasofyazilim/ui/components/label";
 import AsyncSelect from "../../async-select";
 function AsyncSelectField({
   filter,

package/dist/custom/filter-component/fields/async-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/custom/filter-component/fields/async-select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Label } from \"@~~repo~~/~~ayasofyazilim-~~ui/components/label\";\r\nimport type { AsyncSelectType } from \"..\";\r\nimport AsyncSelect from \"../../async-select\";\r\n\r\nfunction AsyncSelectField({\r\n filter,\r\n isPending,\r\n searchText,\r\n}: {\r\n filter: AsyncSelectType;\r\n isPending: boolean;\r\n searchText: string;\r\n}) {\r\n return (\r\n <div className=\"grid items-center gap-1.5\" key={filter.title}>\r\n <Label htmlFor=\"refund-point\">{filter.title}</Label>\r\n <AsyncSelect\r\n id={filter.id}\r\n fetchAction={filter.fetchAction}\r\n onChange={filter.onChange}\r\n value={filter.value}\r\n disabled={isPending}\r\n multiple={filter.multiple}\r\n closeOnSelect={!filter.multiple}\r\n searchText={searchText}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nexport default AsyncSelectField;\r\n"],"mappings":";AAgBI,SACE,KADF;AAdJ,SAAS,aAAa;AAEtB,OAAO,iBAAiB;AAExB,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,SAAM,SAAQ,gBAAgB,iBAAO,OAAM;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,UAAU,OAAO;AAAA,QACjB,OAAO,OAAO;AAAA,QACd,UAAU;AAAA,QACV,UAAU,OAAO;AAAA,QACjB,eAAe,CAAC,OAAO;AAAA,QACvB;AAAA;AAAA,IACF;AAAA,OAX8C,OAAO,KAYvD;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../src/custom/filter-component/fields/async-select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Label } from \"@ayasofyazilim/ui/components/label\";\r\nimport type { AsyncSelectType } from \"..\";\r\nimport AsyncSelect from \"../../async-select\";\r\n\r\nfunction AsyncSelectField({\r\n filter,\r\n isPending,\r\n searchText,\r\n}: {\r\n filter: AsyncSelectType;\r\n isPending: boolean;\r\n searchText: string;\r\n}) {\r\n return (\r\n <div className=\"grid items-center gap-1.5\" key={filter.title}>\r\n <Label htmlFor=\"refund-point\">{filter.title}</Label>\r\n <AsyncSelect\r\n id={filter.id}\r\n fetchAction={filter.fetchAction}\r\n onChange={filter.onChange}\r\n value={filter.value}\r\n disabled={isPending}\r\n multiple={filter.multiple}\r\n closeOnSelect={!filter.multiple}\r\n searchText={searchText}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nexport default AsyncSelectField;\r\n"],"mappings":";AAgBI,SACE,KADF;AAdJ,SAAS,aAAa;AAEtB,OAAO,iBAAiB;AAExB,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,SAAM,SAAQ,gBAAgB,iBAAO,OAAM;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,UAAU,OAAO;AAAA,QACjB,OAAO,OAAO;AAAA,QACd,UAAU;AAAA,QACV,UAAU,OAAO;AAAA,QACjB,eAAe,CAAC,OAAO;AAAA,QACvB;AAAA;AAAA,IACF;AAAA,OAX8C,OAAO,KAYvD;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/custom/filter-component/fields/date.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
-import { Label } from "@repo/ayasofyazilim-ui/components/label";
+import { Button } from "@ayasofyazilim/ui/components/button";
+import { Label } from "@ayasofyazilim/ui/components/label";
 import {
   Select,
   SelectContent,
@@ -10,7 +10,7 @@ import {
   SelectLabel,
   SelectTrigger,
   SelectValue
-} from "@repo/ayasofyazilim-ui/components/select";
+} from "@ayasofyazilim/ui/components/select";
 function DateField({
   filter,
   isPending

package/dist/custom/filter-component/fields/date.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/custom/filter-component/fields/date.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@~~repo~~/~~ayasofyazilim-~~ui/components/button\";\r\nimport { Label } from \"@~~repo~~/~~ayasofyazilim-~~ui/components/label\";\r\nimport {\r\n Select,\r\n SelectContent,\r\n SelectGroup,\r\n SelectItem,\r\n SelectLabel,\r\n SelectTrigger,\r\n SelectValue,\r\n} from \"@~~repo~~/~~ayasofyazilim-~~ui/components/select\";\r\nimport type { DateSelectType } from \"..\";\r\n\r\nfunction DateField({\r\n filter,\r\n isPending,\r\n}: {\r\n filter: DateSelectType;\r\n isPending: boolean;\r\n}) {\r\n return (\r\n <div className=\"grid items-center gap-1.5\" key={filter.title}>\r\n <Label htmlFor=\"refund-point\">{filter.title}</Label>\r\n <Select\r\n onValueChange={filter.onChange}\r\n value={filter.value}\r\n disabled={isPending}\r\n >\r\n <SelectTrigger className=\"w-full\">\r\n <SelectValue placeholder={filter.placeholder \|\| \"Select a date\"} />\r\n </SelectTrigger>\r\n <SelectContent>\r\n <SelectGroup>\r\n <SelectLabel>{filter.title}</SelectLabel>\r\n {filter.options.map((option) => (\r\n <SelectItem key={option.value} value={option.value}>\r\n {option.label}\r\n </SelectItem>\r\n ))}\r\n </SelectGroup>\r\n <Button\r\n className=\"w-full px-2\"\r\n variant=\"secondary\"\r\n size=\"sm\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n filter.onChange(\"\");\r\n }}\r\n >\r\n Clear\r\n </Button>\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DateField;\r\n"],"mappings":";AAwBM,cAUI,YAVJ;AAtBN,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,SAAM,SAAQ,gBAAgB,iBAAO,OAAM;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,eAAe,OAAO;AAAA,QACtB,OAAO,OAAO;AAAA,QACd,UAAU;AAAA,QAEV;AAAA,8BAAC,iBAAc,WAAU,UACvB,8BAAC,eAAY,aAAa,OAAO,eAAe,iBAAiB,GACnE;AAAA,UACA,qBAAC,iBACC;AAAA,iCAAC,eACC;AAAA,kCAAC,eAAa,iBAAO,OAAM;AAAA,cAC1B,OAAO,QAAQ,IAAI,CAAC,WACnB,oBAAC,cAA8B,OAAO,OAAO,OAC1C,iBAAO,SADO,OAAO,KAExB,CACD;AAAA,eACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,CAAC,MAAM;AACd,oBAAE,gBAAgB;AAClB,yBAAO,SAAS,EAAE;AAAA,gBACpB;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,OA/B8C,OAAO,KAgCvD;AAEJ;AAEA,IAAO,eAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../src/custom/filter-component/fields/date.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Button } from \"@ayasofyazilim/ui/components/button\";\r\nimport { Label } from \"@ayasofyazilim/ui/components/label\";\r\nimport {\r\n Select,\r\n SelectContent,\r\n SelectGroup,\r\n SelectItem,\r\n SelectLabel,\r\n SelectTrigger,\r\n SelectValue,\r\n} from \"@ayasofyazilim/ui/components/select\";\r\nimport type { DateSelectType } from \"..\";\r\n\r\nfunction DateField({\r\n filter,\r\n isPending,\r\n}: {\r\n filter: DateSelectType;\r\n isPending: boolean;\r\n}) {\r\n return (\r\n <div className=\"grid items-center gap-1.5\" key={filter.title}>\r\n <Label htmlFor=\"refund-point\">{filter.title}</Label>\r\n <Select\r\n onValueChange={filter.onChange}\r\n value={filter.value}\r\n disabled={isPending}\r\n >\r\n <SelectTrigger className=\"w-full\">\r\n <SelectValue placeholder={filter.placeholder \|\| \"Select a date\"} />\r\n </SelectTrigger>\r\n <SelectContent>\r\n <SelectGroup>\r\n <SelectLabel>{filter.title}</SelectLabel>\r\n {filter.options.map((option) => (\r\n <SelectItem key={option.value} value={option.value}>\r\n {option.label}\r\n </SelectItem>\r\n ))}\r\n </SelectGroup>\r\n <Button\r\n className=\"w-full px-2\"\r\n variant=\"secondary\"\r\n size=\"sm\"\r\n onClick={(e) => {\r\n e.stopPropagation();\r\n filter.onChange(\"\");\r\n }}\r\n >\r\n Clear\r\n </Button>\r\n </SelectContent>\r\n </Select>\r\n </div>\r\n );\r\n}\r\n\r\nexport default DateField;\r\n"],"mappings":";AAwBM,cAUI,YAVJ;AAtBN,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,SAAM,SAAQ,gBAAgB,iBAAO,OAAM;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,eAAe,OAAO;AAAA,QACtB,OAAO,OAAO;AAAA,QACd,UAAU;AAAA,QAEV;AAAA,8BAAC,iBAAc,WAAU,UACvB,8BAAC,eAAY,aAAa,OAAO,eAAe,iBAAiB,GACnE;AAAA,UACA,qBAAC,iBACC;AAAA,iCAAC,eACC;AAAA,kCAAC,eAAa,iBAAO,OAAM;AAAA,cAC1B,OAAO,QAAQ,IAAI,CAAC,WACnB,oBAAC,cAA8B,OAAO,OAAO,OAC1C,iBAAO,SADO,OAAO,KAExB,CACD;AAAA,eACH;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,SAAS,CAAC,MAAM;AACd,oBAAE,gBAAgB;AAClB,yBAAO,SAAS,EAAE;AAAA,gBACpB;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,OA/B8C,OAAO,KAgCvD;AAEJ;AAEA,IAAO,eAAQ;","names":[]}

package/dist/custom/filter-component/fields/multi-select.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Label } from "@repo/ayasofyazilim-ui/components/label";
+import { Label } from "@ayasofyazilim/ui/components/label";
 import { MultiSelect } from "../../multi-select";
 function MultiSelectField({
   filter,

package/dist/custom/filter-component/fields/multi-select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/custom/filter-component/fields/multi-select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Label } from \"@~~repo~~/~~ayasofyazilim-~~ui/components/label\";\r\n\r\nimport { MultiSelect } from \"../../multi-select\";\r\nimport type { MultiSelectType } from \"..\";\r\n\r\nfunction MultiSelectField({\r\n filter,\r\n isPending,\r\n}: {\r\n filter: MultiSelectType;\r\n isPending: boolean;\r\n}) {\r\n return (\r\n <div className=\"grid items-center gap-1.5\" key={filter.title}>\r\n <Label htmlFor=\"refund-point\">{filter.title}</Label>\r\n <MultiSelect\r\n onValueChange={filter.onChange}\r\n options={filter.options}\r\n defaultValue={filter.value}\r\n disabled={isPending}\r\n placeholder={filter.placeholder}\r\n selectAllLabel={filter.selectAllLabel}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nexport default MultiSelectField;\r\n"],"mappings":";AAeI,SACE,KADF;AAbJ,SAAS,aAAa;AAEtB,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,SAAM,SAAQ,gBAAgB,iBAAO,OAAM;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,eAAe,OAAO;AAAA,QACtB,SAAS,OAAO;AAAA,QAChB,cAAc,OAAO;AAAA,QACrB,UAAU;AAAA,QACV,aAAa,OAAO;AAAA,QACpB,gBAAgB,OAAO;AAAA;AAAA,IACzB;AAAA,OAT8C,OAAO,KAUvD;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}
1	+ {"version":3,"sources":["../../../../src/custom/filter-component/fields/multi-select.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Label } from \"@ayasofyazilim/ui/components/label\";\r\n\r\nimport { MultiSelect } from \"../../multi-select\";\r\nimport type { MultiSelectType } from \"..\";\r\n\r\nfunction MultiSelectField({\r\n filter,\r\n isPending,\r\n}: {\r\n filter: MultiSelectType;\r\n isPending: boolean;\r\n}) {\r\n return (\r\n <div className=\"grid items-center gap-1.5\" key={filter.title}>\r\n <Label htmlFor=\"refund-point\">{filter.title}</Label>\r\n <MultiSelect\r\n onValueChange={filter.onChange}\r\n options={filter.options}\r\n defaultValue={filter.value}\r\n disabled={isPending}\r\n placeholder={filter.placeholder}\r\n selectAllLabel={filter.selectAllLabel}\r\n />\r\n </div>\r\n );\r\n}\r\n\r\nexport default MultiSelectField;\r\n"],"mappings":";AAeI,SACE,KADF;AAbJ,SAAS,aAAa;AAEtB,SAAS,mBAAmB;AAG5B,SAAS,iBAAiB;AAAA,EACxB;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SAAI,WAAU,6BACb;AAAA,wBAAC,SAAM,SAAQ,gBAAgB,iBAAO,OAAM;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC,eAAe,OAAO;AAAA,QACtB,SAAS,OAAO;AAAA,QAChB,cAAc,OAAO;AAAA,QACrB,UAAU;AAAA,QACV,aAAa,OAAO;AAAA,QACpB,gBAAgB,OAAO;AAAA;AAAA,IACzB;AAAA,OAT8C,OAAO,KAUvD;AAEJ;AAEA,IAAO,uBAAQ;","names":[]}

package/dist/custom/filter-component/index.js CHANGED Viewed

@@ -5,18 +5,18 @@ import {
   useState,
   useTransition
 } from "react";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Card,
   CardContent,
   CardHeader
-} from "@repo/ayasofyazilim-ui/components/card";
+} from "@ayasofyazilim/ui/components/card";
 import {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger
-} from "@repo/ayasofyazilim-ui/components/collapsible";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/collapsible";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import AsyncSelectField from "./fields/async-select";
 import DateField from "./fields/date";
 import MultiSelectField from "./fields/multi-select";