inconel 0.1.44 → 0.1.46

package/dist/cjs/components/FileUpload/FileUpload.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),n=require("../shared/classNames.cjs");;/* empty css             */const q=require("../../adapters/context.cjs"),b=c.forwardRef(function({id:t,label:s,placeholder:r,labelClassName:u,inputClassName:d,onChange:p,onFilesChange:f,errorMessage:e,render:m=!0,className:N,disabled:i,accept:_="*",multiple:h=!1,...j},x){const y=c.useId(),F=q.useInconelAdapters(),a=t??`inconel-file-upload-${y.replace(/:/g,"")}`;return m?l.jsxs("div",{className:n.classNames("inconel-file-upload",N),children:[s!=null&&l.jsx("label",{className:n.classNames("inconel-file-upload__label",u),htmlFor:a,children:s}),l.jsx("input",{...j,ref:x,id:a,type:"file",className:n.classNames("inconel-file-upload__input",!!e&&"inconel-is-invalid",d),accept:_,multiple:h,disabled:i,onChange:o=>{p?.(o),f?.(Array.from(o.target.files??[]))}}),l.jsx("label",{className:n.classNames("inconel-file-upload__button",i&&"inconel-is-disabled",!!e&&"inconel-is-error"),htmlFor:a,children:r??F.translate?.("selectFile","Dosya seç")??"Dosya seç"}),e!=null&&l.jsx("span",{className:"inconel-file-upload__error",role:"alert",children:e})]}):null});exports.FileUpload=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),A=require("../DragDropUpload/utils.cjs"),i=require("../shared/classNames.cjs");;/* empty css             */const C=require("../../adapters/context.cjs");function L(){return e.jsxs("svg",{className:"inconel-file-upload__icon",width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M12 15V3"}),e.jsx("path",{d:"m7 8 5-5 5 5"}),e.jsx("path",{d:"M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4"})]})}const P=s.forwardRef(function({id:h,label:c,placeholder:x,labelClassName:j,inputClassName:N,onChange:_,onFilesChange:v,errorMessage:n,render:F=!0,className:y,disabled:u,accept:g="*",multiple:k=!1,files:t,icon:p,noFileText:q,showFileName:R=!0,...b},o){const I=s.useId(),f=C.useInconelAdapters(),r=s.useRef(null),[S,T]=s.useState([]),d=h??`inconel-file-upload-${I.replace(/:/g,"")}`,a=t??S;if(s.useEffect(()=>{t&&t.length===0&&r.current&&(r.current.value="")},[t]),!F)return null;const D=l=>{r.current=l,typeof o=="function"?o(l):o&&(o.current=l)},U=x??f.translate?.("selectFile","Dosya seç")??"Dosya seç",w=q??f.translate?.("noFileSelected","Dosya seçilmedi")??"Dosya seçilmedi",B=A.getSelectedFileText(a,w);return e.jsxs("div",{className:i.classNames("inconel-file-upload",y),children:[c!=null&&e.jsx("label",{className:i.classNames("inconel-file-upload__label",j),htmlFor:d,children:c}),e.jsxs("div",{className:"inconel-file-upload__control",children:[e.jsx("input",{...b,ref:D,id:d,type:"file",className:i.classNames("inconel-file-upload__input",!!n&&"inconel-is-invalid",N),accept:g,multiple:k,disabled:u,onChange:l=>{const m=Array.from(l.target.files??[]);T(m),_?.(l),v?.(m)}}),e.jsxs("label",{className:i.classNames("inconel-file-upload__button",u&&"inconel-is-disabled",!!n&&"inconel-is-error"),htmlFor:d,children:[p===void 0?e.jsx(L,{}):p,U]}),R&&e.jsx("span",{className:i.classNames("inconel-file-upload__file-name",a.length>0&&"inconel-has-file"),title:a.length>0?a.map(l=>l.name).join(", "):void 0,children:B})]}),n!=null&&e.jsx("span",{className:"inconel-file-upload__error",role:"alert",children:n})]})});exports.FileUpload=P;
 //# sourceMappingURL=FileUpload.cjs.map

package/dist/cjs/components/FileUpload/FileUpload.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.cjs","sources":["../../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type ChangeEventHandler,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface FileUploadProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'type' | 'onChange' | 'id' | 'placeholder'\n  > {\n  id?: string | null\n  label?: ReactNode\n  placeholder?: ReactNode\n  labelClassName?: string\n  inputClassName?: string\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  errorMessage?: ReactNode\n  render?: boolean\n  files?: File[]\n  onFilesChange?: (files: File[]) => void\n}\n\nexport const FileUpload = forwardRef<HTMLInputElement, FileUploadProps>(\n  function FileUpload(\n    {\n      id,\n      label,\n      placeholder,\n      labelClassName,\n      inputClassName,\n      onChange,\n      onFilesChange,\n      errorMessage,\n      render = true,\n      className,\n      disabled,\n      accept = '*',\n      multiple = false,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId()\n    const adapters = useInconelAdapters()\n    const inputId = id ?? `inconel-file-upload-${generatedId.replace(/:/g, '')}`\n\n    if (!render) return null\n\n    return (\n      <div className={classNames('inconel-file-upload', className)}>\n        {label !== null && label !== undefined && (\n          <label\n            className={classNames(\n              'inconel-file-upload__label',\n              labelClassName,\n            )}\n            htmlFor={inputId}\n          >\n            {label}\n          </label>\n        )}\n        <input\n          {...props}\n          ref={ref}\n          id={inputId}\n          type=\"file\"\n          className={classNames(\n            'inconel-file-upload__input',\n            Boolean(errorMessage) && 'inconel-is-invalid',\n            inputClassName,\n          )}\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          onChange={(event) => {\n            onChange?.(event)\n            onFilesChange?.(Array.from(event.target.files ?? []))\n          }}\n        />\n        <label\n          className={classNames(\n            'inconel-file-upload__button',\n            disabled && 'inconel-is-disabled',\n            Boolean(errorMessage) && 'inconel-is-error',\n          )}\n          htmlFor={inputId}\n        >\n          {placeholder ??\n            adapters.translate?.('selectFile', 'Dosya seç') ??\n            'Dosya seç'}\n        </label>\n        {errorMessage !== null && errorMessage !== undefined && (\n          <span className=\"inconel-file-upload__error\" role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["FileUpload","forwardRef","id","label","placeholder","labelClassName","inputClassName","onChange","onFilesChange","errorMessage","render","className","disabled","accept","multiple","props","ref","generatedId","useId","adapters","useInconelAdapters","inputId","classNames","jsx","event"],"mappings":"wPA6BaA,EAAaC,EAAAA,WACxB,SACE,CACE,GAAAC,EACA,MAAAC,EACA,YAAAC,EACA,eAAAC,EACA,eAAAC,EACA,SAAAC,EACA,cAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,GACT,UAAAC,EACA,SAAAC,EACA,OAAAC,EAAS,IACT,SAAAC,EAAW,GACX,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAWC,EAAAA,mBAAA,EACXC,EAAUnB,GAAM,uBAAuBe,EAAY,QAAQ,KAAM,EAAE,CAAC,GAE1E,OAAKP,SAGF,MAAA,CAAI,UAAWY,EAAAA,WAAW,sBAAuBX,CAAS,EACxD,SAAA,CAAAR,GAAU,MACToB,EAAAA,IAAC,QAAA,CACC,UAAWD,EAAAA,WACT,6BACAjB,CAAA,EAEF,QAASgB,EAER,SAAAlB,CAAA,CAAA,EAGLoB,EAAAA,IAAC,QAAA,CACE,GAAGR,EACJ,IAAAC,EACA,GAAIK,EACJ,KAAK,OACL,UAAWC,EAAAA,WACT,6BACA,EAAQb,GAAiB,qBACzBH,CAAA,EAEF,OAAAO,EACA,SAAAC,EACA,SAAAF,EACA,SAAWY,GAAU,CACnBjB,IAAWiB,CAAK,EAChBhB,IAAgB,MAAM,KAAKgB,EAAM,OAAO,OAAS,CAAA,CAAE,CAAC,CACtD,CAAA,CAAA,EAEFD,EAAAA,IAAC,QAAA,CACC,UAAWD,EAAAA,WACT,8BACAV,GAAY,sBACZ,EAAQH,GAAiB,kBAAA,EAE3B,QAASY,EAER,SAAAjB,GACCe,EAAS,YAAY,aAAc,WAAW,GAC9C,WAAA,CAAA,EAEHV,GAAiB,MAChBc,EAAAA,IAAC,QAAK,UAAU,6BAA6B,KAAK,QAC/C,SAAAd,CAAA,CACH,CAAA,EAEJ,EAlDkB,IAoDtB,CACF"}
+{"version":3,"file":"FileUpload.cjs","sources":["../../../../src/components/FileUpload/FileUpload.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type ChangeEventHandler,\n  type InputHTMLAttributes,\n  type MutableRefObject,\n  type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { getSelectedFileText } from '../DragDropUpload/utils'\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface FileUploadProps\n  extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    'type' | 'onChange' | 'id' | 'placeholder'\n  > {\n  id?: string | null\n  label?: ReactNode\n  /** Düğmenin metni (varsayılan: \"Dosya seç\"). */\n  placeholder?: ReactNode\n  labelClassName?: string\n  inputClassName?: string\n  onChange?: ChangeEventHandler<HTMLInputElement>\n  errorMessage?: ReactNode\n  render?: boolean\n  /** Verilirse seçili dosyalar dışarıdan yönetilir (kontrollü); boş dizi inputu da sıfırlar. */\n  files?: File[]\n  onFilesChange?: (files: File[]) => void\n  /** Düğmedeki ikon. Varsayılan: yükleme ikonu. `null` verilirse ikon gösterilmez. */\n  icon?: ReactNode\n  /** Dosya seçilmediğinde düğmenin yanında gösterilen metin (varsayılan: \"Dosya seçilmedi\"). */\n  noFileText?: ReactNode\n  /** Düğmenin yanında seçilen dosya adı / \"Dosya seçilmedi\" metni gösterilsin mi. Varsayılan: true. */\n  showFileName?: boolean\n}\n\nfunction UploadIcon() {\n  return (\n    <svg\n      className=\"inconel-file-upload__icon\"\n      width=\"18\"\n      height=\"18\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12 15V3\" />\n      <path d=\"m7 8 5-5 5 5\" />\n      <path d=\"M4 15v4a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-4\" />\n    </svg>\n  )\n}\n\nexport const FileUpload = forwardRef<HTMLInputElement, FileUploadProps>(\n  function FileUpload(\n    {\n      id,\n      label,\n      placeholder,\n      labelClassName,\n      inputClassName,\n      onChange,\n      onFilesChange,\n      errorMessage,\n      render = true,\n      className,\n      disabled,\n      accept = '*',\n      multiple = false,\n      files,\n      icon,\n      noFileText,\n      showFileName = true,\n      ...props\n    },\n    ref,\n  ) {\n    const generatedId = useId()\n    const adapters = useInconelAdapters()\n    const inputRef = useRef<HTMLInputElement | null>(null)\n    const [pickedFiles, setPickedFiles] = useState<File[]>([])\n    const inputId = id ?? `inconel-file-upload-${generatedId.replace(/:/g, '')}`\n    const selectedFiles = files ?? pickedFiles\n\n    // Dışarıdan boş dizi verilince (ör. \"sil\" düğmesi) native input da sıfırlanır; yoksa aynı dosya tekrar seçilemez.\n    useEffect(() => {\n      if (files && files.length === 0 && inputRef.current) {\n        inputRef.current.value = ''\n      }\n    }, [files])\n\n    if (!render) return null\n\n    const setRefs = (element: HTMLInputElement | null) => {\n      inputRef.current = element\n      if (typeof ref === 'function') ref(element)\n      else if (ref)\n        (ref as MutableRefObject<HTMLInputElement | null>).current = element\n    }\n    const buttonText =\n      placeholder ??\n      adapters.translate?.('selectFile', 'Dosya seç') ??\n      'Dosya seç'\n    const emptyText =\n      noFileText ??\n      adapters.translate?.('noFileSelected', 'Dosya seçilmedi') ??\n      'Dosya seçilmedi'\n    const fileText = getSelectedFileText(selectedFiles, emptyText)\n\n    return (\n      <div className={classNames('inconel-file-upload', className)}>\n        {label !== null && label !== undefined && (\n          <label\n            className={classNames(\n              'inconel-file-upload__label',\n              labelClassName,\n            )}\n            htmlFor={inputId}\n          >\n            {label}\n          </label>\n        )}\n        <div className=\"inconel-file-upload__control\">\n          <input\n            {...props}\n            ref={setRefs}\n            id={inputId}\n            type=\"file\"\n            className={classNames(\n              'inconel-file-upload__input',\n              Boolean(errorMessage) && 'inconel-is-invalid',\n              inputClassName,\n            )}\n            accept={accept}\n            multiple={multiple}\n            disabled={disabled}\n            onChange={(event) => {\n              const nextFiles = Array.from(event.target.files ?? [])\n              setPickedFiles(nextFiles)\n              onChange?.(event)\n              onFilesChange?.(nextFiles)\n            }}\n          />\n          <label\n            className={classNames(\n              'inconel-file-upload__button',\n              disabled && 'inconel-is-disabled',\n              Boolean(errorMessage) && 'inconel-is-error',\n            )}\n            htmlFor={inputId}\n          >\n            {icon === undefined ? <UploadIcon /> : icon}\n            {buttonText}\n          </label>\n          {showFileName && (\n            <span\n              className={classNames(\n                'inconel-file-upload__file-name',\n                selectedFiles.length > 0 && 'inconel-has-file',\n              )}\n              title={\n                selectedFiles.length > 0\n                  ? selectedFiles.map((file) => file.name).join(', ')\n                  : undefined\n              }\n            >\n              {fileText}\n            </span>\n          )}\n        </div>\n        {errorMessage !== null && errorMessage !== undefined && (\n          <span className=\"inconel-file-upload__error\" role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["UploadIcon","jsxs","jsx","FileUpload","forwardRef","id","label","placeholder","labelClassName","inputClassName","onChange","onFilesChange","errorMessage","render","className","disabled","accept","multiple","files","icon","noFileText","showFileName","props","ref","generatedId","useId","adapters","useInconelAdapters","inputRef","useRef","pickedFiles","setPickedFiles","useState","inputId","selectedFiles","useEffect","setRefs","element","buttonText","emptyText","fileText","getSelectedFileText","classNames","event","nextFiles","file"],"mappings":"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"}