@ayasofyazilim/ui 0.0.1 → 0.0.2

package/src/custom/master-data-grid/components/table/cell-renderer.tsx

@@ -1,4 +1,4 @@
-import { Switch } from "@repo/ayasofyazilim-ui/components/switch";
+import { Switch } from "@ayasofyazilim/ui/components/switch";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { z } from "zod";
 import { Badge } from "../../../../components/badge";
@@ -42,7 +42,7 @@ const BADGE_VARIANT_MAP: Record<
 
 function createZodSchema(
   schemaProperty?: JSONSchemaProperty,
-  t?: MasterDataGridResources
+  t?: MasterDataGridResources,
 ): z.ZodType {
   if (!schemaProperty) return z.unknown();
 
@@ -60,9 +60,9 @@ function createZodSchema(
           t?.["validation.min_length"]
             ? (t["validation.min_length"] ?? "").replace(
                 "{min}",
-                String(schemaProperty.minLength)
+                String(schemaProperty.minLength),
               )
-            : `Must be at least ${schemaProperty.minLength} characters`
+            : `Must be at least ${schemaProperty.minLength} characters`,
         );
       }
       if (schemaProperty.maxLength !== undefined) {
@@ -71,15 +71,15 @@ function createZodSchema(
           t?.["validation.max_length"]
             ? (t["validation.max_length"] ?? "").replace(
                 "{max}",
-                String(schemaProperty.maxLength)
+                String(schemaProperty.maxLength),
               )
-            : `Must be at most ${schemaProperty.maxLength} characters`
+            : `Must be at most ${schemaProperty.maxLength} characters`,
         );
       }
 
       if (schemaProperty.format === "email") {
         schema = (schema as z.ZodString).email(
-          t?.["validation.invalid_email"] || "Must be a valid email address"
+          t?.["validation.invalid_email"] || "Must be a valid email address",
         );
       }
       if (schemaProperty.format === "uri" || schemaProperty.format === "url") {
@@ -87,7 +87,7 @@ function createZodSchema(
       }
       if (schemaProperty.format === "uuid") {
         schema = z.uuid(
-          t?.["validation.invalid_uuid"] || "Must be a valid UUID"
+          t?.["validation.invalid_uuid"] || "Must be a valid UUID",
         );
       }
       break;
@@ -103,9 +103,9 @@ function createZodSchema(
           t?.["validation.min_value"]
             ? (t["validation.min_value"] ?? "").replace(
                 "{min}",
-                String(schemaProperty.minimum)
+                String(schemaProperty.minimum),
               )
-            : `Must be at least ${schemaProperty.minimum}`
+            : `Must be at least ${schemaProperty.minimum}`,
         );
       }
       if (schemaProperty.maximum !== undefined) {
@@ -114,9 +114,9 @@ function createZodSchema(
           t?.["validation.max_value"]
             ? (t["validation.max_value"] ?? "").replace(
                 "{max}",
-                String(schemaProperty.maximum)
+                String(schemaProperty.maximum),
               )
-            : `Must be at most ${schemaProperty.maximum}`
+            : `Must be at most ${schemaProperty.maximum}`,
         );
       }
       break;
@@ -135,9 +135,9 @@ function createZodSchema(
           t?.["validation.min_value"]
             ? (t["validation.min_value"] ?? "").replace(
                 "{min}",
-                String(schemaProperty.minimum)
+                String(schemaProperty.minimum),
               )
-            : `Must be at least ${schemaProperty.minimum}`
+            : `Must be at least ${schemaProperty.minimum}`,
         );
       }
       if (schemaProperty.maximum !== undefined) {
@@ -146,9 +146,9 @@ function createZodSchema(
           t?.["validation.max_value"]
             ? (t["validation.max_value"] ?? "").replace(
                 "{max}",
-                String(schemaProperty.maximum)
+                String(schemaProperty.maximum),
               )
-            : `Must be at most ${schemaProperty.maximum}`
+            : `Must be at most ${schemaProperty.maximum}`,
         );
       }
       break;
@@ -166,7 +166,7 @@ function createZodSchema(
   if (schemaProperty.enum && Array.isArray(schemaProperty.enum)) {
     schema = z.enum(
       schemaProperty.enum as [string, ...string[]],
-      t?.["validation.invalid_enum"] || "Invalid value"
+      t?.["validation.invalid_enum"] || "Invalid value",
     );
   }
 
@@ -248,19 +248,19 @@ export function CellRenderer<TData = unknown>({
 }: CellRendererProps<TData>) {
   const [localValue, setLocalValue] = useState(value);
   const [validationError, setValidationError] = useState<string | null>(
-    error || null
+    error || null,
   );
   const inputRef = useRef<HTMLInputElement>(null);
   const updateTimeoutRef = useRef<NodeJS.Timeout>(null);
   const datePickerIdRef = useRef<string>(
-    `date-${schemaProperty?.title || "field"}-${Date.now()}`
+    `date-${schemaProperty?.title || "field"}-${Date.now()}`,
   );
   const datePickerMountedRef = useRef<boolean>(false);
   const handleDateChangeRef = useRef<((date: Date) => void) | null>(null);
 
   const validationSchema = useMemo(
     () => (schemaProperty ? createZodSchema(schemaProperty, t) : null),
-    [schemaProperty, t]
+    [schemaProperty, t],
   );
 
   useEffect(() => {
@@ -289,7 +289,7 @@ export function CellRenderer<TData = unknown>({
         }
       }, DEBOUNCE_DELAY);
     },
-    [onUpdate]
+    [onUpdate],
   );
 
   const handleChange = useCallback(
@@ -311,16 +311,16 @@ export function CellRenderer<TData = unknown>({
         debouncedUpdate(newValue);
       }
     },
-    [validationSchema, debouncedUpdate]
+    [validationSchema, debouncedUpdate],
   );
 
   const inputClassName = useMemo(
     () =>
       cn(
         "h-full px-2 shadow-none border-0 rounded-none focus-visible:ring-0 focus-visible:ring-offset-0",
-        validationError && "border border-destructive"
+        validationError && "border border-destructive",
       ),
-    [validationError]
+    [validationError],
   );
 
   if (editable && !schemaProperty?.readOnly) {
@@ -364,7 +364,7 @@ export function CellRenderer<TData = unknown>({
                 size="sm"
                 className={cn(
                   "h-[35px]! px-2 w-full shadow-none border-0 rounded-none focus:ring-0 focus:ring-offset-0",
-                  validationError && "border border-destructive"
+                  validationError && "border border-destructive",
                 )}
               >
                 <SelectValue />
@@ -452,7 +452,7 @@ export function CellRenderer<TData = unknown>({
             classNames={{
               dateInput: cn(
                 "shadow-none border-0 h-8! rounded-none",
-                validationError && "border border-destructive"
+                validationError && "border border-destructive",
               ),
             }}
             useTime={isDateTime}

package/src/custom/master-data-grid/hooks/use-columns.tsx

@@ -1,4 +1,4 @@
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { GenericObjectType } from "@rjsf/utils";
 import type { ColumnDef } from "@tanstack/react-table";
 import { MoreHorizontal, Pencil, Save, X } from "lucide-react";
@@ -78,7 +78,7 @@ export function useColumns<TData>({
           configRef.current.editing?.errorDisplayMode,
           enableColumnVisibility,
           config.expansion?.expanderColumns,
-          config.schemaColumns
+          config.schemaColumns,
         )
       : [];
 
@@ -96,7 +96,7 @@ export function useColumns<TData>({
       customColumns,
       mergeContext,
       enableColumnVisibility,
-      t
+      t,
     );
 
     const mergedWithExpansion = merged.map((col) => {

package/src/custom/master-data-grid/types.ts

@@ -1,4 +1,4 @@
-import { z } from "@repo/ayasofyazilim-ui/lib/zod";
+import { z } from "@ayasofyazilim/ui/lib/zod";
 import { GenericObjectType } from "@rjsf/utils";
 import type {
   CellContext,
@@ -102,8 +102,9 @@ interface BaseRowAction<TData = unknown> {
   className?: string;
 }
 
-export interface StandardRowAction<TData = unknown>
-  extends BaseRowAction<TData> {
+export interface StandardRowAction<
+  TData = unknown,
+> extends BaseRowAction<TData> {
   label: string | ((row: TData) => string);
   icon?: LucideIcon;
   onClick?: (row: TData, event: React.MouseEvent) => void | Promise<void>;
@@ -351,7 +352,7 @@ export interface CustomCellRendererProps<TData = unknown> {
 }
 
 export type CustomCellRenderer<TData = unknown> = (
-  props: CustomCellRendererProps<TData>
+  props: CustomCellRendererProps<TData>,
 ) => React.ReactNode;
 
 export type CustomRenderers<TData> = Partial<

package/src/custom/multi-select.tsx

@@ -11,15 +11,15 @@ import {
   WandSparkles,
 } from "lucide-react";
 
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
-import { Separator } from "@repo/ayasofyazilim-ui/components/separator";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
-import { Badge } from "@repo/ayasofyazilim-ui/components/badge";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
+import { Separator } from "@ayasofyazilim/ui/components/separator";
+import { Button } from "@ayasofyazilim/ui/components/button";
+import { Badge } from "@ayasofyazilim/ui/components/badge";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@repo/ayasofyazilim-ui/components/popover";
+} from "@ayasofyazilim/ui/components/popover";
 import {
   Command,
   CommandEmpty,
@@ -28,7 +28,7 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator,
-} from "@repo/ayasofyazilim-ui/components/command";
+} from "@ayasofyazilim/ui/components/command";
 
 /**
  * Variants for the multi-select component to handle different styles.
@@ -51,14 +51,15 @@ const multiSelectVariants = cva(
     defaultVariants: {
       variant: "default",
     },
-  }
+  },
 );
 
 /**
  * Props for MultiSelect component
  */
 export interface MultiSelectProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+  extends
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof multiSelectVariants> {
   /**
    * Animation duration in seconds for the visual effects (e.g., bouncing badges).
@@ -154,7 +155,7 @@ export const MultiSelect = React.forwardRef<
       disabled,
       ...props
     },
-    ref
+    ref,
   ) => {
     const [selectedValues, setSelectedValues] =
       React.useState<string[]>(defaultValue);
@@ -172,7 +173,7 @@ export const MultiSelect = React.forwardRef<
     const [isAnimating, setIsAnimating] = React.useState(false);
 
     const handleInputKeyDown = (
-      event: React.KeyboardEvent<HTMLInputElement>
+      event: React.KeyboardEvent<HTMLInputElement>,
     ) => {
       if (event.key === "Enter") {
         setIsPopoverOpen(true);
@@ -195,8 +196,9 @@ export const MultiSelect = React.forwardRef<
     const handleClear = () => {
       setSelectedValues(
         selectedValues.filter(
-          (value) => !options.map((o) => !o.disabled && o.value).includes(value)
-        )
+          (value) =>
+            !options.map((o) => !o.disabled && o.value).includes(value),
+        ),
       );
       if (onValueChange) onValueChange([]);
     };
@@ -236,7 +238,7 @@ export const MultiSelect = React.forwardRef<
             onClick={handleTogglePopover}
             className={cn(
               "flex w-full p-1 rounded-md border min-h-9 h-auto items-center justify-between bg-inherit hover:bg-inherit",
-              className
+              className,
             )}
           >
             {selectedValues.length > 0 ? (
@@ -250,7 +252,7 @@ export const MultiSelect = React.forwardRef<
                         key={value}
                         className={cn(
                           isAnimating ? "animate-bounce" : "",
-                          multiSelectVariants({ variant })
+                          multiSelectVariants({ variant }),
                         )}
                         style={{ animationDuration: `${animation}s` }}
                       >
@@ -275,7 +277,7 @@ export const MultiSelect = React.forwardRef<
                       className={cn(
                         "bg-transparent text-foreground border-foreground/1 hover:bg-transparent",
                         isAnimating ? "animate-bounce" : "",
-                        multiSelectVariants({ variant })
+                        multiSelectVariants({ variant }),
                       )}
                       style={{ animationDuration: `${animation}s` }}
                     >
@@ -345,7 +347,7 @@ export const MultiSelect = React.forwardRef<
                       "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
                       selectedValues.length === options.length
                         ? "bg-primary text-primary-foreground"
-                        : "opacity-50 [&_svg]:invisible"
+                        : "opacity-50 [&_svg]:invisible",
                     )}
                   >
                     <CheckIcon className="h-4 w-4" />
@@ -367,7 +369,7 @@ export const MultiSelect = React.forwardRef<
                           "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
                           isSelected
                             ? "bg-primary text-primary-foreground"
-                            : "opacity-50 [&_svg]:invisible"
+                            : "opacity-50 [&_svg]:invisible",
                         )}
                       >
                         <CheckIcon className="h-4 w-4" />
@@ -419,14 +421,14 @@ export const MultiSelect = React.forwardRef<
           <WandSparkles
             className={cn(
               "cursor-pointer my-2 text-foreground bg-background w-3 h-3",
-              isAnimating ? "" : "text-muted-foreground"
+              isAnimating ? "" : "text-muted-foreground",
             )}
             onClick={() => setIsAnimating(!isAnimating)}
           />
         )}
       </Popover>
     );
-  }
+  },
 );
 
 MultiSelect.displayName = "MultiSelect";

package/src/custom/password-input.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import { InputProps } from "@repo/ayasofyazilim-ui/components/input";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { InputProps } from "@ayasofyazilim/ui/components/input";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { EyeIcon, EyeOffIcon, RotateCcwKey } from "lucide-react";
 import {
   forwardRef,
@@ -26,7 +26,7 @@ interface PasswordInputProps extends InputProps {
 const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
   (
     { className, showGenerator = false, passwordLength = 10, ...props },
-    ref
+    ref,
   ) => {
     const [showPassword, setShowPassword] = useState(false);
     const internalRef = useRef<HTMLInputElement>(null);
@@ -54,9 +54,9 @@ const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
         cn(
           "hide-password-toggle",
           showGenerator ? "pr-20" : "pr-10",
-          className
+          className,
         ),
-      [showGenerator, className]
+      [showGenerator, className],
     );
 
     // Use crypto.getRandomValues for better randomness when available
@@ -83,7 +83,7 @@ const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
         }
         return shuffled;
       },
-      [getRandomInt]
+      [getRandomInt],
     );
 
     const generatePassword = useCallback(
@@ -102,14 +102,14 @@ const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
         const remainingLength = Math.max(0, length - requiredChars.length);
         const additionalChars = Array.from(
           { length: remainingLength },
-          () => all[getRandomInt(all.length)]
+          () => all[getRandomInt(all.length)],
         );
 
         // Combine and shuffle
         const allChars = [...requiredChars, ...additionalChars] as string[];
         return shuffleArray(allChars).join("");
       },
-      [passwordLength, characterSets, getRandomInt, shuffleArray]
+      [passwordLength, characterSets, getRandomInt, shuffleArray],
     );
 
     // Optimized event dispatching
@@ -119,7 +119,7 @@ const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
         // Use React's internal event system when possible
         const descriptor = Object.getOwnPropertyDescriptor(
           HTMLInputElement.prototype,
-          "value"
+          "value",
         );
         if (descriptor?.set) {
           descriptor.set.call(_input, value);
@@ -134,7 +134,7 @@ const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
         _input.dispatchEvent(inputEvent);
         _input.dispatchEvent(changeEvent);
       },
-      []
+      [],
     );
 
     const handleGeneratePassword = useCallback(() => {
@@ -185,7 +185,7 @@ const PasswordInput = forwardRef<HTMLInputElement, PasswordInputProps>(
         )}
       </InputGroup>
     );
-  }
+  },
 );
 
 PasswordInput.displayName = "PasswordInput";

package/src/custom/phone-input.tsx

@@ -10,8 +10,8 @@ import PhoneInputWithCountrySelect, {
 } from "react-phone-number-input";
 import flags from "react-phone-number-input/flags";
 
-import { Input } from "@repo/ayasofyazilim-ui/components/input";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { Input } from "@ayasofyazilim/ui/components/input";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import {
   Select,
   SelectContent,
@@ -89,7 +89,7 @@ const _PhoneInput = React.forwardRef<
     data-slot="phone-input"
     className={cn(
       "-ms-px rounded-s-none rounded-l-none! shadow-none focus-visible:z-10",
-      className
+      className,
     )}
     ref={ref}
     {...props}

package/src/custom/schema-form/custom/label.tsx

@@ -1,11 +1,11 @@
-import { Label } from "@repo/ayasofyazilim-ui/components/label";
+import { Label } from "@ayasofyazilim/ui/components/label";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@repo/ayasofyazilim-ui/components/tooltip";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/tooltip";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { InfoIcon } from "lucide-react";
 import { JSXElementConstructor, ReactElement } from "react";
 

package/src/custom/schema-form/fields/base-input-field.tsx

@@ -1,5 +1,5 @@
-import { Input } from "@repo/ayasofyazilim-ui/components/input";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { Input } from "@ayasofyazilim/ui/components/input";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import {
   ariaDescribedByIds,
   BaseInputTemplateProps,
@@ -53,7 +53,7 @@ export function BaseInputTemplate({
         readOnly={readonly}
         className={cn(
           { "border-destructive focus-visible:ring-0": rawErrors.length > 0 },
-          className
+          className,
         )}
         list={schema.examples ? examplesId(id) : undefined}
         {...inputProps}
@@ -70,7 +70,7 @@ export function BaseInputTemplate({
             .concat(
               schema.default && !schema.examples.includes(schema.default)
                 ? ([schema.default] as string[])
-                : []
+                : [],
             )
             .map((example: any) => {
               return <option key={example} value={example} />;

package/src/custom/schema-form/fields/field.tsx

@@ -1,5 +1,5 @@
-import { TableCell } from "@repo/ayasofyazilim-ui/components/table";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { TableCell } from "@ayasofyazilim/ui/components/table";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { FieldTemplateProps } from "@rjsf/utils";
 import { FieldLabel } from "../custom";
 
@@ -35,7 +35,7 @@ export const FieldTemplate = (props: FieldTemplateProps) => {
           "**:[[role=combobox]]:border-0 **:[[role=combobox]]:shadow-none **:[[role=combobox]]:rounded-none",
           "**:data-[slot=input]:border-0 **:data-[slot=input]:shadow-none **:data-[slot=input]:rounded-none",
           "**:data-rac:border-0 **:data-rac:shadow-none **:data-rac:rounded-none",
-          "*:data-[slot=drawer-trigger]:border-0"
+          "*:data-[slot=drawer-trigger]:border-0",
         )}
       >
         {children}
@@ -47,7 +47,7 @@ export const FieldTemplate = (props: FieldTemplateProps) => {
         "flex flex-col gap-1.5 h-max",
         props.schema.type === "object" && "gap-3",
         classNames,
-        label
+        label,
       )}
       style={style}
     >

package/src/custom/schema-form/fields/table-array/array-field-item.tsx

@@ -1,12 +1,12 @@
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
-import { ButtonGroup } from "@repo/ayasofyazilim-ui/components/button-group";
+import { Button } from "@ayasofyazilim/ui/components/button";
+import { ButtonGroup } from "@ayasofyazilim/ui/components/button-group";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@repo/ayasofyazilim-ui/components/popover";
-import { TableCell, TableRow } from "@repo/ayasofyazilim-ui/components/table";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/popover";
+import { TableCell, TableRow } from "@ayasofyazilim/ui/components/table";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import {
   ArrayFieldItemTemplateProps,
   FormContextType,

package/src/custom/schema-form/fields/table-array/array-field-template.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Table,
   TableBody,
@@ -6,8 +6,8 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@repo/ayasofyazilim-ui/components/table";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/table";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import {
   ArrayFieldTemplateProps,
   buttonId,
@@ -35,12 +35,12 @@ export function ArrayFieldTemplate(props: ArrayFieldTemplateProps) {
   const ArrayFieldDescriptionTemplate = getTemplate(
     "ArrayFieldDescriptionTemplate",
     registry,
-    uiOptions
+    uiOptions,
   );
   const ArrayFieldTitleTemplate = getTemplate(
     "ArrayFieldTitleTemplate",
     registry,
-    uiOptions
+    uiOptions,
   );
   const showOptionalDataControlInTitle = !readonly && !disabled;
 
@@ -72,7 +72,7 @@ export function ArrayFieldTemplate(props: ArrayFieldTemplateProps) {
           <TableRow className="divide-x">
             {Object.keys(
               (schema?.items as { properties: Record<string, string> })
-                ?.properties || {}
+                ?.properties || {},
             ).map((item) => {
               const itemsUiSchema =
                 typeof uiSchema?.items === "function"