@questpie/admin 2.0.0 → 3.0.0

package/dist/client/components/fields/rich-text-field.d.mts

@@ -1,14 +0,0 @@
-import { RichTextEditorProps } from "./rich-text-editor/types.mjs";
-import "./rich-text-editor/index.mjs";
-import * as react_jsx_runtime221 from "react/jsx-runtime";
-
-//#region src/client/components/fields/rich-text-field.d.ts
-declare function RichTextField({
-  name,
-  control,
-  onChange,
-  ...props
-}: RichTextEditorProps): react_jsx_runtime221.JSX.Element;
-//#endregion
-export { RichTextField };
-//# sourceMappingURL=rich-text-field.d.mts.map

package/dist/client/components/fields/rich-text-field.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/rich-text-field.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKgB,aAAA;;;;;GAKb,sBAAmB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/rich-text-field.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"rich-text-field.mjs","names":[],"sources":["../../../../src/client/components/fields/rich-text-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { useResolvedControl } from \"./field-utils\";\nimport type { RichTextEditorProps } from \"./rich-text-editor\";\nimport { RichTextEditor } from \"./rich-text-editor\";\n\nexport function RichTextField({\n  name,\n  control,\n  onChange,\n  ...props\n}: RichTextEditorProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => (\n        <RichTextEditor\n          {...props}\n          name={name}\n          value={field.value}\n          onChange={(value) => {\n            field.onChange(value);\n            onChange?.(value);\n          }}\n          error={fieldState.error?.message}\n        />\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,cAAc,EAC5B,MACA,SACA,UACA,GAAG,SACmB;AAGtB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAChB,oBAAC;GACC,GAAI;GACE;GACN,OAAO,MAAM;GACb,WAAW,UAAU;AACnB,UAAM,SAAS,MAAM;AACrB,eAAW,MAAM;;GAEnB,OAAO,WAAW,OAAO;IACzB;GAEJ"}

package/dist/client/components/fields/select-field.d.mts

@@ -1,25 +0,0 @@
-import { SelectFieldProps } from "./field-types.mjs";
-import * as react_jsx_runtime222 from "react/jsx-runtime";
-
-//#region src/client/components/fields/select-field.d.ts
-declare function SelectField<TValue extends string = string>({
-  name,
-  label,
-  description,
-  placeholder,
-  required,
-  disabled,
-  localized,
-  locale,
-  control,
-  className,
-  options,
-  loadOptions,
-  multiple,
-  clearable,
-  maxSelections,
-  emptyMessage
-}: SelectFieldProps<TValue>): react_jsx_runtime222.JSX.Element;
-//#endregion
-export { SelectField };
-//# sourceMappingURL=select-field.d.mts.map

package/dist/client/components/fields/select-field.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/select-field.tsx"],"sourcesContent":[],"mappings":";;;;iBAOgB;;;;;;;;;;;;;;;;;GAiBb,iBAAiB,UAAO,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/select-field.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-field.mjs","names":[],"sources":["../../../../src/client/components/fields/select-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { SelectMulti } from \"../primitives/select-multi\";\nimport { SelectSingle } from \"../primitives/select-single\";\nimport type { SelectFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport function SelectField<TValue extends string = string>({\n  name,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n  options,\n  loadOptions,\n  multiple,\n  clearable,\n  maxSelections,\n  emptyMessage,\n}: SelectFieldProps<TValue>) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => (\n        <FieldWrapper\n          name={name}\n          label={label}\n          description={description}\n          required={required}\n          disabled={disabled}\n          localized={localized}\n          locale={locale}\n          error={fieldState.error?.message}\n        >\n          {multiple ? (\n            <SelectMulti<TValue>\n              id={name}\n              value={Array.isArray(field.value) ? field.value : []}\n              onChange={field.onChange}\n              options={options}\n              loadOptions={loadOptions}\n              maxSelections={maxSelections}\n              emptyMessage={emptyMessage}\n              placeholder={placeholder}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          ) : (\n            <SelectSingle<TValue>\n              id={name}\n              value={field.value ?? null}\n              onChange={field.onChange}\n              options={options}\n              loadOptions={loadOptions}\n              clearable={clearable}\n              emptyMessage={emptyMessage}\n              placeholder={placeholder}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          )}\n        </FieldWrapper>\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,YAA4C,EAC1D,MACA,OACA,aACA,aACA,UACA,UACA,WACA,QACA,SACA,WACA,SACA,aACA,UACA,WACA,eACA,gBAC2B;AAG3B,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAChB,oBAAC;GACO;GACC;GACM;GACH;GACA;GACC;GACH;GACR,OAAO,WAAW,OAAO;aAExB,WACC,oBAAC;IACC,IAAI;IACJ,OAAO,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,QAAQ,EAAE;IACpD,UAAU,MAAM;IACP;IACI;IACE;IACD;IACD;IACH;IACV,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX,GAEF,oBAAC;IACC,IAAI;IACJ,OAAO,MAAM,SAAS;IACtB,UAAU,MAAM;IACP;IACI;IACF;IACG;IACD;IACH;IACV,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX;IAES;GAEjB"}

package/dist/client/components/fields/status-field.d.mts

@@ -1,2 +0,0 @@
-import "../../i18n/types.mjs";
-import "react/jsx-runtime";

package/dist/client/components/fields/text-field.d.mts

@@ -1,22 +0,0 @@
-import { TextFieldProps } from "./field-types.mjs";
-import * as react_jsx_runtime224 from "react/jsx-runtime";
-
-//#region src/client/components/fields/text-field.d.ts
-declare function TextField({
-  name,
-  label,
-  description,
-  placeholder,
-  required,
-  disabled,
-  localized,
-  locale,
-  control,
-  className,
-  type,
-  maxLength,
-  autoComplete
-}: TextFieldProps): react_jsx_runtime224.JSX.Element;
-//#endregion
-export { TextField };
-//# sourceMappingURL=text-field.d.mts.map

package/dist/client/components/fields/text-field.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/text-field.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,SAAA;;;;;;;;;;;;;;GAcb,iBAAc,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/text-field.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-field.mjs","names":[],"sources":["../../../../src/client/components/fields/text-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { TextInput } from \"../primitives/text-input\";\nimport type { TextFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport function TextField({\n  name,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n  type = \"text\",\n  maxLength,\n  autoComplete,\n}: TextFieldProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => (\n        <FieldWrapper\n          name={name}\n          label={label}\n          description={description}\n          required={required}\n          disabled={disabled}\n          localized={localized}\n          locale={locale}\n          error={fieldState.error?.message}\n        >\n          <TextInput\n            id={name}\n            value={field.value ?? \"\"}\n            onChange={field.onChange}\n            type={type}\n            placeholder={placeholder}\n            disabled={disabled}\n            maxLength={maxLength}\n            autoComplete={autoComplete}\n            aria-invalid={!!fieldState.error}\n            className={className}\n          />\n        </FieldWrapper>\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,UAAU,EACxB,MACA,OACA,aACA,aACA,UACA,UACA,WACA,QACA,SACA,WACA,OAAO,QACP,WACA,gBACiB;AAGjB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAChB,oBAAC;GACO;GACC;GACM;GACH;GACA;GACC;GACH;GACR,OAAO,WAAW,OAAO;aAEzB,oBAAC;IACC,IAAI;IACJ,OAAO,MAAM,SAAS;IACtB,UAAU,MAAM;IACV;IACO;IACH;IACC;IACG;IACd,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX;IACW;GAEjB"}

package/dist/client/components/fields/textarea-field.d.mts

@@ -1,22 +0,0 @@
-import { TextareaFieldProps } from "./field-types.mjs";
-import * as react_jsx_runtime226 from "react/jsx-runtime";
-
-//#region src/client/components/fields/textarea-field.d.ts
-declare function TextareaField({
-  name,
-  label,
-  description,
-  placeholder,
-  required,
-  disabled,
-  localized,
-  locale,
-  control,
-  className,
-  rows,
-  maxLength,
-  autoResize
-}: TextareaFieldProps): react_jsx_runtime226.JSX.Element;
-//#endregion
-export { TextareaField };
-//# sourceMappingURL=textarea-field.d.mts.map

package/dist/client/components/fields/textarea-field.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/textarea-field.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,aAAA;;;;;;;;;;;;;;GAcb,qBAAkB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/textarea-field.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea-field.mjs","names":[],"sources":["../../../../src/client/components/fields/textarea-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { TextareaInput } from \"../primitives/textarea-input\";\nimport type { TextareaFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport function TextareaField({\n  name,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n  rows,\n  maxLength,\n  autoResize,\n}: TextareaFieldProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => (\n        <FieldWrapper\n          name={name}\n          label={label}\n          description={description}\n          required={required}\n          disabled={disabled}\n          localized={localized}\n          locale={locale}\n          error={fieldState.error?.message}\n        >\n          <TextareaInput\n            id={name}\n            value={field.value ?? \"\"}\n            onChange={field.onChange}\n            placeholder={placeholder}\n            disabled={disabled}\n            rows={rows}\n            maxLength={maxLength}\n            autoResize={autoResize}\n            aria-invalid={!!fieldState.error}\n            className={className}\n          />\n        </FieldWrapper>\n      )}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,cAAc,EAC5B,MACA,OACA,aACA,aACA,UACA,UACA,WACA,QACA,SACA,WACA,MACA,WACA,cACqB;AAGrB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAChB,oBAAC;GACO;GACC;GACM;GACH;GACA;GACC;GACH;GACR,OAAO,WAAW,OAAO;aAEzB,oBAAC;IACC,IAAI;IACJ,OAAO,MAAM,SAAS;IACtB,UAAU,MAAM;IACH;IACH;IACJ;IACK;IACC;IACZ,gBAAc,CAAC,CAAC,WAAW;IAChB;KACX;IACW;GAEjB"}

package/dist/client/components/fields/time-field.d.mts

@@ -1,20 +0,0 @@
-import { TimeFieldProps } from "./field-types.mjs";
-import * as react_jsx_runtime225 from "react/jsx-runtime";
-
-//#region src/client/components/fields/time-field.d.ts
-declare function TimeField({
-  name,
-  label,
-  description,
-  placeholder,
-  required,
-  disabled,
-  localized,
-  locale,
-  control,
-  className,
-  precision
-}: TimeFieldProps): react_jsx_runtime225.JSX.Element;
-//#endregion
-export { TimeField };
-//# sourceMappingURL=time-field.d.mts.map

package/dist/client/components/fields/time-field.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/time-field.tsx"],"sourcesContent":[],"mappings":";;;;iBAMgB,SAAA;;;;;;;;;;;;GAYb,iBAAc,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/time-field.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-field.mjs","names":[],"sources":["../../../../src/client/components/fields/time-field.tsx"],"sourcesContent":["import { Controller } from \"react-hook-form\";\nimport { TimeInput } from \"../primitives/time-input\";\nimport type { TimeFieldProps } from \"./field-types\";\nimport { useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\nexport function TimeField({\n  name,\n  label,\n  description,\n  placeholder,\n  required,\n  disabled,\n  localized,\n  locale,\n  control,\n  className,\n  precision,\n}: TimeFieldProps) {\n  const resolvedControl = useResolvedControl(control);\n\n  return (\n    <Controller\n      name={name}\n      control={resolvedControl}\n      render={({ field, fieldState }) => {\n        return (\n          <FieldWrapper\n            name={name}\n            label={label}\n            description={description}\n            required={required}\n            disabled={disabled}\n            localized={localized}\n            locale={locale}\n            error={fieldState.error?.message}\n          >\n            <TimeInput\n              id={name}\n              value={field.value ?? null}\n              onChange={field.onChange}\n              precision={precision}\n              placeholder={placeholder}\n              disabled={disabled}\n              aria-invalid={!!fieldState.error}\n              className={className}\n            />\n          </FieldWrapper>\n        );\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,UAAU,EACxB,MACA,OACA,aACA,aACA,UACA,UACA,WACA,QACA,SACA,WACA,aACiB;AAGjB,QACE,oBAAC;EACO;EACN,SALoB,mBAAmB,QAAQ;EAM/C,SAAS,EAAE,OAAO,iBAAiB;AACjC,UACE,oBAAC;IACO;IACC;IACM;IACH;IACA;IACC;IACH;IACR,OAAO,WAAW,OAAO;cAEzB,oBAAC;KACC,IAAI;KACJ,OAAO,MAAM,SAAS;KACtB,UAAU,MAAM;KACL;KACE;KACH;KACV,gBAAc,CAAC,CAAC,WAAW;KAChB;MACX;KACW;;GAGnB"}

package/dist/client/components/fields/upload-field.d.mts

@@ -1,97 +0,0 @@
-import { BaseFieldProps } from "./field-types.mjs";
-import { Asset } from "../../hooks/use-upload.mjs";
-import * as react_jsx_runtime227 from "react/jsx-runtime";
-
-//#region src/client/components/fields/upload-field.d.ts
-
-interface UploadFieldProps extends BaseFieldProps {
-  /**
-   * Target collection for uploads
-   */
-  to?: string;
-  /**
-   * Accepted file types (MIME types or extensions)
-   * @example ["image/*", "application/pdf"]
-   * @example "image/*"
-   */
-  accept?: string | string[];
-  /**
-   * Maximum file size in bytes
-   */
-  maxSize?: number;
-  /**
-   * Show image preview for uploaded files
-   * @default true
-   */
-  showPreview?: boolean;
-  /**
-   * Allow editing alt/caption (opens edit dialog)
-   * @default true
-   */
-  editable?: boolean;
-  /**
-   * Preview variant
-   * @default "card" for single, "thumbnail" for multiple grid
-   */
-  previewVariant?: "card" | "compact" | "thumbnail";
-  /**
-   * Callback when upload starts
-   */
-  onUploadStart?: () => void;
-  /**
-   * Callback when upload completes
-   */
-  onUploadComplete?: (asset: Asset | Asset[]) => void;
-  /**
-   * Callback when upload fails
-   */
-  onUploadError?: (error: Error) => void;
-  /**
-   * Enable multiple file uploads.
-   * When true, field value is an array of asset IDs.
-   * @default false
-   */
-  multiple?: boolean;
-  /**
-   * Maximum number of files (only when multiple: true)
-   */
-  maxItems?: number;
-  /**
-   * Enable drag-and-drop reordering (only when multiple: true)
-   * @default false
-   */
-  orderable?: boolean;
-  /**
-   * Layout for previews (only when multiple: true)
-   * @default "grid"
-   */
-  layout?: "grid" | "list";
-}
-declare function UploadField({
-  name,
-  label,
-  description,
-  placeholder,
-  required,
-  disabled,
-  localized,
-  locale,
-  control,
-  className,
-  to,
-  accept,
-  maxSize,
-  showPreview,
-  editable,
-  previewVariant,
-  onUploadStart,
-  onUploadComplete,
-  onUploadError,
-  multiple,
-  maxItems,
-  orderable,
-  layout
-}: UploadFieldProps): react_jsx_runtime227.JSX.Element;
-//#endregion
-export { UploadField, UploadFieldProps };
-//# sourceMappingURL=upload-field.d.mts.map

package/dist/client/components/fields/upload-field.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-field.d.mts","names":[],"sources":["../../../../src/client/components/fields/upload-field.tsx"],"sourcesContent":[],"mappings":";;;;;;AAo0BC,UA1uBgB,gBAAA,SAAyB,cA0uBzC,CAAA;EACA;;;EAGE,EAAA,CAAA,EAAA,MAAA;EAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAlsBS,QAAQ;;;;0BAKX;;;;;;;;;;;;;;;;;;;;;;iBAoqBT,WAAA;;;;;;;;;;;;;;;;;;;;;;;;GAyBb,mBAAgB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/client/components/fields/upload-field.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload-field.mjs","names":["React","parts: string[]","t"],"sources":["../../../../src/client/components/fields/upload-field.tsx"],"sourcesContent":["/**\n * UploadField Component\n *\n * Unified file upload field supporting both single and multiple uploads.\n * - Single mode (default): Value is asset ID (string | null)\n * - Multiple mode: Value is array of asset IDs (string[])\n *\n * @example Single upload\n * ```tsx\n * <UploadField\n *   name=\"featuredImage\"\n *   label=\"Featured Image\"\n *   accept={[\"image/*\"]}\n *   maxSize={5_000_000}\n * />\n * ```\n *\n * @example Multiple uploads\n * ```tsx\n * <UploadField\n *   name=\"gallery\"\n *   label=\"Gallery\"\n *   multiple\n *   accept={[\"image/*\"]}\n *   maxItems={10}\n *   orderable\n * />\n * ```\n */\n\nimport {\n\tclosestCenter,\n\tDndContext,\n\ttype DragEndEvent,\n\tKeyboardSensor,\n\tPointerSensor,\n\tuseSensor,\n\tuseSensors,\n} from \"@dnd-kit/core\";\nimport {\n\tarrayMove,\n\trectSortingStrategy,\n\tSortableContext,\n\tsortableKeyboardCoordinates,\n\tuseSortable,\n\tverticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport {\n\tController,\n\ttype ControllerRenderProps,\n\ttype FieldValues,\n} from \"react-hook-form\";\nimport { toast } from \"sonner\";\nimport { useCollectionItem } from \"../../hooks/use-collection\";\nimport { type Asset, useUpload } from \"../../hooks/use-upload\";\nimport { useUploadCollection } from \"../../hooks/use-upload-collection\";\nimport { useResolveText, useTranslation } from \"../../i18n/hooks\";\nimport { selectClient, useAdminStore } from \"../../runtime\";\nimport { MediaPickerDialog } from \"../media/media-picker-dialog\";\nimport { AssetPreview } from \"../primitives/asset-preview\";\nimport { Dropzone } from \"../primitives/dropzone\";\nimport { ResourceSheet } from \"../sheets\";\nimport { Button } from \"../ui/button\";\nimport type { BaseFieldProps } from \"./field-types\";\nimport { sanitizeFilename, useResolvedControl } from \"./field-utils\";\nimport { FieldWrapper } from \"./field-wrapper\";\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Normalize accept to always be an array.\n * Supports both string and array formats from field configs.\n */\nfunction normalizeAccept(\n\taccept: string | string[] | undefined,\n): string[] | undefined {\n\tif (!accept) return undefined;\n\tif (Array.isArray(accept)) return accept;\n\treturn [accept];\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface UploadFieldProps extends BaseFieldProps {\n\t/**\n\t * Target collection for uploads\n\t */\n\tto?: string;\n\n\t/**\n\t * Accepted file types (MIME types or extensions)\n\t * @example [\"image/*\", \"application/pdf\"]\n\t * @example \"image/*\"\n\t */\n\taccept?: string | string[];\n\n\t/**\n\t * Maximum file size in bytes\n\t */\n\tmaxSize?: number;\n\n\t/**\n\t * Show image preview for uploaded files\n\t * @default true\n\t */\n\tshowPreview?: boolean;\n\n\t/**\n\t * Allow editing alt/caption (opens edit dialog)\n\t * @default true\n\t */\n\teditable?: boolean;\n\n\t/**\n\t * Preview variant\n\t * @default \"card\" for single, \"thumbnail\" for multiple grid\n\t */\n\tpreviewVariant?: \"card\" | \"compact\" | \"thumbnail\";\n\n\t/**\n\t * Callback when upload starts\n\t */\n\tonUploadStart?: () => void;\n\n\t/**\n\t * Callback when upload completes\n\t */\n\tonUploadComplete?: (asset: Asset | Asset[]) => void;\n\n\t/**\n\t * Callback when upload fails\n\t */\n\tonUploadError?: (error: Error) => void;\n\n\t// ── Multiple upload options ──────────────────────────────────────────────\n\n\t/**\n\t * Enable multiple file uploads.\n\t * When true, field value is an array of asset IDs.\n\t * @default false\n\t */\n\tmultiple?: boolean;\n\n\t/**\n\t * Maximum number of files (only when multiple: true)\n\t */\n\tmaxItems?: number;\n\n\t/**\n\t * Enable drag-and-drop reordering (only when multiple: true)\n\t * @default false\n\t */\n\torderable?: boolean;\n\n\t/**\n\t * Layout for previews (only when multiple: true)\n\t * @default \"grid\"\n\t */\n\tlayout?: \"grid\" | \"list\";\n}\n\n// ============================================================================\n// Sortable Item Component (for multiple mode)\n// ============================================================================\n\ninterface SortableAssetItemProps {\n\tid: string;\n\tasset: Asset | null;\n\tloading?: boolean;\n\tprogress?: number;\n\tdisabled?: boolean;\n\tvariant: \"compact\" | \"thumbnail\";\n\torderable?: boolean;\n\teditable?: boolean;\n\thref?: string;\n\tonRemove?: () => void;\n\tonEdit?: () => void;\n}\n\nfunction SortableAssetItem({\n\tid,\n\tasset,\n\tloading,\n\tprogress,\n\tdisabled,\n\tvariant,\n\torderable,\n\teditable,\n\thref,\n\tonRemove,\n\tonEdit,\n}: SortableAssetItemProps) {\n\tconst {\n\t\tattributes,\n\t\tlisteners,\n\t\tsetNodeRef,\n\t\ttransform,\n\t\ttransition,\n\t\tisDragging,\n\t} = useSortable({ id });\n\n\tconst style = {\n\t\ttransform: CSS.Transform.toString(transform),\n\t\ttransition,\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tref={setNodeRef}\n\t\t\tstyle={style}\n\t\t\tclassName={isDragging ? \"opacity-50\" : \"\"}\n\t\t>\n\t\t\t<AssetPreview\n\t\t\t\tasset={asset || { id }}\n\t\t\t\tloading={loading}\n\t\t\t\tprogress={progress}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tvariant={variant}\n\t\t\t\tshowDragHandle={orderable && !disabled}\n\t\t\t\tdragHandleProps={\n\t\t\t\t\torderable ? { ...attributes, ...listeners } : undefined\n\t\t\t\t}\n\t\t\t\thref={href}\n\t\t\t\tonRemove={disabled ? undefined : onRemove}\n\t\t\t\tonEdit={editable && !disabled ? onEdit : undefined}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Single Upload Inner Component\n// ============================================================================\n\ninterface SingleUploadInnerProps {\n\tfield: ControllerRenderProps<FieldValues, string>;\n\terror?: string;\n\tcollection: string;\n\tunresolvedCollectionMessage?: string;\n\taccept?: string | string[];\n\tmaxSize?: number;\n\tshowPreview: boolean;\n\teditable: boolean;\n\tpreviewVariant: \"card\" | \"compact\" | \"thumbnail\";\n\tdisabled?: boolean;\n\tplaceholder?: string;\n\tonUploadStart?: () => void;\n\tonUploadComplete?: (asset: Asset) => void;\n\tonUploadError?: (error: Error) => void;\n\tclassName?: string;\n}\n\nfunction SingleUploadInner({\n\tfield,\n\terror,\n\tcollection,\n\tunresolvedCollectionMessage,\n\taccept,\n\tmaxSize,\n\tshowPreview,\n\teditable,\n\tpreviewVariant,\n\tdisabled,\n\tplaceholder,\n\tonUploadStart,\n\tonUploadComplete,\n\tonUploadError,\n\tclassName,\n}: SingleUploadInnerProps) {\n\t// Normalize accept to always be an array (supports both string and array from field config)\n\tconst normalizedAccept = normalizeAccept(accept);\n\n\tconst { t } = useTranslation();\n\tconst resolveText = useResolveText();\n\tconst resolvedPlaceholder = placeholder\n\t\t? resolveText(placeholder)\n\t\t: undefined;\n\tconst { upload, isUploading, progress, error: uploadError } = useUpload();\n\tconst [isPickerOpen, setIsPickerOpen] = React.useState(false);\n\tconst [isEditSheetOpen, setIsEditSheetOpen] = React.useState(false);\n\n\tconst assetId = field.value as string | null | undefined;\n\n\tconst { data: asset, isLoading: isLoadingAsset } = useCollectionItem(\n\t\tcollection,\n\t\tassetId || \"\",\n\t\tundefined,\n\t\t{ enabled: !!collection && !!assetId && showPreview },\n\t);\n\n\tconst handleDrop = async (files: File[]) => {\n\t\tif (files.length === 0 || disabled) return;\n\t\tif (!collection) {\n\t\t\ttoast.error(\n\t\t\t\tunresolvedCollectionMessage || \"No upload collection is configured.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst originalFile = files[0];\n\t\tconst sanitizedName = sanitizeFilename(originalFile.name);\n\t\tconst file = new File([originalFile], sanitizedName, {\n\t\t\ttype: originalFile.type,\n\t\t});\n\n\t\ttry {\n\t\t\tonUploadStart?.();\n\t\t\tconst uploadedAsset = await upload(file, { to: collection });\n\t\t\tfield.onChange(uploadedAsset.id);\n\t\t\tonUploadComplete?.(uploadedAsset);\n\t\t} catch (err) {\n\t\t\tconst uploadErr =\n\t\t\t\terr instanceof Error ? err : new Error(t(\"upload.error\"));\n\t\t\tonUploadError?.(uploadErr);\n\t\t\ttoast.error(uploadErr.message);\n\t\t}\n\t};\n\n\tconst handleRemove = () => {\n\t\tfield.onChange(null);\n\t};\n\n\tconst handleEdit = () => {\n\t\tif (assetId) {\n\t\t\tsetIsEditSheetOpen(true);\n\t\t}\n\t};\n\n\tconst handleValidationError = (errors: { message: string }[]) => {\n\t\tfor (const validationError of errors) {\n\t\t\ttoast.error(validationError.message);\n\t\t}\n\t};\n\n\tconst hintText = React.useMemo(() => {\n\t\tconst parts: string[] = [];\n\t\tif (normalizedAccept?.length) {\n\t\t\tconst types = normalizedAccept\n\t\t\t\t.map((t: string) => {\n\t\t\t\t\tif (t.startsWith(\"image/\")) return \"Images\";\n\t\t\t\t\tif (t.startsWith(\"video/\")) return \"Videos\";\n\t\t\t\t\tif (t.startsWith(\"audio/\")) return \"Audio\";\n\t\t\t\t\tif (t === \"application/pdf\") return \"PDF\";\n\t\t\t\t\treturn t;\n\t\t\t\t})\n\t\t\t\t.filter((v: string, i: number, a: string[]) => a.indexOf(v) === i);\n\t\t\tparts.push(types.join(\", \"));\n\t\t}\n\t\tif (maxSize) {\n\t\t\tconst mb = (maxSize / (1024 * 1024)).toFixed(0);\n\t\t\tparts.push(`Max ${mb}MB`);\n\t\t}\n\t\treturn parts.join(\" • \") || undefined;\n\t}, [normalizedAccept, maxSize]);\n\n\tconst hasValue = !!assetId;\n\tconst isLoading = isUploading || (hasValue && isLoadingAsset);\n\n\tconst handlePickerSelect = (id: string | string[]) => {\n\t\tif (typeof id === \"string\") {\n\t\t\tfield.onChange(id);\n\t\t}\n\t};\n\n\treturn (\n\t\t<div className={className}>\n\t\t\t{unresolvedCollectionMessage && (\n\t\t\t\t<p className=\"mb-2 rounded-md border border-warning/40 bg-warning/5 px-3 py-2 text-xs text-warning\">\n\t\t\t\t\t{unresolvedCollectionMessage}\n\t\t\t\t</p>\n\t\t\t)}\n\n\t\t\t{hasValue && showPreview && asset ? (\n\t\t\t\t<AssetPreview\n\t\t\t\t\tasset={asset as Asset}\n\t\t\t\t\tloading={isLoading}\n\t\t\t\t\tprogress={isUploading ? progress : undefined}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tvariant={previewVariant}\n\t\t\t\t\tonRemove={disabled ? undefined : handleRemove}\n\t\t\t\t\tonEdit={editable && !disabled ? handleEdit : undefined}\n\t\t\t\t/>\n\t\t\t) : hasValue && showPreview && isLoadingAsset ? (\n\t\t\t\t<AssetPreview\n\t\t\t\t\tasset={{ id: assetId }}\n\t\t\t\t\tloading={true}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tvariant={previewVariant}\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<Dropzone\n\t\t\t\t\tonDrop={handleDrop}\n\t\t\t\t\taccept={normalizedAccept}\n\t\t\t\t\tmaxSize={maxSize}\n\t\t\t\t\tmultiple={false}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tloading={isUploading}\n\t\t\t\t\tprogress={isUploading ? progress : undefined}\n\t\t\t\t\tlabel={resolvedPlaceholder || \"Drop file here or click to browse\"}\n\t\t\t\t\thint={hintText}\n\t\t\t\t\tonValidationError={handleValidationError}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{!hasValue && !isUploading && !disabled && !!collection && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tonClick={() => setIsPickerOpen(true)}\n\t\t\t\t\tclassName=\"mt-2 w-full\"\n\t\t\t\t>\n\t\t\t\t\t<Icon icon=\"ph:folder-open-bold\" className=\"mr-2 size-4\" />\n\t\t\t\t\tBrowse Library\n\t\t\t\t</Button>\n\t\t\t)}\n\n\t\t\t<MediaPickerDialog\n\t\t\t\topen={isPickerOpen}\n\t\t\t\tonOpenChange={setIsPickerOpen}\n\t\t\t\tmode=\"single\"\n\t\t\t\taccept={normalizedAccept}\n\t\t\t\tonSelect={handlePickerSelect}\n\t\t\t\tcollection={collection || undefined}\n\t\t\t/>\n\n\t\t\t{assetId && !!collection && (\n\t\t\t\t<ResourceSheet\n\t\t\t\t\ttype=\"collection\"\n\t\t\t\t\tcollection={collection}\n\t\t\t\t\titemId={assetId}\n\t\t\t\t\topen={isEditSheetOpen}\n\t\t\t\t\tonOpenChange={setIsEditSheetOpen}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{error && <p className=\"text-destructive mt-1 text-xs\">{error}</p>}\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Multiple Upload Inner Component\n// ============================================================================\n\ninterface MultipleUploadInnerProps {\n\tfield: ControllerRenderProps<FieldValues, string>;\n\terror?: string;\n\tcollection: string;\n\tunresolvedCollectionMessage?: string;\n\taccept?: string | string[];\n\tmaxSize?: number;\n\tmaxItems?: number;\n\torderable: boolean;\n\tlayout: \"grid\" | \"list\";\n\teditable: boolean;\n\tdisabled?: boolean;\n\tplaceholder?: string;\n\tonUploadStart?: () => void;\n\tonUploadComplete?: (assets: Asset[]) => void;\n\tonUploadError?: (error: Error) => void;\n\tclassName?: string;\n}\n\nfunction MultipleUploadInner({\n\tfield,\n\tcollection,\n\tunresolvedCollectionMessage,\n\taccept,\n\tmaxSize,\n\tmaxItems,\n\torderable,\n\tlayout,\n\teditable,\n\tdisabled,\n\tplaceholder,\n\tonUploadStart,\n\tonUploadComplete,\n\tonUploadError,\n\tclassName,\n}: MultipleUploadInnerProps) {\n\t// Normalize accept to always be an array (supports both string and array from field config)\n\tconst normalizedAccept = normalizeAccept(accept);\n\n\tconst { t } = useTranslation();\n\tconst resolveText = useResolveText();\n\tconst resolvedPlaceholder = placeholder\n\t\t? resolveText(placeholder)\n\t\t: undefined;\n\tconst { uploadMany, isUploading, progress } = useUpload();\n\tconst client = useAdminStore(selectClient);\n\tconst [isPickerOpen, setIsPickerOpen] = React.useState(false);\n\tconst [editAssetId, setEditAssetId] = React.useState<string | null>(null);\n\tconst [pendingUploads, setPendingUploads] = React.useState<\n\t\t{ id: string; file: File }[]\n\t>([]);\n\tconst [fetchedAssets, setFetchedAssets] = React.useState<Map<string, Asset>>(\n\t\t() => new Map(),\n\t);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(PointerSensor),\n\t\tuseSensor(KeyboardSensor, {\n\t\t\tcoordinateGetter: sortableKeyboardCoordinates,\n\t\t}),\n\t);\n\n\tconst assetIds = (field.value as string[] | null | undefined) || [];\n\n\t// Fetch assets that we don't have yet\n\tReact.useEffect(() => {\n\t\tif (!client || !collection || assetIds.length === 0) return;\n\n\t\tconst missingIds = assetIds.filter((id) => !fetchedAssets.has(id));\n\t\tif (missingIds.length === 0) return;\n\n\t\tlet cancelled = false;\n\n\t\t(async () => {\n\t\t\tfor (const id of missingIds) {\n\t\t\t\tif (cancelled) return;\n\t\t\t\ttry {\n\t\t\t\t\tconst response = await (client as any).collections[\n\t\t\t\t\t\tcollection\n\t\t\t\t\t].findOne({ where: { id } });\n\t\t\t\t\tif (!cancelled && response) {\n\t\t\t\t\t\tsetFetchedAssets((prev) =>\n\t\t\t\t\t\t\tnew Map(prev).set(id, response as Asset),\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t} catch (fetchError) {\n\t\t\t\t\tif (!cancelled) {\n\t\t\t\t\t\tconsole.error(\"Failed to fetch asset:\", fetchError);\n\t\t\t\t\t\ttoast.error(\"Failed to load asset\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t})();\n\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t};\n\t}, [assetIds, collection, fetchedAssets, client]);\n\n\tconst handleDrop = async (files: File[]) => {\n\t\tif (files.length === 0 || disabled) return;\n\t\tif (!collection) {\n\t\t\ttoast.error(\n\t\t\t\tunresolvedCollectionMessage || \"No upload collection is configured.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst remainingSlots = maxItems ? maxItems - assetIds.length : files.length;\n\t\tconst filesToUpload = files.slice(0, remainingSlots);\n\n\t\tif (filesToUpload.length < files.length) {\n\t\t\ttoast.warning(\n\t\t\t\tt(\"toast.maxFilesWarning\", {\n\t\t\t\t\tremaining: remainingSlots,\n\t\t\t\t\tmax: maxItems,\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\n\t\tif (filesToUpload.length === 0) return;\n\n\t\tconst sanitizedFiles = filesToUpload.map((file) => {\n\t\t\tconst sanitizedName = sanitizeFilename(file.name);\n\t\t\treturn new File([file], sanitizedName, { type: file.type });\n\t\t});\n\n\t\tconst pending = sanitizedFiles.map((file, index) => ({\n\t\t\tid: `pending-${Date.now()}-${index}`,\n\t\t\tfile,\n\t\t}));\n\t\tsetPendingUploads(pending);\n\n\t\ttry {\n\t\t\tonUploadStart?.();\n\t\t\tconst uploadedAssets = await uploadMany(sanitizedFiles, {\n\t\t\t\tto: collection,\n\t\t\t});\n\t\t\tconst newIds = uploadedAssets.map((a) => a.id);\n\t\t\tfield.onChange([...assetIds, ...newIds]);\n\n\t\t\tfor (const asset of uploadedAssets) {\n\t\t\t\tsetFetchedAssets((prev) => new Map(prev).set(asset.id, asset));\n\t\t\t}\n\n\t\t\tonUploadComplete?.(uploadedAssets);\n\t\t} catch (err) {\n\t\t\tconst uploadError =\n\t\t\t\terr instanceof Error ? err : new Error(t(\"upload.error\"));\n\t\t\tonUploadError?.(uploadError);\n\t\t\ttoast.error(uploadError.message);\n\t\t} finally {\n\t\t\tsetPendingUploads([]);\n\t\t}\n\t};\n\n\tconst handleRemove = (idToRemove: string) => {\n\t\tfield.onChange(assetIds.filter((id) => id !== idToRemove));\n\t};\n\n\tconst handleEdit = (id: string) => {\n\t\tsetEditAssetId(id);\n\t};\n\n\tconst handleDragEnd = (event: DragEndEvent) => {\n\t\tconst { active, over } = event;\n\n\t\tif (over && active.id !== over.id) {\n\t\t\tconst oldIndex = assetIds.indexOf(active.id as string);\n\t\t\tconst newIndex = assetIds.indexOf(over.id as string);\n\n\t\t\tif (oldIndex !== -1 && newIndex !== -1) {\n\t\t\t\tconst reordered = arrayMove(assetIds, oldIndex, newIndex);\n\t\t\t\tfield.onChange(reordered);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleValidationError = (errors: { message: string }[]) => {\n\t\tfor (const validationError of errors) {\n\t\t\ttoast.error(validationError.message);\n\t\t}\n\t};\n\n\tconst handlePickerSelect = (ids: string | string[]) => {\n\t\tif (!collection) {\n\t\t\ttoast.error(\n\t\t\t\tunresolvedCollectionMessage || \"No upload collection is configured.\",\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst newIds = Array.isArray(ids) ? ids : [ids];\n\n\t\tconst totalAfterAdd = assetIds.length + newIds.length;\n\t\tif (maxItems && totalAfterAdd > maxItems) {\n\t\t\ttoast.warning(`Maximum ${maxItems} items allowed`);\n\t\t\tconst remainingSlots = maxItems - assetIds.length;\n\t\t\tconst idsToAdd = newIds.slice(0, remainingSlots);\n\t\t\tfield.onChange([...assetIds, ...idsToAdd]);\n\t\t} else {\n\t\t\tfield.onChange([...assetIds, ...newIds]);\n\t\t}\n\t};\n\n\tconst hintText = React.useMemo(() => {\n\t\tconst parts: string[] = [];\n\t\tif (normalizedAccept?.length) {\n\t\t\tconst types = normalizedAccept\n\t\t\t\t.map((t: string) => {\n\t\t\t\t\tif (t.startsWith(\"image/\")) return \"Images\";\n\t\t\t\t\tif (t.startsWith(\"video/\")) return \"Videos\";\n\t\t\t\t\tif (t.startsWith(\"audio/\")) return \"Audio\";\n\t\t\t\t\tif (t === \"application/pdf\") return \"PDF\";\n\t\t\t\t\treturn t;\n\t\t\t\t})\n\t\t\t\t.filter((v: string, i: number, a: string[]) => a.indexOf(v) === i);\n\t\t\tparts.push(types.join(\", \"));\n\t\t}\n\t\tif (maxSize) {\n\t\t\tconst mb = (maxSize / (1024 * 1024)).toFixed(0);\n\t\t\tparts.push(`Max ${mb}MB`);\n\t\t}\n\t\treturn parts.join(\" • \") || undefined;\n\t}, [normalizedAccept, maxSize]);\n\n\tconst hasItems = assetIds.length > 0 || pendingUploads.length > 0;\n\tconst canAddMore = !maxItems || assetIds.length < maxItems;\n\tconst previewVariant = layout === \"grid\" ? \"thumbnail\" : \"compact\";\n\tconst sortingStrategy =\n\t\tlayout === \"grid\" ? rectSortingStrategy : verticalListSortingStrategy;\n\n\treturn (\n\t\t<div className={className}>\n\t\t\t{unresolvedCollectionMessage && (\n\t\t\t\t<p className=\"mb-2 rounded-md border border-warning/40 bg-warning/5 px-3 py-2 text-xs text-warning\">\n\t\t\t\t\t{unresolvedCollectionMessage}\n\t\t\t\t</p>\n\t\t\t)}\n\n\t\t\t{hasItems && (\n\t\t\t\t<DndContext\n\t\t\t\t\tsensors={sensors}\n\t\t\t\t\tcollisionDetection={closestCenter}\n\t\t\t\t\tonDragEnd={handleDragEnd}\n\t\t\t\t>\n\t\t\t\t\t<SortableContext\n\t\t\t\t\t\titems={assetIds}\n\t\t\t\t\t\tstrategy={sortingStrategy}\n\t\t\t\t\t\tdisabled={!orderable}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\tlayout === \"grid\"\n\t\t\t\t\t\t\t\t\t? \"mb-3 grid grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4\"\n\t\t\t\t\t\t\t\t\t: \"mb-3 space-y-2\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{assetIds.map((id) => (\n\t\t\t\t\t\t\t\t<SortableAssetItem\n\t\t\t\t\t\t\t\t\tkey={id}\n\t\t\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\t\t\tasset={fetchedAssets.get(id) || null}\n\t\t\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\t\t\tvariant={previewVariant}\n\t\t\t\t\t\t\t\t\torderable={orderable}\n\t\t\t\t\t\t\t\t\teditable={editable}\n\t\t\t\t\t\t\t\t\tonRemove={() => handleRemove(id)}\n\t\t\t\t\t\t\t\t\tonEdit={() => handleEdit(id)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{pendingUploads.map((pending, index) => (\n\t\t\t\t\t\t\t\t<div key={pending.id}>\n\t\t\t\t\t\t\t\t\t<AssetPreview\n\t\t\t\t\t\t\t\t\t\tasset={{ filename: pending.file.name }}\n\t\t\t\t\t\t\t\t\t\tpendingFile={pending.file}\n\t\t\t\t\t\t\t\t\t\tloading={true}\n\t\t\t\t\t\t\t\t\t\tprogress={Math.min(\n\t\t\t\t\t\t\t\t\t\t\t100,\n\t\t\t\t\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t\t\t\t\tprogress - (index / pendingUploads.length) * 100,\n\t\t\t\t\t\t\t\t\t\t\t) *\n\t\t\t\t\t\t\t\t\t\t\t\t(pendingUploads.length /\n\t\t\t\t\t\t\t\t\t\t\t\t\t(pendingUploads.length - index)),\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tdisabled={true}\n\t\t\t\t\t\t\t\t\t\tvariant={previewVariant}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SortableContext>\n\t\t\t\t</DndContext>\n\t\t\t)}\n\n\t\t\t{canAddMore && !isUploading && !!collection && (\n\t\t\t\t<Dropzone\n\t\t\t\t\tonDrop={handleDrop}\n\t\t\t\t\taccept={normalizedAccept}\n\t\t\t\t\tmaxSize={maxSize}\n\t\t\t\t\tmultiple={true}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tloading={isUploading}\n\t\t\t\t\tprogress={isUploading ? progress : undefined}\n\t\t\t\t\tlabel={\n\t\t\t\t\t\thasItems\n\t\t\t\t\t\t\t? \"Drop more files or click to add\"\n\t\t\t\t\t\t\t: resolvedPlaceholder || \"Drop files here or click to browse\"\n\t\t\t\t\t}\n\t\t\t\t\thint={hintText}\n\t\t\t\t\tonValidationError={handleValidationError}\n\t\t\t\t\tclassName={hasItems ? \"min-h-[80px]\" : undefined}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{canAddMore && !isUploading && !disabled && !!collection && (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\tonClick={() => setIsPickerOpen(true)}\n\t\t\t\t\tclassName=\"mt-2 w-full\"\n\t\t\t\t>\n\t\t\t\t\t<Icon icon=\"ph:folder-open-bold\" className=\"mr-2 size-4\" />\n\t\t\t\t\tBrowse Library\n\t\t\t\t</Button>\n\t\t\t)}\n\n\t\t\t<MediaPickerDialog\n\t\t\t\topen={isPickerOpen}\n\t\t\t\tonOpenChange={setIsPickerOpen}\n\t\t\t\tmode=\"multiple\"\n\t\t\t\taccept={normalizedAccept}\n\t\t\t\tonSelect={handlePickerSelect}\n\t\t\t\tmaxItems={maxItems ? maxItems - assetIds.length : undefined}\n\t\t\t\tcollection={collection || undefined}\n\t\t\t/>\n\n\t\t\t{editAssetId && !!collection && (\n\t\t\t\t<ResourceSheet\n\t\t\t\t\ttype=\"collection\"\n\t\t\t\t\tcollection={collection}\n\t\t\t\t\titemId={editAssetId}\n\t\t\t\t\topen={!!editAssetId}\n\t\t\t\t\tonOpenChange={(open: boolean) => !open && setEditAssetId(null)}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{isUploading && !canAddMore && (\n\t\t\t\t<div className=\"text-muted-foreground flex items-center justify-center gap-2 rounded-lg border border-dashed p-4 text-sm\">\n\t\t\t\t\tUploading... {progress}%\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport function UploadField({\n\tname,\n\tlabel,\n\tdescription,\n\tplaceholder,\n\trequired,\n\tdisabled,\n\tlocalized,\n\tlocale,\n\tcontrol,\n\tclassName,\n\tto,\n\taccept,\n\tmaxSize,\n\tshowPreview = true,\n\teditable = true,\n\tpreviewVariant,\n\tonUploadStart,\n\tonUploadComplete,\n\tonUploadError,\n\t// Multiple mode options\n\tmultiple = false,\n\tmaxItems,\n\torderable = false,\n\tlayout = \"grid\",\n}: UploadFieldProps) {\n\tconst resolveText = useResolveText();\n\tconst resolvedControl = useResolvedControl(control);\n\tconst {\n\t\tcollection: resolvedUploadCollection,\n\t\tcollections: availableUploadCollections,\n\t} = useUploadCollection(to);\n\tconst collection = resolvedUploadCollection || \"\";\n\tconst unresolvedCollectionMessage = !resolvedUploadCollection\n\t\t? availableUploadCollections.length > 1\n\t\t\t? `Multiple upload collections are available (${availableUploadCollections.join(\", \")}). Configure the field with \\`to\\` to choose one.`\n\t\t\t: \"No upload collection is configured for this field.\"\n\t\t: undefined;\n\tconst fieldDisabled = disabled || !!unresolvedCollectionMessage;\n\n\t// Determine preview variant based on mode if not specified\n\tconst effectivePreviewVariant =\n\t\tpreviewVariant ??\n\t\t(multiple ? (layout === \"grid\" ? \"thumbnail\" : \"compact\") : \"card\");\n\n\treturn (\n\t\t<Controller\n\t\t\tname={name}\n\t\t\tcontrol={resolvedControl}\n\t\t\trender={({ field, fieldState }) => {\n\t\t\t\t// For multiple mode, show count in label\n\t\t\t\tconst assetIds = multiple\n\t\t\t\t\t? (field.value as string[] | null | undefined) || []\n\t\t\t\t\t: [];\n\t\t\t\tconst labelWithCount =\n\t\t\t\t\tmultiple && label && maxItems\n\t\t\t\t\t\t? `${resolveText(label)} (${assetIds.length}/${maxItems})`\n\t\t\t\t\t\t: label\n\t\t\t\t\t\t\t? resolveText(label)\n\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\treturn (\n\t\t\t\t\t<FieldWrapper\n\t\t\t\t\t\tname={name}\n\t\t\t\t\t\tlabel={labelWithCount}\n\t\t\t\t\t\tdescription={description}\n\t\t\t\t\t\trequired={required}\n\t\t\t\t\t\tdisabled={fieldDisabled}\n\t\t\t\t\t\tlocalized={localized}\n\t\t\t\t\t\tlocale={locale}\n\t\t\t\t\t\terror={fieldState.error?.message}\n\t\t\t\t\t>\n\t\t\t\t\t\t{multiple ? (\n\t\t\t\t\t\t\t<MultipleUploadInner\n\t\t\t\t\t\t\t\tfield={field}\n\t\t\t\t\t\t\t\terror={fieldState.error?.message}\n\t\t\t\t\t\t\t\tcollection={collection}\n\t\t\t\t\t\t\t\tunresolvedCollectionMessage={unresolvedCollectionMessage}\n\t\t\t\t\t\t\t\taccept={accept}\n\t\t\t\t\t\t\t\tmaxSize={maxSize}\n\t\t\t\t\t\t\t\tmaxItems={maxItems}\n\t\t\t\t\t\t\t\torderable={orderable}\n\t\t\t\t\t\t\t\tlayout={layout}\n\t\t\t\t\t\t\t\teditable={editable}\n\t\t\t\t\t\t\t\tdisabled={fieldDisabled}\n\t\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\t\tonUploadStart={onUploadStart}\n\t\t\t\t\t\t\t\tonUploadComplete={onUploadComplete as (assets: Asset[]) => void}\n\t\t\t\t\t\t\t\tonUploadError={onUploadError}\n\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<SingleUploadInner\n\t\t\t\t\t\t\t\tfield={field}\n\t\t\t\t\t\t\t\terror={fieldState.error?.message}\n\t\t\t\t\t\t\t\tcollection={collection}\n\t\t\t\t\t\t\t\tunresolvedCollectionMessage={unresolvedCollectionMessage}\n\t\t\t\t\t\t\t\taccept={accept}\n\t\t\t\t\t\t\t\tmaxSize={maxSize}\n\t\t\t\t\t\t\t\tshowPreview={showPreview}\n\t\t\t\t\t\t\t\teditable={editable}\n\t\t\t\t\t\t\t\tpreviewVariant={effectivePreviewVariant}\n\t\t\t\t\t\t\t\tdisabled={fieldDisabled}\n\t\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\t\tonUploadStart={onUploadStart}\n\t\t\t\t\t\t\t\tonUploadComplete={onUploadComplete as (asset: Asset) => void}\n\t\t\t\t\t\t\t\tonUploadError={onUploadError}\n\t\t\t\t\t\t\t\tclassName={className}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</FieldWrapper>\n\t\t\t\t);\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/dist/client/components/filter-builder/columns-tab.d.mts

@@ -1 +0,0 @@
-import "react/jsx-runtime";

package/dist/client/components/filter-builder/columns-tab.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"columns-tab.mjs","names":["visibleFields: AvailableField[]"],"sources":["../../../../src/client/components/filter-builder/columns-tab.tsx"],"sourcesContent":["import {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Icon } from \"@iconify/react\";\nimport { useEffect, useState } from \"react\";\nimport { useResolveText, useTranslation } from \"../../i18n/hooks\";\nimport { Checkbox } from \"../ui/checkbox\";\nimport type { AvailableField } from \"./types.js\";\n\nexport interface ColumnsTabProps {\n  fields: AvailableField[];\n  visibleColumns: string[];\n  onVisibleColumnsChange: (columns: string[]) => void;\n}\n\ninterface SortableColumnItemProps {\n  field: AvailableField;\n  isVisible: boolean;\n  onToggle: () => void;\n}\n\nfunction SortableColumnItem({\n  field,\n  isVisible,\n  onToggle,\n}: SortableColumnItemProps) {\n  const resolveText = useResolveText();\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: field.name });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={`flex items-center gap-2 p-2.5 hover:bg-muted/50 border border-transparent hover:border-border rounded-lg transition-colors ${\n        isDragging ? \"opacity-50 bg-muted/30\" : \"\"\n      }`}\n    >\n      <button\n        type=\"button\"\n        className=\"cursor-grab active:cursor-grabbing text-muted-foreground hover:text-foreground touch-none\"\n        {...attributes}\n        {...listeners}\n      >\n        <Icon icon=\"ph:dots-six-vertical-bold\" width={16} height={16} />\n      </button>\n      <label className=\"flex items-center gap-3 flex-1 cursor-pointer\">\n        <Checkbox checked={isVisible} onCheckedChange={onToggle} />\n        <span className=\"text-sm font-medium\">{resolveText(field.label)}</span>\n        <span className=\"text-xs text-muted-foreground ml-auto\">\n          {field.type}\n        </span>\n      </label>\n    </div>\n  );\n}\n\n/**\n * Sort fields by visibleColumns order:\n * - Visible columns come first (in their stored order from visibleColumns)\n * - Hidden columns come after (in their original order from fields)\n */\nfunction sortFieldsByVisibleColumns(\n  fields: AvailableField[],\n  visibleColumns: string[],\n): AvailableField[] {\n  const fieldMap = new Map(fields.map((f) => [f.name, f]));\n  const visibleSet = new Set(visibleColumns);\n\n  // First: visible fields in visibleColumns order\n  const visibleFields: AvailableField[] = [];\n  for (const name of visibleColumns) {\n    const field = fieldMap.get(name);\n    if (field) {\n      visibleFields.push(field);\n    }\n  }\n\n  // Second: hidden fields in original order\n  const hiddenFields = fields.filter((f) => !visibleSet.has(f.name));\n\n  return [...visibleFields, ...hiddenFields];\n}\n\nexport function ColumnsTab({\n  fields,\n  visibleColumns,\n  onVisibleColumnsChange,\n}: ColumnsTabProps) {\n  // Local state for field order - maintains drag order\n  // Initialize with fields sorted by visibleColumns order\n  const [orderedFields, setOrderedFields] = useState<AvailableField[]>(() =>\n    sortFieldsByVisibleColumns(fields, visibleColumns),\n  );\n\n  // Sync when fields prop changes (but preserve user's reordering)\n  useEffect(() => {\n    setOrderedFields((prev) => {\n      // Keep existing order, add new fields at the end, remove deleted ones\n      const existingNames = new Set(prev.map((f) => f.name));\n      const newNames = new Set(fields.map((f) => f.name));\n\n      const kept = prev.filter((f) => newNames.has(f.name));\n      const added = fields.filter((f) => !existingNames.has(f.name));\n\n      return [...kept, ...added];\n    });\n  }, [fields]);\n\n  // Sync when visibleColumns changes externally (e.g., loading a saved view)\n  // This ensures the field order in the picker matches the stored column order\n  useEffect(() => {\n    setOrderedFields((prev) => {\n      const sorted = sortFieldsByVisibleColumns(prev, visibleColumns);\n      // Only update if the order actually changed to avoid unnecessary re-renders\n      const prevOrder = prev.map((f) => f.name).join(\",\");\n      const newOrder = sorted.map((f) => f.name).join(\",\");\n      return prevOrder === newOrder ? prev : sorted;\n    });\n  }, [visibleColumns]);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const toggleColumn = (fieldName: string) => {\n    if (visibleColumns.includes(fieldName)) {\n      onVisibleColumnsChange(visibleColumns.filter((c) => c !== fieldName));\n    } else {\n      // Add at the end of visible columns in current order\n      const newVisible = [...visibleColumns, fieldName];\n      // Sort by orderedFields order\n      const orderedVisible = orderedFields\n        .map((f) => f.name)\n        .filter((name) => newVisible.includes(name));\n      onVisibleColumnsChange(orderedVisible);\n    }\n  };\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n\n    if (over && active.id !== over.id) {\n      const oldIndex = orderedFields.findIndex((f) => f.name === active.id);\n      const newIndex = orderedFields.findIndex((f) => f.name === over.id);\n\n      // Reorder the local fields state\n      const reorderedFields = arrayMove(orderedFields, oldIndex, newIndex);\n      setOrderedFields(reorderedFields);\n\n      // Update visible columns to match new order\n      const newVisibleColumns = reorderedFields\n        .map((f) => f.name)\n        .filter((name) => visibleColumns.includes(name));\n\n      onVisibleColumnsChange(newVisibleColumns);\n    }\n  };\n\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"space-y-2 py-4\">\n      <p className=\"text-xs text-muted-foreground mb-4\">\n        {t(\"viewOptions.columnsDragHint\")}\n      </p>\n      <DndContext\n        sensors={sensors}\n        collisionDetection={closestCenter}\n        onDragEnd={handleDragEnd}\n      >\n        <SortableContext\n          items={orderedFields.map((f) => f.name)}\n          strategy={verticalListSortingStrategy}\n        >\n          {orderedFields.map((field) => (\n            <SortableColumnItem\n              key={field.name}\n              field={field}\n              isVisible={visibleColumns.includes(field.name)}\n              onToggle={() => toggleColumn(field.name)}\n            />\n          ))}\n        </SortableContext>\n      </DndContext>\n      {orderedFields.length === 0 && (\n        <div className=\"text-center p-8 text-muted-foreground text-sm\">\n          {t(\"viewOptions.noFieldsAvailable\")}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/client/components/filter-builder/filter-builder-sheet.d.mts

@@ -1 +0,0 @@
-import "react/jsx-runtime";

package/dist/client/components/filter-builder/filter-builder-sheet.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-builder-sheet.mjs","names":[],"sources":["../../../../src/client/components/filter-builder/filter-builder-sheet.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useTranslation } from \"../../i18n/hooks.js\";\nimport { Button } from \"../ui/button.js\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n} from \"../ui/sheet.js\";\nimport { Switch } from \"../ui/switch.js\";\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from \"../ui/tabs.js\";\nimport { ColumnsTab } from \"./columns-tab.js\";\nimport { FiltersTab } from \"./filters-tab.js\";\nimport { SavedViewsTab } from \"./saved-views-tab.js\";\nimport type {\n  FilterBuilderProps,\n  SavedView,\n  ViewConfiguration,\n} from \"./types.js\";\n\nexport interface FilterBuilderSheetProps extends FilterBuilderProps {\n  /** Default columns from .list() config or auto-detection, used for reset */\n  defaultColumns?: string[];\n\n  /** Saved views for this collection */\n  savedViews?: SavedView[];\n\n  /** Whether saved views are loading */\n  savedViewsLoading?: boolean;\n\n  /** Callback when saving a new view */\n  onSaveView?: (name: string, config: ViewConfiguration) => void;\n\n  /** Callback when deleting a view */\n  onDeleteView?: (viewId: string) => void;\n}\n\nexport function FilterBuilderSheet({\n  collection,\n  availableFields,\n  currentConfig,\n  onConfigChange,\n  isOpen,\n  onOpenChange,\n  defaultColumns,\n  savedViews = [],\n  savedViewsLoading = false,\n  onSaveView,\n  onDeleteView,\n}: FilterBuilderSheetProps) {\n  const { t } = useTranslation();\n\n  // Local state for pending changes\n  const [localConfig, setLocalConfig] =\n    useState<ViewConfiguration>(currentConfig);\n\n  // Reset local config when sheet opens or currentConfig changes externally\n  useEffect(() => {\n    if (isOpen) {\n      setLocalConfig(currentConfig);\n    }\n  }, [isOpen, currentConfig]);\n\n  const handleLoadView = (view: SavedView) => {\n    setLocalConfig(view.configuration);\n  };\n\n  const handleSaveView = (name: string) => {\n    onSaveView?.(name, localConfig);\n  };\n\n  const handleApply = () => {\n    onConfigChange(localConfig);\n    onOpenChange(false);\n  };\n\n  const handleReset = () => {\n    const resetConfig: ViewConfiguration = {\n      filters: [],\n      sortConfig: null,\n      visibleColumns: defaultColumns ?? availableFields.map((f) => f.name),\n      realtime: undefined,\n    };\n    setLocalConfig(resetConfig);\n  };\n\n  const hasChanges =\n    JSON.stringify(localConfig) !== JSON.stringify(currentConfig);\n\n  return (\n    <Sheet open={isOpen} onOpenChange={onOpenChange}>\n      <SheetContent side=\"right\" className=\"sm:max-w-md flex flex-col p-0\">\n        <SheetHeader className=\"px-6 pt-6\">\n          <SheetTitle>{t(\"viewOptions.title\")}</SheetTitle>\n        </SheetHeader>\n\n        <div className=\"flex-1 overflow-y-auto px-6\">\n          <div className=\"mt-4 rounded-md border border-border/50 bg-muted/20 px-3 py-2\">\n            <div className=\"flex items-center justify-between gap-3\">\n              <div>\n                <p className=\"text-sm font-medium\">Realtime Updates</p>\n                <p className=\"text-xs text-muted-foreground\">\n                  Auto-refresh this table when data changes.\n                </p>\n              </div>\n              <Switch\n                checked={localConfig.realtime ?? true}\n                onCheckedChange={(checked) =>\n                  setLocalConfig({ ...localConfig, realtime: checked })\n                }\n              />\n            </div>\n          </div>\n\n          <Tabs defaultValue=\"columns\" className=\"mt-4\">\n            <TabsList variant=\"line\" className=\"w-full\">\n              <TabsTrigger value=\"columns\" className=\"flex-1\">\n                {t(\"viewOptions.columns\")}\n              </TabsTrigger>\n              <TabsTrigger value=\"filters\" className=\"flex-1\">\n                {t(\"viewOptions.filters\")}\n                {localConfig.filters.length > 0 && (\n                  <span className=\"ml-1.5 bg-primary text-primary-foreground text-xs px-1.5 py-0.5 rounded-full\">\n                    {localConfig.filters.length}\n                  </span>\n                )}\n              </TabsTrigger>\n              <TabsTrigger value=\"views\" className=\"flex-1\">\n                {t(\"viewOptions.savedViews\")}\n              </TabsTrigger>\n            </TabsList>\n\n            <TabsContent value=\"columns\">\n              <ColumnsTab\n                fields={availableFields}\n                visibleColumns={localConfig.visibleColumns}\n                onVisibleColumnsChange={(columns) =>\n                  setLocalConfig({ ...localConfig, visibleColumns: columns })\n                }\n              />\n            </TabsContent>\n\n            <TabsContent value=\"filters\">\n              <FiltersTab\n                fields={availableFields}\n                filters={localConfig.filters}\n                onFiltersChange={(filters) =>\n                  setLocalConfig({ ...localConfig, filters })\n                }\n              />\n            </TabsContent>\n\n            <TabsContent value=\"views\">\n              <SavedViewsTab\n                collection={collection}\n                currentConfig={localConfig}\n                savedViews={savedViews}\n                isLoading={savedViewsLoading}\n                onLoadView={handleLoadView}\n                onSaveView={handleSaveView}\n                onDeleteView={onDeleteView || (() => {})}\n              />\n            </TabsContent>\n          </Tabs>\n        </div>\n\n        <SheetFooter className=\"border-t px-6 py-4 mt-4\">\n          <div className=\"flex w-full gap-2\">\n            <Button\n              variant=\"outline\"\n              onClick={handleReset}\n              className=\"flex-1 rounded-md\"\n            >\n              {t(\"viewOptions.reset\")}\n            </Button>\n            <Button onClick={handleApply} className=\"flex-1 rounded-md\">\n              {t(\"viewOptions.apply\")}\n              {hasChanges && \" *\"}\n            </Button>\n          </div>\n        </SheetFooter>\n      </SheetContent>\n    </Sheet>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsCA,SAAgB,mBAAmB,EACjC,YACA,iBACA,eACA,gBACA,QACA,cACA,gBACA,aAAa,EAAE,EACf,oBAAoB,OACpB,YACA,gBAC0B;CAC1B,MAAM,EAAE,MAAM,gBAAgB;CAG9B,MAAM,CAAC,aAAa,kBAClB,SAA4B,cAAc;AAG5C,iBAAgB;AACd,MAAI,OACF,gBAAe,cAAc;IAE9B,CAAC,QAAQ,cAAc,CAAC;CAE3B,MAAM,kBAAkB,SAAoB;AAC1C,iBAAe,KAAK,cAAc;;CAGpC,MAAM,kBAAkB,SAAiB;AACvC,eAAa,MAAM,YAAY;;CAGjC,MAAM,oBAAoB;AACxB,iBAAe,YAAY;AAC3B,eAAa,MAAM;;CAGrB,MAAM,oBAAoB;AAOxB,iBANuC;GACrC,SAAS,EAAE;GACX,YAAY;GACZ,gBAAgB,kBAAkB,gBAAgB,KAAK,MAAM,EAAE,KAAK;GACpE,UAAU;GACX,CAC0B;;CAG7B,MAAM,aACJ,KAAK,UAAU,YAAY,KAAK,KAAK,UAAU,cAAc;AAE/D,QACE,oBAAC;EAAM,MAAM;EAAsB;YACjC,qBAAC;GAAa,MAAK;GAAQ,WAAU;;IACnC,oBAAC;KAAY,WAAU;eACrB,oBAAC,wBAAY,EAAE,oBAAoB,GAAc;MACrC;IAEd,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAI,WAAU;gBACb,qBAAC;OAAI,WAAU;kBACb,qBAAC,oBACC,oBAAC;QAAE,WAAU;kBAAsB;SAAoB,EACvD,oBAAC;QAAE,WAAU;kBAAgC;SAEzC,IACA,EACN,oBAAC;QACC,SAAS,YAAY,YAAY;QACjC,kBAAkB,YAChB,eAAe;SAAE,GAAG;SAAa,UAAU;SAAS,CAAC;SAEvD;QACE;OACF,EAEN,qBAAC;MAAK,cAAa;MAAU,WAAU;;OACrC,qBAAC;QAAS,SAAQ;QAAO,WAAU;;SACjC,oBAAC;UAAY,OAAM;UAAU,WAAU;oBACpC,EAAE,sBAAsB;WACb;SACd,qBAAC;UAAY,OAAM;UAAU,WAAU;qBACpC,EAAE,sBAAsB,EACxB,YAAY,QAAQ,SAAS,KAC5B,oBAAC;WAAK,WAAU;qBACb,YAAY,QAAQ;YAChB;WAEG;SACd,oBAAC;UAAY,OAAM;UAAQ,WAAU;oBAClC,EAAE,yBAAyB;WAChB;;SACL;OAEX,oBAAC;QAAY,OAAM;kBACjB,oBAAC;SACC,QAAQ;SACR,gBAAgB,YAAY;SAC5B,yBAAyB,YACvB,eAAe;UAAE,GAAG;UAAa,gBAAgB;UAAS,CAAC;UAE7D;SACU;OAEd,oBAAC;QAAY,OAAM;kBACjB,oBAAC;SACC,QAAQ;SACR,SAAS,YAAY;SACrB,kBAAkB,YAChB,eAAe;UAAE,GAAG;UAAa;UAAS,CAAC;UAE7C;SACU;OAEd,oBAAC;QAAY,OAAM;kBACjB,oBAAC;SACa;SACZ,eAAe;SACH;SACZ,WAAW;SACX,YAAY;SACZ,YAAY;SACZ,cAAc,uBAAuB;UACrC;SACU;;OACT;MACH;IAEN,oBAAC;KAAY,WAAU;eACrB,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,SAAQ;OACR,SAAS;OACT,WAAU;iBAET,EAAE,oBAAoB;QAChB,EACT,qBAAC;OAAO,SAAS;OAAa,WAAU;kBACrC,EAAE,oBAAoB,EACtB,cAAc;QACR;OACL;MACM;;IACD;GACT"}

package/dist/client/components/filter-builder/filters-tab.d.mts

@@ -1 +0,0 @@
-import "react/jsx-runtime";

package/dist/client/components/filter-builder/filters-tab.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"filters-tab.mjs","names":["OPERATOR_KEYS: Record<string, string>","TEXT_OPERATORS: FilterOperator[]","NUMBER_OPERATORS: FilterOperator[]","DATE_OPERATORS: FilterOperator[]","BOOLEAN_OPERATORS: FilterOperator[]","SELECT_OPERATORS: FilterOperator[]","RELATION_SINGLE_OPERATORS: FilterOperator[]","RELATION_MULTI_OPERATORS: FilterOperator[]","PRESENCE_OPERATORS: FilterOperator[]","React","newFilter: FilterRule"],"sources":["../../../../src/client/components/filter-builder/filters-tab.tsx"],"sourcesContent":["import { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport { useResolveText, useTranslation } from \"../../i18n/hooks\";\nimport { selectClient, useAdminStore, useScopedLocale } from \"../../runtime\";\nimport { SelectMulti } from \"../primitives/select-multi\";\nimport { SelectSingle } from \"../primitives/select-single\";\nimport {\n  isOptionGroup,\n  type SelectOption,\n  type SelectOptions,\n} from \"../primitives/types\";\nimport { Button } from \"../ui/button.js\";\nimport { Input } from \"../ui/input.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../ui/select.js\";\nimport type { AvailableField, FilterOperator, FilterRule } from \"./types.js\";\n\nexport interface FiltersTabProps {\n  fields: AvailableField[];\n  filters: FilterRule[];\n  onFiltersChange: (filters: FilterRule[]) => void;\n}\n\nconst OPERATOR_KEYS: Record<string, string> = {\n  contains: \"filter.contains\",\n  not_contains: \"filter.notContains\",\n  equals: \"filter.equals\",\n  not_equals: \"filter.notEquals\",\n  starts_with: \"filter.startsWith\",\n  ends_with: \"filter.endsWith\",\n  greater_than: \"filter.greaterThan\",\n  less_than: \"filter.lessThan\",\n  greater_than_or_equal: \"filter.greaterThanOrEqual\",\n  less_than_or_equal: \"filter.lessThanOrEqual\",\n  in: \"filter.in\",\n  not_in: \"filter.notIn\",\n  some: \"filter.some\",\n  every: \"filter.every\",\n  none: \"filter.none\",\n  is_empty: \"filter.isEmpty\",\n  is_not_empty: \"filter.isNotEmpty\",\n};\n\nconst TEXT_OPERATORS: FilterOperator[] = [\n  \"contains\",\n  \"not_contains\",\n  \"equals\",\n  \"not_equals\",\n  \"starts_with\",\n  \"ends_with\",\n  \"is_empty\",\n  \"is_not_empty\",\n];\n\nconst NUMBER_OPERATORS: FilterOperator[] = [\n  \"equals\",\n  \"not_equals\",\n  \"greater_than\",\n  \"greater_than_or_equal\",\n  \"less_than\",\n  \"less_than_or_equal\",\n  \"is_empty\",\n  \"is_not_empty\",\n];\n\nconst DATE_OPERATORS: FilterOperator[] = [...NUMBER_OPERATORS];\n\nconst BOOLEAN_OPERATORS: FilterOperator[] = [\n  \"equals\",\n  \"not_equals\",\n  \"is_empty\",\n  \"is_not_empty\",\n];\n\nconst SELECT_OPERATORS: FilterOperator[] = [\n  \"equals\",\n  \"not_equals\",\n  \"is_empty\",\n  \"is_not_empty\",\n];\n\nconst RELATION_SINGLE_OPERATORS: FilterOperator[] = [\n  \"equals\",\n  \"not_equals\",\n  \"in\",\n  \"not_in\",\n  \"is_empty\",\n  \"is_not_empty\",\n];\n\nconst RELATION_MULTI_OPERATORS: FilterOperator[] = [\n  \"some\",\n  \"every\",\n  \"none\",\n  \"is_empty\",\n  \"is_not_empty\",\n];\n\nconst PRESENCE_OPERATORS: FilterOperator[] = [\"is_empty\", \"is_not_empty\"];\n\nfunction isValuelessOperator(operator: FilterOperator) {\n  return operator === \"is_empty\" || operator === \"is_not_empty\";\n}\n\nfunction isMultiValueOperator(operator: FilterOperator) {\n  return (\n    operator === \"in\" ||\n    operator === \"not_in\" ||\n    operator === \"some\" ||\n    operator === \"every\" ||\n    operator === \"none\"\n  );\n}\n\nfunction normalizeSelectOptions(\n  options?: SelectOptions<unknown>,\n): SelectOption<string>[] {\n  if (!options || options.length === 0) return [];\n  const flattened = options.flatMap((option) =>\n    isOptionGroup(option) ? option.options : [option],\n  );\n  return flattened.map((option) => ({\n    ...option,\n    value: String(option.value),\n  }));\n}\n\nfunction getOperatorsForField(field?: AvailableField): FilterOperator[] {\n  if (!field) return TEXT_OPERATORS;\n  const fieldType = field.type;\n  const fieldOptions = field.options ?? {};\n\n  const isTextType =\n    fieldType === \"text\" || fieldType === \"email\" || fieldType === \"textarea\";\n\n  if (fieldType === \"relation\") {\n    return fieldOptions.type === \"multiple\"\n      ? RELATION_MULTI_OPERATORS\n      : RELATION_SINGLE_OPERATORS;\n  }\n  if (isTextType) return TEXT_OPERATORS;\n  if (fieldType === \"number\") return NUMBER_OPERATORS;\n  if (\n    fieldType === \"date\" ||\n    fieldType === \"datetime\" ||\n    fieldType === \"time\"\n  ) {\n    return DATE_OPERATORS;\n  }\n  if (fieldType === \"checkbox\" || fieldType === \"switch\") {\n    return BOOLEAN_OPERATORS;\n  }\n  if (fieldType === \"select\") return SELECT_OPERATORS;\n\n  return PRESENCE_OPERATORS;\n}\n\nfunction getDefaultValue(field: AvailableField, operator: FilterOperator) {\n  if (isValuelessOperator(operator)) return null;\n\n  if (field.type === \"relation\") {\n    const expectsMulti =\n      field.options?.type === \"multiple\" || isMultiValueOperator(operator);\n    return expectsMulti ? [] : \"\";\n  }\n\n  if (field.type === \"number\") return null;\n  if (field.type === \"checkbox\" || field.type === \"switch\") return null;\n  if (field.type === \"select\") return \"\";\n  if (\n    field.type === \"date\" ||\n    field.type === \"datetime\" ||\n    field.type === \"time\"\n  ) {\n    return \"\";\n  }\n\n  return \"\";\n}\n\nfunction normalizeValueForOperator(\n  field: AvailableField | undefined,\n  operator: FilterOperator,\n  value: FilterRule[\"value\"],\n): FilterRule[\"value\"] {\n  if (isValuelessOperator(operator)) return null;\n  if (!field) return value;\n\n  if (field.type === \"relation\") {\n    const expectsMulti =\n      field.options?.type === \"multiple\" || isMultiValueOperator(operator);\n    if (expectsMulti) {\n      return Array.isArray(value)\n        ? value.map((item) => String(item))\n        : value\n          ? [String(value)]\n          : [];\n    }\n    if (Array.isArray(value)) {\n      return value[0] ?? \"\";\n    }\n    return value ?? \"\";\n  }\n\n  if (isMultiValueOperator(operator)) {\n    if (Array.isArray(value)) return value.map((item) => String(item));\n    return value ? [String(value)] : [];\n  }\n\n  if (Array.isArray(value)) {\n    return value[0] ?? \"\";\n  }\n\n  return value ?? \"\";\n}\n\nexport function FiltersTab({\n  fields,\n  filters,\n  onFiltersChange,\n}: FiltersTabProps) {\n  const { t } = useTranslation();\n  const resolveText = useResolveText();\n  const client = useAdminStore(selectClient);\n  const { locale: contentLocale } = useScopedLocale();\n\n  const filterableFields = React.useMemo(\n    () =>\n      fields.filter((field) => {\n        if (!field?.name) return false;\n        if (field.name === \"_title\") return false;\n        if (field.type === \"reverseRelation\") return false;\n        if (field.options?.compute) return false;\n        return true;\n      }),\n    [fields],\n  );\n\n  const addFilter = () => {\n    const defaultField = filterableFields[0];\n    if (!defaultField) return;\n    const operators = getOperatorsForField(defaultField);\n    const defaultOperator = operators[0] ?? \"equals\";\n    const newFilter: FilterRule = {\n      id: crypto.randomUUID(),\n      field: defaultField.name,\n      operator: defaultOperator,\n      value: getDefaultValue(defaultField, defaultOperator),\n    };\n    onFiltersChange([...filters, newFilter]);\n  };\n\n  const updateFilter = (id: string, updates: Partial<FilterRule>) => {\n    onFiltersChange(\n      filters.map((f) => (f.id === id ? { ...f, ...updates } : f)),\n    );\n  };\n\n  const removeFilter = (id: string) => {\n    onFiltersChange(filters.filter((f) => f.id !== id));\n  };\n\n  const clearAllFilters = () => {\n    onFiltersChange([]);\n  };\n\n  const createRelationLoader = React.useCallback(\n    (targetCollection: string) => async (search: string) => {\n      if (!client) return [];\n      try {\n        const response = await (client as any).collections[\n          targetCollection\n        ].find({\n          limit: 50,\n          search,\n          locale: contentLocale,\n        });\n        const docs = response?.docs ?? [];\n        return docs.map((item: any) => ({\n          value: String(item.id),\n          label: item._title || item.id || \"\",\n        }));\n      } catch (_error) {\n        return [];\n      }\n    },\n    [client, contentLocale],\n  );\n\n  return (\n    <div className=\"space-y-4 py-4\">\n      <p className=\"text-xs text-muted-foreground\">\n        {t(\"viewOptions.filtersDescription\")}\n      </p>\n\n      {filters.map((filter, idx) => {\n        const field = fields.find((f) => f.name === filter.field);\n        const availableOperators = getOperatorsForField(field);\n        const activeOperator = availableOperators.includes(filter.operator)\n          ? filter.operator\n          : (availableOperators[0] ?? \"equals\");\n        const selectOptions =\n          field?.type === \"select\"\n            ? normalizeSelectOptions(field.options?.options)\n            : [];\n\n        const renderValueInput = () => {\n          if (!field || isValuelessOperator(activeOperator)) return null;\n\n          if (field.type === \"relation\") {\n            const targetCollection = field.options?.targetCollection as\n              | string\n              | undefined;\n            const expectsMulti =\n              field.options?.type === \"multiple\" ||\n              isMultiValueOperator(activeOperator);\n\n            if (!targetCollection) {\n              return (\n                <Input\n                  disabled\n                  className=\"h-8 text-xs\"\n                  placeholder={t(\"viewOptions.valuePlaceholder\")}\n                />\n              );\n            }\n\n            const labelText = field.label\n              ? resolveText(field.label)\n              : field.name;\n\n            if (expectsMulti) {\n              const selectedValues = Array.isArray(filter.value)\n                ? filter.value.map((val) => String(val))\n                : filter.value\n                  ? [String(filter.value)]\n                  : [];\n\n              return (\n                <SelectMulti\n                  value={selectedValues}\n                  onChange={(values) =>\n                    updateFilter(filter.id, { value: values })\n                  }\n                  loadOptions={createRelationLoader(targetCollection)}\n                  placeholder={t(\"viewOptions.valuePlaceholder\")}\n                  emptyMessage={t(\"relation.noResults\", { name: labelText })}\n                  drawerTitle={t(\"relation.select\", { name: labelText })}\n                  className=\"h-8 text-xs\"\n                />\n              );\n            }\n\n            const selectedValue =\n              filter.value === null || filter.value === undefined\n                ? null\n                : String(filter.value);\n\n            return (\n              <SelectSingle\n                value={selectedValue}\n                onChange={(value) =>\n                  updateFilter(filter.id, { value: value ?? \"\" })\n                }\n                loadOptions={createRelationLoader(targetCollection)}\n                placeholder={t(\"viewOptions.valuePlaceholder\")}\n                emptyMessage={t(\"relation.noResults\", { name: labelText })}\n                drawerTitle={t(\"relation.select\", { name: labelText })}\n                className=\"h-8 text-xs\"\n              />\n            );\n          }\n\n          if (field.type === \"select\") {\n            const selectedValue =\n              filter.value === null || filter.value === undefined\n                ? null\n                : String(filter.value);\n\n            return (\n              <SelectSingle\n                value={selectedValue}\n                onChange={(value) =>\n                  updateFilter(filter.id, { value: value ?? \"\" })\n                }\n                options={selectOptions}\n                placeholder={t(\"viewOptions.valuePlaceholder\")}\n                emptyMessage={t(\"table.noResults\")}\n                className=\"h-8 text-xs\"\n              />\n            );\n          }\n\n          if (field.type === \"checkbox\" || field.type === \"switch\") {\n            const booleanValue =\n              typeof filter.value === \"boolean\"\n                ? String(filter.value)\n                : undefined;\n\n            return (\n              <Select\n                value={booleanValue}\n                onValueChange={(value) =>\n                  updateFilter(filter.id, { value: value === \"true\" })\n                }\n              >\n                <SelectTrigger className=\"h-8 text-xs\">\n                  <SelectValue\n                    placeholder={t(\"viewOptions.valuePlaceholder\")}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"true\">True</SelectItem>\n                  <SelectItem value=\"false\">False</SelectItem>\n                </SelectContent>\n              </Select>\n            );\n          }\n\n          if (field.type === \"number\") {\n            const numberValue =\n              filter.value === null || filter.value === undefined\n                ? \"\"\n                : String(filter.value);\n            return (\n              <Input\n                type=\"number\"\n                className=\"h-8 text-xs\"\n                placeholder={t(\"viewOptions.valuePlaceholder\")}\n                value={numberValue}\n                onChange={(event) => {\n                  const raw = event.target.value;\n                  const next = raw.trim().length ? Number(raw) : null;\n                  updateFilter(filter.id, {\n                    value: Number.isNaN(next) ? null : next,\n                  });\n                }}\n              />\n            );\n          }\n\n          if (field.type === \"date\") {\n            const dateValue =\n              typeof filter.value === \"string\" ? filter.value : \"\";\n            return (\n              <Input\n                type=\"date\"\n                className=\"h-8 text-xs\"\n                value={dateValue}\n                onChange={(event) =>\n                  updateFilter(filter.id, { value: event.target.value })\n                }\n              />\n            );\n          }\n\n          if (field.type === \"datetime\") {\n            const dateTimeValue =\n              typeof filter.value === \"string\" ? filter.value : \"\";\n            return (\n              <Input\n                type=\"datetime-local\"\n                className=\"h-8 text-xs\"\n                value={dateTimeValue}\n                onChange={(event) =>\n                  updateFilter(filter.id, { value: event.target.value })\n                }\n              />\n            );\n          }\n\n          if (field.type === \"time\") {\n            const timeValue =\n              typeof filter.value === \"string\" ? filter.value : \"\";\n            return (\n              <Input\n                type=\"time\"\n                className=\"h-8 text-xs\"\n                value={timeValue}\n                onChange={(event) =>\n                  updateFilter(filter.id, { value: event.target.value })\n                }\n              />\n            );\n          }\n\n          return (\n            <Input\n              className=\"h-8 text-xs\"\n              placeholder={t(\"viewOptions.valuePlaceholder\")}\n              value={typeof filter.value === \"string\" ? filter.value : \"\"}\n              onChange={(event) =>\n                updateFilter(filter.id, { value: event.target.value })\n              }\n            />\n          );\n        };\n\n        return (\n          <div\n            key={filter.id}\n            className=\"p-3 bg-muted/30 border border-border rounded-lg space-y-2\"\n          >\n            <div className=\"flex justify-between items-center\">\n              <span className=\"text-xs font-semibold text-muted-foreground uppercase\">\n                {t(\"viewOptions.filterNumber\", { number: idx + 1 })}\n              </span>\n              <Button\n                variant=\"ghost\"\n                size=\"icon-sm\"\n                onClick={() => removeFilter(filter.id)}\n                className=\"text-muted-foreground hover:text-destructive\"\n              >\n                <Icon icon=\"ph:trash\" width={14} height={14} />\n              </Button>\n            </div>\n            <div className=\"grid grid-cols-2 gap-2\">\n              <Select\n                value={filter.field || undefined}\n                onValueChange={(value) => {\n                  const selectedField = fields.find((f) => f.name === value);\n                  const operators = getOperatorsForField(selectedField);\n                  const nextOperator = operators[0] ?? \"equals\";\n                  updateFilter(filter.id, {\n                    field: value ?? \"\",\n                    operator: nextOperator,\n                    value: selectedField\n                      ? getDefaultValue(selectedField, nextOperator)\n                      : \"\",\n                  });\n                }}\n              >\n                <SelectTrigger className=\"h-8 text-xs\">\n                  <SelectValue>\n                    {filter.field\n                      ? resolveText(\n                          fields.find((f) => f.name === filter.field)?.label ??\n                            filter.field,\n                        )\n                      : t(\"viewOptions.selectField\")}\n                  </SelectValue>\n                </SelectTrigger>\n                <SelectContent>\n                  {filterableFields.map((f) => (\n                    <SelectItem key={f.name} value={f.name}>\n                      {resolveText(f.label)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n              <Select\n                value={activeOperator || undefined}\n                onValueChange={(value) => {\n                  const nextOperator = value as FilterOperator;\n                  updateFilter(filter.id, {\n                    operator: nextOperator,\n                    value: normalizeValueForOperator(\n                      field,\n                      nextOperator,\n                      filter.value,\n                    ) as FilterRule[\"value\"],\n                  });\n                }}\n              >\n                <SelectTrigger className=\"h-8 text-xs\">\n                  <SelectValue>\n                    {activeOperator\n                      ? t(OPERATOR_KEYS[activeOperator] || activeOperator)\n                      : t(\"viewOptions.selectOperator\")}\n                  </SelectValue>\n                </SelectTrigger>\n                <SelectContent>\n                  {availableOperators.map((op) => (\n                    <SelectItem key={op} value={op}>\n                      {t(OPERATOR_KEYS[op])}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            {renderValueInput()}\n          </div>\n        );\n      })}\n\n      {filters.length === 0 && (\n        <div className=\"text-center p-8 border border-dashed border-border rounded-lg text-muted-foreground text-sm\">\n          {t(\"viewOptions.noActiveFilters\")}\n        </div>\n      )}\n\n      <div className=\"flex gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={addFilter}\n          className=\"flex-1 gap-2 rounded-md\"\n          disabled={filterableFields.length === 0}\n        >\n          <Icon icon=\"ph:plus\" width={14} height={14} />\n          {t(\"viewOptions.addFilter\")}\n        </Button>\n        {filters.length > 0 && (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={clearAllFilters}\n            className=\"rounded-md\"\n          >\n            {t(\"viewOptions.clearAll\")}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/client/components/filter-builder/index.d.mts

@@ -1,5 +0,0 @@
-import { FilterOperator, FilterRule, SortConfig, ViewConfiguration } from "../../../shared/types/saved-views.types.mjs";
-import "./filter-builder-sheet.mjs";
-import "./columns-tab.mjs";
-import "./filters-tab.mjs";
-import "./saved-views-tab.mjs";

package/dist/client/components/filter-builder/saved-views-tab.d.mts

@@ -1 +0,0 @@
-import "react/jsx-runtime";

package/dist/client/components/filter-builder/saved-views-tab.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"saved-views-tab.mjs","names":[],"sources":["../../../../src/client/components/filter-builder/saved-views-tab.tsx"],"sourcesContent":["import { Icon } from \"@iconify/react\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"../../i18n/index.js\";\nimport { Button } from \"../ui/button.js\";\nimport { Input } from \"../ui/input.js\";\nimport type { FilterBuilderProps, SavedView } from \"./types.js\";\n\nexport interface SavedViewsTabProps {\n\tcollection: string;\n\tcurrentConfig: FilterBuilderProps[\"currentConfig\"];\n\tsavedViews: SavedView[];\n\tisLoading: boolean;\n\tonLoadView: (view: SavedView) => void;\n\tonSaveView: (\n\t\tname: string,\n\t\tconfig: FilterBuilderProps[\"currentConfig\"],\n\t) => void;\n\tonDeleteView: (viewId: string) => void;\n}\n\nexport function SavedViewsTab({\n\tcollection,\n\tcurrentConfig,\n\tsavedViews,\n\tisLoading,\n\tonLoadView,\n\tonSaveView,\n\tonDeleteView,\n}: SavedViewsTabProps) {\n\tconst { t } = useTranslation();\n\tconst [viewName, setViewName] = useState(\"\");\n\n\tconst handleSave = () => {\n\t\tif (!viewName.trim()) return;\n\t\tonSaveView(viewName.trim(), currentConfig);\n\t\tsetViewName(\"\");\n\t};\n\n\tconst hasActiveConfig =\n\t\tcurrentConfig.filters.length > 0 ||\n\t\tcurrentConfig.sortConfig !== null ||\n\t\tcurrentConfig.visibleColumns.length > 0;\n\n\treturn (\n\t\t<div className=\"space-y-6 py-4\">\n\t\t\t{/* Save Current Configuration */}\n\t\t\t<div className=\"bg-primary/5 p-4 border border-primary/20 rounded-lg\">\n\t\t\t\t<p className=\"block text-xs font-semibold uppercase text-primary mb-2\">\n\t\t\t\t\t{t(\"viewOptions.saveCurrentConfig\")}\n\t\t\t\t</p>\n\t\t\t\t<div className=\"flex gap-2\">\n\t\t\t\t\t<Input\n\t\t\t\t\t\tclassName=\"flex-1 h-9 rounded-md\"\n\t\t\t\t\t\tplaceholder={t(\"viewOptions.viewNamePlaceholder\")}\n\t\t\t\t\t\tvalue={viewName}\n\t\t\t\t\t\tonChange={(e) => setViewName(e.target.value)}\n\t\t\t\t\t\tonKeyDown={(e) => e.key === \"Enter\" && handleSave()}\n\t\t\t\t\t/>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={handleSave}\n\t\t\t\t\t\tdisabled={!viewName.trim()}\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tclassName=\"h-9 px-3 rounded-md\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon icon=\"ph:floppy-disk\" width={16} height={16} />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t\t<p className=\"text-xs text-muted-foreground mt-2\">\n\t\t\t\t\t{t(\"viewOptions.saveDescription\")}\n\t\t\t\t</p>\n\t\t\t\t{!hasActiveConfig && (\n\t\t\t\t\t<p className=\"text-xs text-warning mt-1\">\n\t\t\t\t\t\t{t(\"viewOptions.noChangesToSave\")}\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/* Saved Views List */}\n\t\t\t<div className=\"space-y-2\">\n\t\t\t\t<p className=\"text-xs font-semibold uppercase text-muted-foreground mb-2\">\n\t\t\t\t\t{t(\"viewOptions.savedViews\")}\n\t\t\t\t</p>\n\n\t\t\t\t{isLoading && (\n\t\t\t\t\t<div className=\"flex justify-center p-4 text-muted-foreground\">\n\t\t\t\t\t\t<Icon icon=\"ph:spinner-gap\" className=\"size-5 animate-spin\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!isLoading && savedViews.length === 0 && (\n\t\t\t\t\t<div className=\"text-center p-4 text-muted-foreground text-xs italic\">\n\t\t\t\t\t\t{t(\"viewOptions.noSavedViews\")}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{!isLoading &&\n\t\t\t\t\tsavedViews.map((view) => (\n\t\t\t\t\t\t<button\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tkey={view.id}\n\t\t\t\t\t\t\tclassName=\"flex w-full items-center justify-between p-3 border border-border hover:border-primary/50 hover:shadow-sm bg-background group cursor-pointer transition-all rounded-lg text-left\"\n\t\t\t\t\t\t\tonClick={() => onLoadView(view)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"flex-1 min-w-0\">\n\t\t\t\t\t\t\t\t<p className=\"text-sm font-medium truncate group-hover:text-primary transition-colors\">\n\t\t\t\t\t\t\t\t\t{view.name}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t<p className=\"text-xs text-muted-foreground flex gap-2\">\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t{t(\"viewOptions.filtersCount\", {\n\t\t\t\t\t\t\t\t\t\t\tcount: view.configuration.filters.length,\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span>•</span>\n\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t{t(\"viewOptions.columnsCount\", {\n\t\t\t\t\t\t\t\t\t\t\tcount: view.configuration.visibleColumns.length,\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{view.isDefault && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<span>•</span>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-primary\">\n\t\t\t\t\t\t\t\t\t\t\t\t{t(\"viewOptions.defaultView\")}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\tsize=\"icon-sm\"\n\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\t\t\t\tonDeleteView(view.id);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tclassName=\"opacity-0 group-hover:opacity-100 text-muted-foreground hover:text-destructive\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon icon=\"ph:trash\" width={14} height={14} />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\ticon=\"ph:arrow-right\"\n\t\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\t\tclassName=\"opacity-0 group-hover:opacity-100 text-primary transition-opacity\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAoBA,SAAgB,cAAc,EAC7B,YACA,eACA,YACA,WACA,YACA,YACA,gBACsB;CACtB,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,CAAC,UAAU,eAAe,SAAS,GAAG;CAE5C,MAAM,mBAAmB;AACxB,MAAI,CAAC,SAAS,MAAM,CAAE;AACtB,aAAW,SAAS,MAAM,EAAE,cAAc;AAC1C,cAAY,GAAG;;CAGhB,MAAM,kBACL,cAAc,QAAQ,SAAS,KAC/B,cAAc,eAAe,QAC7B,cAAc,eAAe,SAAS;AAEvC,QACC,qBAAC;EAAI,WAAU;aAEd,qBAAC;GAAI,WAAU;;IACd,oBAAC;KAAE,WAAU;eACX,EAAE,gCAAgC;MAChC;IACJ,qBAAC;KAAI,WAAU;gBACd,oBAAC;MACA,WAAU;MACV,aAAa,EAAE,kCAAkC;MACjD,OAAO;MACP,WAAW,MAAM,YAAY,EAAE,OAAO,MAAM;MAC5C,YAAY,MAAM,EAAE,QAAQ,WAAW,YAAY;OAClD,EACF,oBAAC;MACA,SAAS;MACT,UAAU,CAAC,SAAS,MAAM;MAC1B,MAAK;MACL,WAAU;gBAEV,oBAAC;OAAK,MAAK;OAAiB,OAAO;OAAI,QAAQ;QAAM;OAC7C;MACJ;IACN,oBAAC;KAAE,WAAU;eACX,EAAE,8BAA8B;MAC9B;IACH,CAAC,mBACD,oBAAC;KAAE,WAAU;eACX,EAAE,8BAA8B;MAC9B;;IAEA,EAGN,qBAAC;GAAI,WAAU;;IACd,oBAAC;KAAE,WAAU;eACX,EAAE,yBAAyB;MACzB;IAEH,aACA,oBAAC;KAAI,WAAU;eACd,oBAAC;MAAK,MAAK;MAAiB,WAAU;OAAwB;MACzD;IAGN,CAAC,aAAa,WAAW,WAAW,KACpC,oBAAC;KAAI,WAAU;eACb,EAAE,2BAA2B;MACzB;IAGN,CAAC,aACD,WAAW,KAAK,SACf,qBAAC;KACA,MAAK;KAEL,WAAU;KACV,eAAe,WAAW,KAAK;gBAE/B,qBAAC;MAAI,WAAU;iBACd,oBAAC;OAAE,WAAU;iBACX,KAAK;QACH,EACJ,qBAAC;OAAE,WAAU;;QACZ,oBAAC,oBACC,EAAE,4BAA4B,EAC9B,OAAO,KAAK,cAAc,QAAQ,QAClC,CAAC,GACI;QACP,oBAAC,oBAAK,MAAQ;QACd,oBAAC,oBACC,EAAE,4BAA4B,EAC9B,OAAO,KAAK,cAAc,eAAe,QACzC,CAAC,GACI;QACN,KAAK,aACL,4CACC,oBAAC,oBAAK,MAAQ,EACd,oBAAC;SAAK,WAAU;mBACd,EAAE,0BAA0B;UACvB,IACL;;QAED;OACC,EACN,qBAAC;MAAI,WAAU;iBACd,oBAAC;OACA,SAAQ;OACR,MAAK;OACL,UAAU,MAAM;AACf,UAAE,iBAAiB;AACnB,qBAAa,KAAK,GAAG;;OAEtB,WAAU;iBAEV,oBAAC;QAAK,MAAK;QAAW,OAAO;QAAI,QAAQ;SAAM;QACvC,EACT,oBAAC;OACA,MAAK;OACL,OAAO;OACP,QAAQ;OACR,WAAU;QACT;OACG;OAhDD,KAAK,GAiDF,CACR;;IACE;GACD"}

package/dist/client/components/index.d.mts

@@ -1,80 +0,0 @@
-import { FilterOperator, FilterRule, SortConfig, ViewConfiguration } from "../../shared/types/saved-views.types.mjs";
-import { RelationDisplayFields, RelationDisplayMode } from "./fields/relation/displays/types.mjs";
-import { BooleanField, BooleanFieldProps } from "./fields/boolean-field.mjs";
-import { ArrayFieldConfig, ArrayItemType, BaseFieldProps, DateFieldProps, DateTimeFieldProps, NumberFieldProps, ObjectFieldConfig, ObjectFieldLayout, RelationFieldConfig, RichTextFieldConfig, SelectFieldProps, SelectOption, TextFieldProps, TextareaFieldProps, TimeFieldConfig, TimeFieldProps, UploadFieldConfig } from "./fields/field-types.mjs";
-import { AuthLayout, AuthLayoutProps } from "../views/auth/auth-layout.mjs";
-import { LoginForm, LoginFormProps, LoginFormValues } from "../views/auth/login-form.mjs";
-import { ForgotPasswordForm, ForgotPasswordFormProps, ForgotPasswordFormValues } from "../views/auth/forgot-password-form.mjs";
-import { ResetPasswordForm, ResetPasswordFormProps, ResetPasswordFormValues } from "../views/auth/reset-password-form.mjs";
-import { AcceptInviteForm, AcceptInviteFormProps, AcceptInviteFormValues } from "../views/auth/accept-invite-form.mjs";
-import { SetupForm, SetupFormProps, SetupFormValues } from "../views/auth/setup-form.mjs";
-import { ArrayCell, JsonCell, ObjectCell } from "../views/collection/cells/complex-cells.mjs";
-import { BooleanCell, DateCell, DateTimeCell, EmailCell, NumberCell, RichTextCell, SelectCell, TextCell, TimeCell } from "../views/collection/cells/primitive-cells.mjs";
-import { RelationCell } from "../views/collection/cells/relation-cells.mjs";
-import { UploadCell } from "../views/collection/cells/upload-cells.mjs";
-import { FormView, FormViewProps, FormViewRegistryConfig } from "../views/collection/form-view.mjs";
-import { TableView, TableViewConfig, TableViewProps } from "../views/collection/table-view.mjs";
-import { AdminSidebarProps, LinkComponentProps } from "../views/layout/admin-sidebar.mjs";
-import { AdminLayout, AdminLayoutProps } from "../views/layout/admin-layout.mjs";
-import { AdminLayoutProvider, AdminLayoutProviderProps } from "../views/layout/admin-layout-provider.mjs";
-import { AdminRouter, AdminRouterProps } from "../views/layout/admin-router.mjs";
-import { DashboardPage, DashboardPageProps } from "../views/pages/dashboard-page.mjs";
-import { LoginPage, LoginPageProps } from "../views/pages/login-page.mjs";
-import { ForgotPasswordPage, ForgotPasswordPageProps } from "../views/pages/forgot-password-page.mjs";
-import { ResetPasswordPage, ResetPasswordPageProps } from "../views/pages/reset-password-page.mjs";
-import { InvitePage, InvitePageProps } from "../views/pages/invite-page.mjs";
-import { AcceptInvitePage, AcceptInvitePageProps } from "../views/pages/accept-invite-page.mjs";
-import { SetupPage, SetupPageProps } from "../views/pages/setup-page.mjs";
-import "../views/index.mjs";
-import "./actions/index.mjs";
-import { AdminLink, AdminLinkProps } from "./admin-link.mjs";
-import { AuthGuard, AuthGuardProps } from "./auth/auth-guard.mjs";
-import { AuthLoading, AuthLoadingProps } from "./auth/auth-loading.mjs";
-import "./auth/index.mjs";
-import { ArrayField, ArrayFieldItemType, ArrayFieldProps } from "./fields/array-field.mjs";
-import { AssetPreviewField, AssetPreviewFieldProps } from "./fields/asset-preview-field.mjs";
-import { BlocksField, BlocksFieldConfig, BlocksFieldProps } from "./fields/blocks-field/blocks-field.mjs";
-import { DateField } from "./fields/date-field.mjs";
-import { DatetimeField } from "./fields/datetime-field.mjs";
-import { EmailField } from "./fields/email-field.mjs";
-import { JsonField, JsonFieldMode, JsonFieldProps } from "./fields/json-field.mjs";
-import { NumberField } from "./fields/number-field.mjs";
-import { ObjectField, ObjectFieldProps } from "./fields/object-field.mjs";
-import { RelationField, RelationFieldProps } from "./fields/relation-field.mjs";
-import { RichTextEditorProps, RichTextFeatures } from "./fields/rich-text-editor/types.mjs";
-import { RichTextField } from "./fields/rich-text-field.mjs";
-import { SelectField } from "./fields/select-field.mjs";
-import { TextField } from "./fields/text-field.mjs";
-import { TextareaField } from "./fields/textarea-field.mjs";
-import { TimeField } from "./fields/time-field.mjs";
-import { UploadField, UploadFieldProps } from "./fields/upload-field.mjs";
-import "./fields/index.mjs";
-import "./filter-builder/index.mjs";
-import "./locale-switcher.mjs";
-import "./sheets/index.mjs";
-import "./ui/accordion.mjs";
-import "./ui/avatar.mjs";
-import "./ui/badge.mjs";
-import "./ui/button.mjs";
-import "./ui/card.mjs";
-import "./ui/checkbox.mjs";
-import "./ui/combobox.mjs";
-import "./ui/dialog.mjs";
-import "./ui/dropdown-menu.mjs";
-import "./ui/label.mjs";
-import "./ui/field.mjs";
-import "./ui/input.mjs";
-import "./ui/input-group.mjs";
-import "./ui/popover.mjs";
-import "./ui/scroll-area.mjs";
-import "./ui/select.mjs";
-import "./ui/separator.mjs";
-import "./ui/sheet.mjs";
-import "./ui/tooltip.mjs";
-import "./ui/sidebar.mjs";
-import "./ui/skeleton.mjs";
-import "./ui/spinner.mjs";
-import "./ui/switch.mjs";
-import "./ui/table.mjs";
-import "./ui/tabs.mjs";
-import "./ui/textarea.mjs";

package/dist/client/components/locale-switcher.d.mts

@@ -1,2 +0,0 @@
-import "../i18n/types.mjs";
-import "react";