@flexkit/studio 0.0.28 → 0.0.30

package/dist/chunk-N52AF6GE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/hooks/use-cached-image-src.ts","../src/data-grid/preview-components/asset.tsx"],"names":["MAX_CACHE_ENTRIES","MAX_SINGLE_BLOB_BYTES","blobUrlCache","inFlightLoads","corsBlockedUrls","preloadedImages","ensurePreloaded","url","img","touch","entry","evictIfNeeded","entries","a","b","evictCount","i","loadToCache","existing","promise","res","blob","objectUrl","err","useCachedImageSrc","initial","useMemo","cached","src","setSrc","useState","useEffect","isStale","next","transparentImageBackground","Asset","value","jsx","AssetStack","SingleAsset","path","hasPath","isImage","getExtensionFromPath","p","clean","parts","thumbnaillUrl","IMAGES_BASE_URL","fullUrl","cachedThumbnailSrc","TooltipProvider","jsxs","Tooltip","TooltipTrigger","TooltipPortal","TooltipContent","ext","style","defaultStyles","FileTypeIcon","assets","asset","totalCount","overflowCount"],"mappings":"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","file":"chunk-N52AF6GE.js","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\ntype CacheEntry = {\n  objectUrl: string;\n  byteSize: number;\n  lastUsedAt: number;\n};\n\nconst MAX_CACHE_ENTRIES = 250;\nconst MAX_SINGLE_BLOB_BYTES = 2_500_000; // ~2.5MB\n\nconst blobUrlCache = new Map<string, CacheEntry>();\nconst inFlightLoads = new Map<string, Promise<void>>();\nconst corsBlockedUrls = new Set<string>();\nconst preloadedImages = new Map<string, HTMLImageElement>();\n\nfunction ensurePreloaded(url: string): void {\n  if (preloadedImages.has(url)) {\n    return;\n  }\n\n  const img = new Image();\n  img.decoding = 'async';\n  img.src = url;\n  preloadedImages.set(url, img);\n}\n\nfunction touch(url: string): void {\n  const entry = blobUrlCache.get(url);\n\n  if (!entry) {\n    return;\n  }\n\n  blobUrlCache.set(url, { ...entry, lastUsedAt: Date.now() });\n}\n\nfunction evictIfNeeded(): void {\n  if (blobUrlCache.size <= MAX_CACHE_ENTRIES) {\n    return;\n  }\n\n  const entries = Array.from(blobUrlCache.entries()).sort((a, b) => a[1].lastUsedAt - b[1].lastUsedAt);\n  const evictCount = Math.max(1, Math.ceil(MAX_CACHE_ENTRIES * 0.1));\n\n  for (let i = 0; i < evictCount && i < entries.length; i += 1) {\n    const [url, entry] = entries[i];\n    blobUrlCache.delete(url);\n\n    URL.revokeObjectURL(entry.objectUrl);\n  }\n}\n\nasync function loadToCache(url: string): Promise<void> {\n  if (corsBlockedUrls.has(url)) {\n    ensurePreloaded(url);\n\n    return;\n  }\n\n  if (blobUrlCache.has(url)) {\n    touch(url);\n\n    return;\n  }\n\n  const existing = inFlightLoads.get(url);\n\n  if (existing) {\n    await existing;\n\n    return;\n  }\n\n  const promise = (async () => {\n    try {\n      const res = await fetch(url, {\n        mode: 'cors',\n        cache: 'force-cache',\n      });\n\n      if (!res.ok) {\n        ensurePreloaded(url);\n\n        return;\n      }\n\n      const blob = await res.blob();\n\n      if (blob.size > MAX_SINGLE_BLOB_BYTES) {\n        return;\n      }\n\n      const objectUrl = URL.createObjectURL(blob);\n      blobUrlCache.set(url, { objectUrl, byteSize: blob.size, lastUsedAt: Date.now() });\n      evictIfNeeded();\n    } catch (err: unknown) {\n      // Most common failure is CORS (TypeError: Failed to fetch). If so, avoid retrying.\n      if (err instanceof TypeError) {\n        corsBlockedUrls.add(url);\n      }\n\n      ensurePreloaded(url);\n    }\n  })();\n\n  inFlightLoads.set(url, promise);\n\n  await promise;\n\n  inFlightLoads.delete(url);\n}\n\n/**\n * Keeps a stable, in-memory cached image src across virtualized unmount/remount cycles.\n * Falls back to the original URL if the image can’t be fetched (e.g. due to CORS).\n */\nexport function useCachedImageSrc(url: string | null | undefined): string | null {\n  const initial = useMemo(() => {\n    if (!url) {\n      return null;\n    }\n\n    const cached = blobUrlCache.get(url);\n\n    if (!cached) {\n      return null;\n    }\n\n    touch(url);\n\n    return cached.objectUrl;\n  }, [url]);\n\n  const [src, setSrc] = useState<string | null>(initial);\n\n  useEffect(() => {\n    if (!url) {\n      setSrc(null);\n\n      return;\n    }\n\n    if (corsBlockedUrls.has(url)) {\n      ensurePreloaded(url);\n      setSrc(null);\n\n      return;\n    }\n\n    const cached = blobUrlCache.get(url);\n\n    if (cached) {\n      touch(url);\n      setSrc(cached.objectUrl);\n\n      return;\n    }\n\n    setSrc(null);\n    let isStale = false;\n\n    loadToCache(url).then(() => {\n      const next = blobUrlCache.get(url);\n\n      if (!next) {\n        return;\n      }\n\n      if (isStale) {\n        return;\n      }\n\n      touch(url);\n      setSrc(next.objectUrl);\n    });\n\n    return () => {\n      isStale = true;\n    };\n  }, [url]);\n\n  return src;\n}\n","import type { JSX } from 'react';\nimport { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger } from '../../ui/primitives/tooltip';\nimport { IMAGES_BASE_URL } from '../../core/api-paths';\nimport { FileIcon as FileTypeIcon, defaultStyles } from 'react-file-icon';\nimport { useCachedImageSrc } from '../../ui/hooks/use-cached-image-src';\n\nexport type Asset = {\n  _id: string;\n  path: string;\n  /** Total connected assets; the fetched array is bounded by the query's `first`. */\n  totalCount?: number;\n};\n\nconst transparentImageBackground =\n  'fk:bg-[#fafafa] [--asset-checker:#f0f0f0] [background-image:linear-gradient(45deg,var(--asset-checker)_25%,transparent_25%),linear-gradient(-45deg,var(--asset-checker)_25%,transparent_25%),linear-gradient(45deg,transparent_75%,var(--asset-checker)_75%),linear-gradient(-45deg,transparent_75%,var(--asset-checker)_75%)] [background-position:0_0,0_4px,4px_-4px,-4px_0px] [background-size:8px_8px] fk:dark:bg-[#222] dark:[--asset-checker:#2a2a2a]';\n\nexport function Asset({ value }: { value: Asset | Asset[] }) {\n  if (Array.isArray(value)) {\n    return <AssetStack value={value} />;\n  }\n\n  return <SingleAsset value={value} />;\n}\n\nfunction SingleAsset({ value }: { value: Asset }) {\n  const path = value?.path ?? '';\n  const hasPath = Boolean(path);\n  const isImage = hasPath && /\\.(png|jpe?g|gif|webp|avif|svg)$/i.test(path);\n\n  const getExtensionFromPath = (p: string): string => {\n    const [clean] = p.split('?');\n    const parts = clean.split('.');\n\n    if (parts.length > 1) {\n      return parts.pop()!.toLowerCase();\n    }\n\n    return 'file';\n  };\n\n  const thumbnaillUrl = hasPath\n    ? path.endsWith('.svg')\n      ? `${IMAGES_BASE_URL}${path}`\n      : `${IMAGES_BASE_URL}${path}?w=84&h=84&f=webp`\n    : null;\n\n  const fullUrl = hasPath\n    ? path.endsWith('.svg')\n      ? `${IMAGES_BASE_URL}${path}`\n      : `${IMAGES_BASE_URL}${path}?w=624&h=624&f=webp`\n    : '';\n\n  const cachedThumbnailSrc = useCachedImageSrc(thumbnaillUrl);\n\n  if (!hasPath) {\n    return null;\n  }\n\n  return (\n    <div className=\"fk:z-10\">\n      <TooltipProvider>\n        {isImage ? (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <img\n                alt=\"asset\"\n                className={`fk:w-7 fk:h-7 fk:cursor-zoom-in fk:overflow-hidden fk:rounded-md fk:object-contain ${transparentImageBackground}`}\n                decoding=\"async\"\n                src={cachedThumbnailSrc ?? undefined}\n              />\n            </TooltipTrigger>\n            <TooltipPortal>\n              <TooltipContent>\n                <img\n                  alt=\"asset\"\n                  className={`fk:w-52 fk:h-52 fk:overflow-hidden fk:rounded-md fk:object-contain ${transparentImageBackground}`}\n                  decoding=\"async\"\n                  src={fullUrl}\n                />\n              </TooltipContent>\n            </TooltipPortal>\n          </Tooltip>\n        ) : (\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <div className=\"fk:w-7 fk:h-7 fk:rounded-sm fk:bg-transparent fk:flex fk:items-center fk:justify-center fk:[&>svg]:h-full fk:[&>svg]:w-auto\">\n                {(() => {\n                  const ext = getExtensionFromPath(path);\n                  const style = (\n                    defaultStyles as Record<string, Record<string, string | number | boolean | undefined>>\n                  )[ext];\n\n                  return <FileTypeIcon extension={ext} {...(style || {})} />;\n                })()}\n              </div>\n            </TooltipTrigger>\n            <TooltipPortal>\n              <TooltipContent>\n                <div className=\"fk:text-sm fk:text-muted-foreground\">Preview not available</div>\n              </TooltipContent>\n            </TooltipPortal>\n          </Tooltip>\n        )}\n      </TooltipProvider>\n    </div>\n  );\n}\n\nfunction AssetStack({ value }: { value: Asset[] }): JSX.Element | null {\n  const assets = value.filter((asset) => Boolean(asset.path)).slice(0, 3);\n  // Queries bound connection edges, so the array length undercounts; the\n  // aggregate total travels on each item as totalCount.\n  const totalCount = Math.max(value[0]?.totalCount ?? 0, value.length);\n\n  // All fetched edges can lack `path` (still-processing uploads, incomplete\n  // nodes) while totalCount > 0 — especially likely now that list queries\n  // only fetch the first 3 edges. Show a count so the cell is not blank.\n  if (assets.length === 0) {\n    if (totalCount > 0) {\n      return (\n        <div className=\"fk:flex fk:items-center\">\n          <span className=\"fk:text-xs fk:text-muted-foreground\">\n            {totalCount === 1 ? '1 asset' : `${totalCount} assets`}\n          </span>\n        </div>\n      );\n    }\n\n    return null;\n  }\n\n  const overflowCount = totalCount - assets.length;\n\n  return (\n    <div className=\"fk:flex fk:items-center\">\n      <div className=\"fk:flex fk:-space-x-2\">\n        {assets.map((asset) => (\n          <img\n            alt=\"asset\"\n            className={`fk:h-7 fk:w-7 fk:overflow-hidden fk:rounded-md fk:object-contain ${transparentImageBackground}`}\n            decoding=\"async\"\n            key={asset._id}\n            src={`${IMAGES_BASE_URL}${asset.path}?w=84&h=84&f=webp`}\n          />\n        ))}\n      </div>\n      {overflowCount > 0 ? (\n        <span className=\"fk:ml-2 fk:text-xs fk:text-muted-foreground\">+{overflowCount}</span>\n      ) : null}\n    </div>\n  );\n}\n"]}

package/dist/chunk-WXMCINGZ.js

@@ -0,0 +1,2 @@
+import'./index.css';import {a}from'./chunk-7GBAYC7G.js';import {a as a$1}from'./chunk-HAQICAOQ.js';import {c,e,f,h,g,i}from'./chunk-FVFRTCEB.js';import {useId}from'react';import {jsx,jsxs}from'react/jsx-runtime';function L({control:v,fieldSchema:f$1,setValue:t}){let{name:r,label:b,isEditable:h$1,options:l}=f$1,m=useId();function g$1(e,o){t(r,{...o,value:e.currentTarget.value});}function C(e,o){t(r,{...o,disabled:e});}return jsx(c,{control:v,name:r,render:({field:e$1})=>jsxs(e,{children:[jsx(f,{htmlFor:m,children:b}),l?.comment?jsx(h,{children:l.comment}):null,jsx(g,{children:jsx(a,{className:`fk:w-full fk:mt-[0.1875rem] ${!e$1.value?.scope||e$1.value.scope==="default"?"fk:mb-3":""}`,disabled:h$1===false||e$1.value?.disabled,id:m,...e$1,onChange:o=>{g$1(o,e$1.value);},value:e$1.value?.value||""})}),jsx(a$1,{checked:e$1.value?.disabled??false,onChange:o=>{C(o,e$1.value);},scope:e$1.value?.scope}),jsx(i,{})]})})}export{L as a};//# sourceMappingURL=chunk-WXMCINGZ.js.map
+//# sourceMappingURL=chunk-WXMCINGZ.js.map

package/dist/{chunk-27Y2SQ67.js.map → chunk-WXMCINGZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/form/fields/text.tsx"],"names":["Text","control","fieldSchema","setValue","name","label","isEditable","options","id","useId","handleInput","event","previousValue","handleCheckbox","checked","value","jsx","FormField","field","jsxs","FormItem","FormLabel","FormDescription","FormControl","Input","DefaultValueSwitch","FormMessage"],"mappings":"6MAQO,SAASA,CAAAA,CAAK,CAAE,OAAA,CAAAC,CAAAA,CAAS,YAAAC,GAAAA,CAAa,QAAA,CAAAC,CAAS,CAAA,CAAyC,CAC7F,GAAM,CAAE,KAAAC,CAAAA,CAAM,KAAA,CAAAC,IAAO,UAAA,CAAAC,GAAAA,CAAY,QAAAC,CAAQ,CAAA,CAAIL,IACvCM,CAAAA,CAAKC,KAAAA,GAEX,SAASC,GAAAA,CACPC,EACAC,CAAAA,CACM,CACNT,EAASC,CAAAA,CAAM,CACb,GAAGQ,CAAAA,CACH,MAAOD,CAAAA,CAAM,aAAA,CAAc,KAC7B,CAAC,EACH,CAEA,SAASE,CAAAA,CAAeC,CAAAA,CAAkBC,CAAAA,CAAyC,CACjFZ,CAAAA,CAASC,CAAAA,CAAM,CACb,GAAGW,CAAAA,CACH,SAAUD,CACZ,CAAC,EACH,CAEA,OACEE,GAAAA,CAACC,CAAAA,CAAA,CACC,OAAA,CAAShB,CAAAA,CACT,KAAMG,CAAAA,CACN,MAAA,CAAQ,CAAC,CAAE,KAAA,CAAAc,GAAM,CAAA,GACfC,IAAAA,CAACC,EAAA,CACC,QAAA,CAAA,CAAAJ,IAACK,CAAAA,CAAA,CAAU,OAAA,CAASb,CAAAA,CAAK,SAAAH,GAAAA,CAAM,CAAA,CAC9BE,GAAS,OAAA,CAAUS,GAAAA,CAACM,EAAA,CAAiB,QAAA,CAAAf,CAAAA,CAAQ,OAAA,CAAQ,EAAqB,IAAA,CAC3ES,GAAAA,CAACO,EAAA,CACC,QAAA,CAAAP,IAACQ,CAAAA,CAAA,CACC,SAAA,CAAW,CAAA,4BAAA,EACT,CAACN,GAAAA,CAAM,KAAA,EAAO,OAASA,GAAAA,CAAM,KAAA,CAAM,QAAU,SAAA,CAAY,SAAA,CAAY,EACvE,CAAA,CAAA,CACA,QAAA,CAAUZ,MAAe,KAAA,EAASY,GAAAA,CAAM,OAAO,QAAA,CAC/C,EAAA,CAAIV,EACH,GAAGU,GAAAA,CACJ,QAAA,CAAWP,CAAAA,EAAU,CACnBD,GAAAA,CAAYC,CAAAA,CAAOO,IAAM,KAAK,EAChC,EACA,KAAA,CAAQA,GAAAA,CAAM,KAAA,EAAO,KAAA,EAAoB,GAC3C,CAAA,CACF,CAAA,CAEAF,IAACS,CAAAA,CAAA,CACC,QAASP,GAAAA,CAAM,KAAA,EAAO,QAAA,EAAY,KAAA,CAClC,SAAWJ,CAAAA,EAAY,CACrBD,EAAeC,CAAAA,CAASI,GAAAA,CAAM,KAAK,EACrC,CAAA,CACA,MAAOA,GAAAA,CAAM,KAAA,EAAO,MACtB,CAAA,CACAF,GAAAA,CAACU,EAAA,EAAY,CAAA,CAAA,CACf,EAEJ,CAEJ","file":"chunk-27Y2SQ67.js","sourcesContent":["import { useId } from 'react';\nimport type { JSX } from 'react';\nimport type { FormFieldValue } from '../../graphql-client/types';\nimport { FormControl, FormDescription, FormField, FormLabel, FormMessage, FormItem } from '../../ui/primitives/form';\nimport { Input } from '../../ui/primitives/input';\nimport type { FormFieldParams } from '../types';\nimport { DefaultValueSwitch } from './default-value-switch';\n\nexport function Text({ control, fieldSchema, setValue }: FormFieldParams<'text'>): JSX.Element {\n  const { name, label, isEditable, options } = fieldSchema;\n  const id = useId();\n\n  function handleInput(\n    event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n    previousValue: FormFieldValue | undefined\n  ): void {\n    setValue(name, {\n      ...previousValue,\n      value: event.currentTarget.value,\n    });\n  }\n\n  function handleCheckbox(checked: boolean, value: FormFieldValue | undefined): void {\n    setValue(name, {\n      ...value,\n      disabled: checked,\n    });\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }: { field: { value?: FormFieldValue } }) => (\n        <FormItem>\n          <FormLabel htmlFor={id}>{label}</FormLabel>\n          {options?.comment ? <FormDescription>{options.comment}</FormDescription> : null}\n          <FormControl>\n            <Input\n              className={`fk:w-full fk:mt-[0.1875rem] ${\n                !field.value?.scope || field.value.scope === 'default' ? 'fk:mb-3' : ''\n              }`}\n              disabled={isEditable === false || field.value?.disabled}\n              id={id}\n              {...field}\n              onChange={(event) => {\n                handleInput(event, field.value);\n              }}\n              value={(field.value?.value as string) || ''}\n            />\n          </FormControl>\n\n          <DefaultValueSwitch\n            checked={field.value?.disabled ?? false}\n            onChange={(checked) => {\n              handleCheckbox(checked, field.value);\n            }}\n            scope={field.value?.scope}\n          />\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../src/form/fields/text.tsx"],"names":["Text","control","fieldSchema","setValue","name","label","isEditable","options","id","useId","handleInput","event","previousValue","handleCheckbox","checked","value","jsx","FormField","field","jsxs","FormItem","FormLabel","FormDescription","FormControl","Input","DefaultValueSwitch","FormMessage"],"mappings":"oNAQO,SAASA,CAAAA,CAAK,CAAE,OAAA,CAAAC,CAAAA,CAAS,YAAAC,GAAAA,CAAa,QAAA,CAAAC,CAAS,CAAA,CAAyC,CAC7F,GAAM,CAAE,KAAAC,CAAAA,CAAM,KAAA,CAAAC,EAAO,UAAA,CAAAC,GAAAA,CAAY,QAAAC,CAAQ,CAAA,CAAIL,IACvCM,CAAAA,CAAKC,KAAAA,GAEX,SAASC,GAAAA,CACPC,EACAC,CAAAA,CACM,CACNT,EAASC,CAAAA,CAAM,CACb,GAAGQ,CAAAA,CACH,MAAOD,CAAAA,CAAM,aAAA,CAAc,KAC7B,CAAC,EACH,CAEA,SAASE,CAAAA,CAAeC,CAAAA,CAAkBC,CAAAA,CAAyC,CACjFZ,CAAAA,CAASC,CAAAA,CAAM,CACb,GAAGW,CAAAA,CACH,SAAUD,CACZ,CAAC,EACH,CAEA,OACEE,GAAAA,CAACC,CAAAA,CAAA,CACC,OAAA,CAAShB,CAAAA,CACT,KAAMG,CAAAA,CACN,MAAA,CAAQ,CAAC,CAAE,KAAA,CAAAc,GAAM,CAAA,GACfC,IAAAA,CAACC,EAAA,CACC,QAAA,CAAA,CAAAJ,IAACK,CAAAA,CAAA,CAAU,OAAA,CAASb,CAAAA,CAAK,SAAAH,CAAAA,CAAM,CAAA,CAC9BE,GAAS,OAAA,CAAUS,GAAAA,CAACM,EAAA,CAAiB,QAAA,CAAAf,CAAAA,CAAQ,OAAA,CAAQ,EAAqB,IAAA,CAC3ES,GAAAA,CAACO,EAAA,CACC,QAAA,CAAAP,IAACQ,CAAAA,CAAA,CACC,SAAA,CAAW,CAAA,4BAAA,EACT,CAACN,GAAAA,CAAM,KAAA,EAAO,OAASA,GAAAA,CAAM,KAAA,CAAM,QAAU,SAAA,CAAY,SAAA,CAAY,EACvE,CAAA,CAAA,CACA,QAAA,CAAUZ,MAAe,KAAA,EAASY,GAAAA,CAAM,OAAO,QAAA,CAC/C,EAAA,CAAIV,EACH,GAAGU,GAAAA,CACJ,QAAA,CAAWP,CAAAA,EAAU,CACnBD,GAAAA,CAAYC,CAAAA,CAAOO,IAAM,KAAK,EAChC,EACA,KAAA,CAAQA,GAAAA,CAAM,KAAA,EAAO,KAAA,EAAoB,GAC3C,CAAA,CACF,CAAA,CAEAF,IAACS,GAAAA,CAAA,CACC,QAASP,GAAAA,CAAM,KAAA,EAAO,QAAA,EAAY,KAAA,CAClC,SAAWJ,CAAAA,EAAY,CACrBD,EAAeC,CAAAA,CAASI,GAAAA,CAAM,KAAK,EACrC,CAAA,CACA,MAAOA,GAAAA,CAAM,KAAA,EAAO,MACtB,CAAA,CACAF,GAAAA,CAACU,EAAA,EAAY,CAAA,CAAA,CACf,EAEJ,CAEJ","file":"chunk-WXMCINGZ.js","sourcesContent":["import { useId } from 'react';\nimport type { JSX } from 'react';\nimport type { FormFieldValue } from '../../graphql-client/types';\nimport { FormControl, FormDescription, FormField, FormLabel, FormMessage, FormItem } from '../../ui/primitives/form';\nimport { Input } from '../../ui/primitives/input';\nimport type { FormFieldParams } from '../types';\nimport { DefaultValueSwitch } from './default-value-switch';\n\nexport function Text({ control, fieldSchema, setValue }: FormFieldParams<'text'>): JSX.Element {\n  const { name, label, isEditable, options } = fieldSchema;\n  const id = useId();\n\n  function handleInput(\n    event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n    previousValue: FormFieldValue | undefined\n  ): void {\n    setValue(name, {\n      ...previousValue,\n      value: event.currentTarget.value,\n    });\n  }\n\n  function handleCheckbox(checked: boolean, value: FormFieldValue | undefined): void {\n    setValue(name, {\n      ...value,\n      disabled: checked,\n    });\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }: { field: { value?: FormFieldValue } }) => (\n        <FormItem>\n          <FormLabel htmlFor={id}>{label}</FormLabel>\n          {options?.comment ? <FormDescription>{options.comment}</FormDescription> : null}\n          <FormControl>\n            <Input\n              className={`fk:w-full fk:mt-[0.1875rem] ${\n                !field.value?.scope || field.value.scope === 'default' ? 'fk:mb-3' : ''\n              }`}\n              disabled={isEditable === false || field.value?.disabled}\n              id={id}\n              {...field}\n              onChange={(event) => {\n                handleInput(event, field.value);\n              }}\n              value={(field.value?.value as string) || ''}\n            />\n          </FormControl>\n\n          <DefaultValueSwitch\n            checked={field.value?.disabled ?? false}\n            onChange={(checked) => {\n              handleCheckbox(checked, field.value);\n            }}\n            scope={field.value?.scope}\n          />\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n"]}

package/dist/chunk-YA4ACPM5.js

@@ -0,0 +1,2 @@
+import'./index.css';import {a}from'./chunk-OEWYLKO7.js';import {a as a$1}from'./chunk-HAQICAOQ.js';import {c,e,f,h,g,i}from'./chunk-FVFRTCEB.js';import {jsx,jsxs}from'react/jsx-runtime';function y({control:v,fieldSchema:F,setValue:m}){let{name:l,label:k,isEditable:b,options:t}=F;function h$1(e,o){m(l,{...o,value:e.currentTarget.value});}function g$1(e,o){m(l,{...o,disabled:e});}return jsx(c,{control:v,name:l,render:({field:e$1})=>jsxs(e,{children:[jsxs("div",{className:"fk:flex",children:[jsxs("div",{className:"fk:full-w fk:grid fk:gap-2",children:[jsx(f,{children:k}),t?.comment?jsx(h,{children:t.comment}):null]}),jsx("div",{className:"fk:h-full fk:self-end fk:ml-auto"})]}),jsx(g,{children:jsx(a,{className:`fk:w-full fk:mt-[0.1875rem] ${!e$1.value?.scope||e$1.value.scope==="default"?"fk:mb-3":""}`,disabled:b===false||e$1.value?.disabled,...e$1,onChange:o=>{h$1(o,e$1.value);},value:e$1.value?.value||""})}),jsx(a$1,{checked:e$1.value?.disabled??false,onChange:o=>{g$1(o,e$1.value);},scope:e$1.value?.scope}),jsx(i,{})]})})}export{y as a};//# sourceMappingURL=chunk-YA4ACPM5.js.map
+//# sourceMappingURL=chunk-YA4ACPM5.js.map

package/dist/{chunk-KR7CLPY2.js.map → chunk-YA4ACPM5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/form/fields/textarea.tsx"],"names":["Textarea","control","fieldSchema","setValue","name","label","isEditable","options","handleInput","event","previousValue","handleCheckbox","checked","value","jsx","FormField","field","jsxs","FormItem","FormLabel","FormDescription","FormControl","DefaultValueSwitch","FormMessage"],"mappings":"mLAOO,SAASA,EAAS,CAAE,OAAA,CAAAC,EAAS,WAAA,CAAAC,CAAAA,CAAa,SAAAC,CAAS,CAAA,CAA6C,CACrG,GAAM,CAAE,KAAAC,CAAAA,CAAM,KAAA,CAAAC,CAAAA,CAAO,UAAA,CAAAC,IAAY,OAAA,CAAAC,CAAQ,EAAIL,CAAAA,CAE7C,SAASM,IACPC,CAAAA,CACAC,CAAAA,CACM,CACNP,CAAAA,CAASC,CAAAA,CAAM,CACb,GAAGM,CAAAA,CACH,MAAOD,CAAAA,CAAM,aAAA,CAAc,KAC7B,CAAC,EACH,CAEA,SAASE,IAAeC,CAAAA,CAAkBC,CAAAA,CAAyC,CACjFV,CAAAA,CAASC,CAAAA,CAAM,CACb,GAAGS,CAAAA,CACH,SAAUD,CACZ,CAAC,EACH,CAEA,OACEE,IAACC,CAAAA,CAAA,CACC,QAASd,CAAAA,CACT,IAAA,CAAMG,EACN,MAAA,CAAQ,CAAC,CAAE,KAAA,CAAAY,GAAM,IACfC,IAAAA,CAACC,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAD,IAAAA,CAAC,OAAI,SAAA,CAAU,SAAA,CACb,UAAAA,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,4BAAA,CACb,QAAA,CAAA,CAAAH,IAACK,CAAAA,CAAA,CAAW,QAAA,CAAAd,CAAAA,CAAM,EACjBE,CAAAA,EAAS,OAAA,CAAUO,IAACM,CAAAA,CAAA,CAAiB,SAAAb,CAAAA,CAAQ,OAAA,CAAQ,EAAqB,IAAA,CAAA,CAC7E,CAAA,CACAO,IAAC,KAAA,CAAA,CAAI,SAAA,CAAU,mCAEf,CAAA,CAAA,CACF,CAAA,CACAA,IAACO,CAAAA,CAAA,CACC,QAAA,CAAAP,GAAAA,CAACd,EAAA,CACC,SAAA,CAAW,+BACT,CAACgB,GAAAA,CAAM,OAAO,KAAA,EAASA,GAAAA,CAAM,MAAM,KAAA,GAAU,SAAA,CAAY,UAAY,EACvE,CAAA,CAAA,CACA,SAAUV,GAAAA,GAAe,KAAA,EAASU,IAAM,KAAA,EAAO,QAAA,CAC9C,GAAGA,GAAAA,CACJ,SAAWP,CAAAA,EAAU,CACnBD,IAAYC,CAAAA,CAAOO,GAAAA,CAAM,KAAK,EAChC,CAAA,CACA,MAAQA,GAAAA,CAAM,KAAA,EAAO,OAAoB,EAAA,CAC3C,CAAA,CACF,EACAF,GAAAA,CAACQ,CAAAA,CAAA,CACC,OAAA,CAASN,GAAAA,CAAM,OAAO,QAAA,EAAY,KAAA,CAClC,SAAWJ,CAAAA,EAAY,CACrBD,IAAeC,CAAAA,CAASI,GAAAA,CAAM,KAAK,EACrC,CAAA,CACA,MAAOA,GAAAA,CAAM,KAAA,EAAO,MACtB,CAAA,CACAF,GAAAA,CAACS,EAAA,EAAY,CAAA,CAAA,CACf,EAEJ,CAEJ","file":"chunk-KR7CLPY2.js","sourcesContent":["import type { JSX } from 'react';\nimport type { FormFieldValue } from '../../graphql-client/types';\nimport { FormControl, FormDescription, FormField, FormLabel, FormMessage, FormItem } from '../../ui/primitives/form';\nimport { Textarea as TextareaPrimitive } from '../../ui/primitives/textarea';\nimport type { FormFieldParams } from '../types';\nimport { DefaultValueSwitch } from './default-value-switch';\n\nexport function Textarea({ control, fieldSchema, setValue }: FormFieldParams<'textarea'>): JSX.Element {\n  const { name, label, isEditable, options } = fieldSchema;\n\n  function handleInput(\n    event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n    previousValue: FormFieldValue | undefined\n  ): void {\n    setValue(name, {\n      ...previousValue,\n      value: event.currentTarget.value,\n    });\n  }\n\n  function handleCheckbox(checked: boolean, value: FormFieldValue | undefined): void {\n    setValue(name, {\n      ...value,\n      disabled: checked,\n    });\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }: { field: { value?: FormFieldValue } }) => (\n        <FormItem>\n          <div className=\"fk:flex\">\n            <div className=\"fk:full-w fk:grid fk:gap-2\">\n              <FormLabel>{label}</FormLabel>\n              {options?.comment ? <FormDescription>{options.comment}</FormDescription> : null}\n            </div>\n            <div className=\"fk:h-full fk:self-end fk:ml-auto\">\n              {/* TODO: this should be a slot that can receive user-defined components and system components like Presence and AI Writting Tools */}\n            </div>\n          </div>\n          <FormControl>\n            <TextareaPrimitive\n              className={`fk:w-full fk:mt-[0.1875rem] ${\n                !field.value?.scope || field.value.scope === 'default' ? 'fk:mb-3' : ''\n              }`}\n              disabled={isEditable === false || field.value?.disabled}\n              {...field}\n              onChange={(event) => {\n                handleInput(event, field.value);\n              }}\n              value={(field.value?.value as string) || ''}\n            />\n          </FormControl>\n          <DefaultValueSwitch\n            checked={field.value?.disabled ?? false}\n            onChange={(checked) => {\n              handleCheckbox(checked, field.value);\n            }}\n            scope={field.value?.scope}\n          />\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n"]}
+{"version":3,"sources":["../src/form/fields/textarea.tsx"],"names":["Textarea","control","fieldSchema","setValue","name","label","isEditable","options","handleInput","event","previousValue","handleCheckbox","checked","value","jsx","FormField","field","jsxs","FormItem","FormLabel","FormDescription","FormControl","DefaultValueSwitch","FormMessage"],"mappings":"0LAOO,SAASA,EAAS,CAAE,OAAA,CAAAC,EAAS,WAAA,CAAAC,CAAAA,CAAa,SAAAC,CAAS,CAAA,CAA6C,CACrG,GAAM,CAAE,KAAAC,CAAAA,CAAM,KAAA,CAAAC,CAAAA,CAAO,UAAA,CAAAC,EAAY,OAAA,CAAAC,CAAQ,EAAIL,CAAAA,CAE7C,SAASM,IACPC,CAAAA,CACAC,CAAAA,CACM,CACNP,CAAAA,CAASC,CAAAA,CAAM,CACb,GAAGM,CAAAA,CACH,MAAOD,CAAAA,CAAM,aAAA,CAAc,KAC7B,CAAC,EACH,CAEA,SAASE,IAAeC,CAAAA,CAAkBC,CAAAA,CAAyC,CACjFV,CAAAA,CAASC,CAAAA,CAAM,CACb,GAAGS,CAAAA,CACH,SAAUD,CACZ,CAAC,EACH,CAEA,OACEE,IAACC,CAAAA,CAAA,CACC,QAASd,CAAAA,CACT,IAAA,CAAMG,EACN,MAAA,CAAQ,CAAC,CAAE,KAAA,CAAAY,GAAM,IACfC,IAAAA,CAACC,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAD,IAAAA,CAAC,OAAI,SAAA,CAAU,SAAA,CACb,UAAAA,IAAAA,CAAC,KAAA,CAAA,CAAI,UAAU,4BAAA,CACb,QAAA,CAAA,CAAAH,IAACK,CAAAA,CAAA,CAAW,QAAA,CAAAd,CAAAA,CAAM,EACjBE,CAAAA,EAAS,OAAA,CAAUO,IAACM,CAAAA,CAAA,CAAiB,SAAAb,CAAAA,CAAQ,OAAA,CAAQ,EAAqB,IAAA,CAAA,CAC7E,CAAA,CACAO,IAAC,KAAA,CAAA,CAAI,SAAA,CAAU,mCAEf,CAAA,CAAA,CACF,CAAA,CACAA,IAACO,CAAAA,CAAA,CACC,QAAA,CAAAP,GAAAA,CAACd,EAAA,CACC,SAAA,CAAW,+BACT,CAACgB,GAAAA,CAAM,OAAO,KAAA,EAASA,GAAAA,CAAM,MAAM,KAAA,GAAU,SAAA,CAAY,UAAY,EACvE,CAAA,CAAA,CACA,SAAUV,CAAAA,GAAe,KAAA,EAASU,IAAM,KAAA,EAAO,QAAA,CAC9C,GAAGA,GAAAA,CACJ,SAAWP,CAAAA,EAAU,CACnBD,IAAYC,CAAAA,CAAOO,GAAAA,CAAM,KAAK,EAChC,CAAA,CACA,MAAQA,GAAAA,CAAM,KAAA,EAAO,OAAoB,EAAA,CAC3C,CAAA,CACF,EACAF,GAAAA,CAACQ,GAAAA,CAAA,CACC,OAAA,CAASN,GAAAA,CAAM,OAAO,QAAA,EAAY,KAAA,CAClC,SAAWJ,CAAAA,EAAY,CACrBD,IAAeC,CAAAA,CAASI,GAAAA,CAAM,KAAK,EACrC,CAAA,CACA,MAAOA,GAAAA,CAAM,KAAA,EAAO,MACtB,CAAA,CACAF,GAAAA,CAACS,EAAA,EAAY,CAAA,CAAA,CACf,EAEJ,CAEJ","file":"chunk-YA4ACPM5.js","sourcesContent":["import type { JSX } from 'react';\nimport type { FormFieldValue } from '../../graphql-client/types';\nimport { FormControl, FormDescription, FormField, FormLabel, FormMessage, FormItem } from '../../ui/primitives/form';\nimport { Textarea as TextareaPrimitive } from '../../ui/primitives/textarea';\nimport type { FormFieldParams } from '../types';\nimport { DefaultValueSwitch } from './default-value-switch';\n\nexport function Textarea({ control, fieldSchema, setValue }: FormFieldParams<'textarea'>): JSX.Element {\n  const { name, label, isEditable, options } = fieldSchema;\n\n  function handleInput(\n    event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n    previousValue: FormFieldValue | undefined\n  ): void {\n    setValue(name, {\n      ...previousValue,\n      value: event.currentTarget.value,\n    });\n  }\n\n  function handleCheckbox(checked: boolean, value: FormFieldValue | undefined): void {\n    setValue(name, {\n      ...value,\n      disabled: checked,\n    });\n  }\n\n  return (\n    <FormField\n      control={control}\n      name={name}\n      render={({ field }: { field: { value?: FormFieldValue } }) => (\n        <FormItem>\n          <div className=\"fk:flex\">\n            <div className=\"fk:full-w fk:grid fk:gap-2\">\n              <FormLabel>{label}</FormLabel>\n              {options?.comment ? <FormDescription>{options.comment}</FormDescription> : null}\n            </div>\n            <div className=\"fk:h-full fk:self-end fk:ml-auto\">\n              {/* TODO: this should be a slot that can receive user-defined components and system components like Presence and AI Writting Tools */}\n            </div>\n          </div>\n          <FormControl>\n            <TextareaPrimitive\n              className={`fk:w-full fk:mt-[0.1875rem] ${\n                !field.value?.scope || field.value.scope === 'default' ? 'fk:mb-3' : ''\n              }`}\n              disabled={isEditable === false || field.value?.disabled}\n              {...field}\n              onChange={(event) => {\n                handleInput(event, field.value);\n              }}\n              value={(field.value?.value as string) || ''}\n            />\n          </FormControl>\n          <DefaultValueSwitch\n            checked={field.value?.disabled ?? false}\n            onChange={(checked) => {\n              handleCheckbox(checked, field.value);\n            }}\n            scope={field.value?.scope}\n          />\n          <FormMessage />\n        </FormItem>\n      )}\n    />\n  );\n}\n"]}