@choice-ui/react 1.3.11 → 1.4.0

package/dist/cjs/components/file-upload/src/file-upload.cjs

@@ -1,286 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
-const index = require("../../slot/dist/index.cjs");
-const React = require("react");
-const constants = require("./constants.cjs");
-const contexts = require("./contexts.cjs");
-const store = require("./store.cjs");
-const tv = require("./tv.cjs");
-const fileUploadClear = require("./components/file-upload-clear.cjs");
-const fileUploadItemDelete = require("./components/file-upload-item-delete.cjs");
-const fileUploadItemProgress = require("./components/file-upload-item-progress.cjs");
-const fileUploadItemMetadata = require("./components/file-upload-item-metadata.cjs");
-const fileUploadItemPreview = require("./components/file-upload-item-preview.cjs");
-const fileUploadItem = require("./components/file-upload-item.cjs");
-const fileUploadList = require("./components/file-upload-list.cjs");
-const fileUploadTrigger = require("./components/file-upload-trigger.cjs");
-const fileUploadDropzone = require("./components/file-upload-dropzone.cjs");
-const useDirection = require("../../../shared/hooks/use-direction/use-direction.cjs");
-const useAsRef = require("../../../shared/hooks/use-isomorphic-layout-effect/use-as-ref.cjs");
-const useLazyRef = require("../../../shared/hooks/use-lazy-ref/use-lazy-ref.cjs");
-const tcx = require("../../../shared/utils/tcx/tcx.cjs");
-const FileUploadRoot = React.forwardRef((props, forwardedRef) => {
-  const {
-    value,
-    defaultValue,
-    onValueChange,
-    onAccept,
-    onFileAccept,
-    onFileReject,
-    onFileValidate,
-    onUpload,
-    accept,
-    maxFiles,
-    maxSize,
-    dir: dirProp,
-    label,
-    name,
-    asChild,
-    disabled = false,
-    invalid = false,
-    multiple = false,
-    required = false,
-    children,
-    className,
-    ...rootProps
-  } = props;
-  const inputId = React.useId();
-  const dropzoneId = React.useId();
-  const listId = React.useId();
-  const labelId = React.useId();
-  const dir = useDirection.useDirection(dirProp);
-  const propsRef = useAsRef.useAsRef(props);
-  const listeners = useLazyRef.useLazyRef(() => /* @__PURE__ */ new Set()).current;
-  const files = useLazyRef.useLazyRef(() => /* @__PURE__ */ new Map()).current;
-  const inputRef = React.useRef(null);
-  const isControlled = value !== void 0;
-  const { root, input, label: labelClass } = tv.fileUploadStyles();
-  const store$1 = React.useMemo(
-    () => store.createStore(listeners, files, onValueChange, invalid),
-    [listeners, files, onValueChange, invalid]
-  );
-  const contextValue = React.useMemo(
-    () => ({
-      dropzoneId,
-      inputId,
-      listId,
-      labelId,
-      dir,
-      disabled,
-      inputRef
-    }),
-    [dropzoneId, inputId, listId, labelId, dir, disabled]
-  );
-  React.useEffect(() => {
-    if (isControlled) {
-      store$1.dispatch({ variant: "SET_FILES", files: value });
-    } else if (defaultValue && defaultValue.length > 0 && !store$1.getState().files.size) {
-      store$1.dispatch({ variant: "SET_FILES", files: defaultValue });
-    }
-  }, [value, defaultValue, isControlled, store$1]);
-  const onFilesUpload = React.useCallback(
-    async (files2) => {
-      try {
-        for (const file of files2) {
-          store$1.dispatch({ variant: "SET_PROGRESS", file, progress: 0 });
-        }
-        if (propsRef.current.onUpload) {
-          await propsRef.current.onUpload(files2, {
-            onProgress: (file, progress) => {
-              store$1.dispatch({
-                variant: "SET_PROGRESS",
-                file,
-                progress: Math.min(Math.max(0, progress), 100)
-              });
-            },
-            onSuccess: (file) => {
-              store$1.dispatch({ variant: "SET_SUCCESS", file });
-            },
-            onError: (file, error) => {
-              store$1.dispatch({
-                variant: "SET_ERROR",
-                file,
-                error: error.message ?? "Upload failed"
-              });
-            }
-          });
-        } else {
-          for (const file of files2) {
-            store$1.dispatch({ variant: "SET_SUCCESS", file });
-          }
-        }
-      } catch (error) {
-        const errorMessage = error instanceof Error ? error.message : "Upload failed";
-        for (const file of files2) {
-          store$1.dispatch({
-            variant: "SET_ERROR",
-            file,
-            error: errorMessage
-          });
-        }
-      }
-    },
-    [store$1, propsRef]
-  );
-  const onFilesChange = React.useCallback(
-    (originalFiles) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
-      if (propsRef.current.disabled) return;
-      let filesToProcess = [...originalFiles];
-      let invalid2 = false;
-      if (propsRef.current.maxFiles) {
-        const currentCount = store$1.getState().files.size;
-        const remainingSlotCount = Math.max(0, propsRef.current.maxFiles - currentCount);
-        if (remainingSlotCount < filesToProcess.length) {
-          const rejectedFiles2 = filesToProcess.slice(remainingSlotCount);
-          invalid2 = true;
-          filesToProcess = filesToProcess.slice(0, remainingSlotCount);
-          for (const file of rejectedFiles2) {
-            let rejectionMessage = `Maximum ${propsRef.current.maxFiles} files allowed`;
-            if (propsRef.current.onFileValidate) {
-              const validationMessage = propsRef.current.onFileValidate(file);
-              if (validationMessage) {
-                rejectionMessage = validationMessage;
-              }
-            }
-            (_b = (_a = propsRef.current).onFileReject) == null ? void 0 : _b.call(_a, file, rejectionMessage);
-          }
-        }
-      }
-      const acceptedFiles = [];
-      for (const file of filesToProcess) {
-        let rejected = false;
-        let rejectionMessage = "";
-        if (propsRef.current.onFileValidate) {
-          const validationMessage = propsRef.current.onFileValidate(file);
-          if (validationMessage) {
-            rejectionMessage = validationMessage;
-            (_d = (_c = propsRef.current).onFileReject) == null ? void 0 : _d.call(_c, file, rejectionMessage);
-            rejected = true;
-            invalid2 = true;
-            continue;
-          }
-        }
-        if (propsRef.current.accept) {
-          const acceptTypes = propsRef.current.accept.split(",").map((t) => t.trim());
-          const fileType = file.type;
-          const fileExtension = `.${file.name.split(".").pop()}`;
-          if (!acceptTypes.some(
-            (type) => type === fileType || type === fileExtension || type.includes("/*") && fileType.startsWith(type.replace("/*", "/"))
-          )) {
-            rejectionMessage = "File type not accepted";
-            (_f = (_e = propsRef.current).onFileReject) == null ? void 0 : _f.call(_e, file, rejectionMessage);
-            rejected = true;
-            invalid2 = true;
-          }
-        }
-        if (propsRef.current.maxSize && file.size > propsRef.current.maxSize) {
-          rejectionMessage = "File too large";
-          (_h = (_g = propsRef.current).onFileReject) == null ? void 0 : _h.call(_g, file, rejectionMessage);
-          rejected = true;
-          invalid2 = true;
-        }
-        if (!rejected) {
-          acceptedFiles.push(file);
-        }
-      }
-      if (invalid2) {
-        store$1.dispatch({ variant: "SET_INVALID", invalid: invalid2 });
-        setTimeout(() => {
-          store$1.dispatch({ variant: "SET_INVALID", invalid: false });
-        }, 2e3);
-      }
-      if (acceptedFiles.length > 0) {
-        store$1.dispatch({ variant: "ADD_FILES", files: acceptedFiles });
-        if (isControlled && propsRef.current.onValueChange) {
-          const currentFiles = Array.from(store$1.getState().files.values()).map((f) => f.file);
-          propsRef.current.onValueChange([...currentFiles]);
-        }
-        if (propsRef.current.onAccept) {
-          propsRef.current.onAccept(acceptedFiles);
-        }
-        for (const file of acceptedFiles) {
-          (_j = (_i = propsRef.current).onFileAccept) == null ? void 0 : _j.call(_i, file);
-        }
-        if (propsRef.current.onUpload) {
-          requestAnimationFrame(() => {
-            onFilesUpload(acceptedFiles);
-          });
-        }
-      }
-    },
-    [store$1, isControlled, propsRef, onFilesUpload]
-  );
-  const onInputChange = React.useCallback(
-    (event) => {
-      const files2 = Array.from(event.target.files ?? []);
-      onFilesChange(files2);
-      event.target.value = "";
-    },
-    [onFilesChange]
-  );
-  const RootPrimitive = asChild ? index.Slot : "div";
-  return /* @__PURE__ */ require$$0.jsx(useDirection.DirectionContext.Provider, { value: dir, children: /* @__PURE__ */ require$$0.jsx(contexts.StoreContext.Provider, { value: store$1, children: /* @__PURE__ */ require$$0.jsx(contexts.FileUploadContext.Provider, { value: contextValue, children: /* @__PURE__ */ require$$0.jsxs(
-    RootPrimitive,
-    {
-      "data-disabled": disabled ? "" : void 0,
-      "data-slot": "file-upload",
-      dir,
-      ...rootProps,
-      ref: forwardedRef,
-      className: tcx.tcx(root(), className),
-      children: [
-        children,
-        /* @__PURE__ */ require$$0.jsx(
-          "input",
-          {
-            type: "file",
-            id: inputId,
-            "aria-labelledby": labelId,
-            "aria-describedby": dropzoneId,
-            ref: inputRef,
-            tabIndex: -1,
-            accept,
-            name,
-            disabled,
-            multiple,
-            required,
-            className: input(),
-            onChange: onInputChange
-          }
-        ),
-        /* @__PURE__ */ require$$0.jsx(
-          "span",
-          {
-            id: labelId,
-            className: labelClass(),
-            children: label ?? "File upload"
-          }
-        )
-      ]
-    }
-  ) }) }) });
-});
-FileUploadRoot.displayName = constants.ROOT_NAME;
-const FileUpload = Object.assign(FileUploadRoot, {
-  Dropzone: fileUploadDropzone.FileUploadDropzone,
-  Trigger: fileUploadTrigger.FileUploadTrigger,
-  List: fileUploadList.FileUploadList,
-  Item: fileUploadItem.FileUploadItem,
-  ItemPreview: fileUploadItemPreview.FileUploadItemPreview,
-  ItemMetadata: fileUploadItemMetadata.FileUploadItemMetadata,
-  ItemProgress: fileUploadItemProgress.FileUploadItemProgress,
-  ItemDelete: fileUploadItemDelete.FileUploadItemDelete,
-  Clear: fileUploadClear.FileUploadClear
-});
-exports.FileUploadClear = fileUploadClear.FileUploadClear;
-exports.FileUploadItemDelete = fileUploadItemDelete.FileUploadItemDelete;
-exports.FileUploadItemProgress = fileUploadItemProgress.FileUploadItemProgress;
-exports.FileUploadItemMetadata = fileUploadItemMetadata.FileUploadItemMetadata;
-exports.FileUploadItemPreview = fileUploadItemPreview.FileUploadItemPreview;
-exports.FileUploadItem = fileUploadItem.FileUploadItem;
-exports.FileUploadList = fileUploadList.FileUploadList;
-exports.FileUploadTrigger = fileUploadTrigger.FileUploadTrigger;
-exports.FileUploadDropzone = fileUploadDropzone.FileUploadDropzone;
-exports.FileUpload = FileUpload;

package/dist/cjs/components/file-upload/src/hooks/use-file-upload-context.cjs

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const contexts = require("../contexts.cjs");
-const constants = require("../constants.cjs");
-function useFileUploadContext(name) {
-  const context = React.useContext(contexts.FileUploadContext);
-  if (!context) {
-    throw new Error(constants.FILE_UPLOAD_ERRORS[name]);
-  }
-  return context;
-}
-function useFileUploadItemContext(name) {
-  const context = React.useContext(contexts.FileUploadItemContext);
-  if (!context) {
-    throw new Error(constants.FILE_UPLOAD_ERRORS[name]);
-  }
-  return context;
-}
-exports.useFileUploadContext = useFileUploadContext;
-exports.useFileUploadItemContext = useFileUploadItemContext;

package/dist/cjs/components/file-upload/src/hooks/use-store.cjs

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const constants = require("../constants.cjs");
-const contexts = require("../contexts.cjs");
-const useLazyRef = require("../../../../shared/hooks/use-lazy-ref/use-lazy-ref.cjs");
-function useStoreContext(name) {
-  const context = React.useContext(contexts.StoreContext);
-  if (!context) {
-    throw new Error(constants.FILE_UPLOAD_ERRORS[name]);
-  }
-  return context;
-}
-function useStore(selector) {
-  const store = useStoreContext("FileUpload");
-  const lastValueRef = useLazyRef.useLazyRef(() => null);
-  const getSnapshot = React.useCallback(() => {
-    const state = store.getState();
-    const prevValue = lastValueRef.current;
-    if (prevValue && prevValue.state === state) {
-      return prevValue.value;
-    }
-    const nextValue = selector(state);
-    const ref = lastValueRef;
-    ref.current = {
-      value: nextValue,
-      state
-    };
-    return nextValue;
-  }, [store, selector, lastValueRef]);
-  return React.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
-}
-exports.useStore = useStore;
-exports.useStoreContext = useStoreContext;

package/dist/cjs/components/file-upload/src/store.cjs

@@ -1,118 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function createStore(listeners, files, onValueChange, invalid) {
-  const initialState = {
-    files,
-    dragOver: false,
-    invalid: invalid ?? false
-  };
-  let state = initialState;
-  function reducer(state2, action) {
-    switch (action.variant) {
-      case "ADD_FILES": {
-        for (const file of action.files) {
-          files.set(file, {
-            file,
-            progress: 0,
-            status: "idle"
-          });
-        }
-        if (onValueChange) {
-          const fileList = Array.from(files.values()).map((fileState) => fileState.file);
-          onValueChange(fileList);
-        }
-        return { ...state2, files };
-      }
-      case "SET_FILES": {
-        const newFileSet = new Set(action.files);
-        for (const existingFile of files.keys()) {
-          if (!newFileSet.has(existingFile)) {
-            files.delete(existingFile);
-          }
-        }
-        for (const file of action.files) {
-          const existingState = files.get(file);
-          if (!existingState) {
-            files.set(file, {
-              file,
-              progress: 0,
-              status: "idle"
-            });
-          }
-        }
-        return { ...state2, files };
-      }
-      case "SET_PROGRESS": {
-        const fileState = files.get(action.file);
-        if (fileState) {
-          files.set(action.file, {
-            ...fileState,
-            progress: action.progress,
-            status: "uploading"
-          });
-        }
-        return { ...state2, files };
-      }
-      case "SET_SUCCESS": {
-        const fileState = files.get(action.file);
-        if (fileState) {
-          files.set(action.file, {
-            ...fileState,
-            progress: 100,
-            status: "success"
-          });
-        }
-        return { ...state2, files };
-      }
-      case "SET_ERROR": {
-        const fileState = files.get(action.file);
-        if (fileState) {
-          files.set(action.file, {
-            ...fileState,
-            error: action.error,
-            status: "error"
-          });
-        }
-        return { ...state2, files };
-      }
-      case "REMOVE_FILE": {
-        files.delete(action.file);
-        if (onValueChange) {
-          const fileList = Array.from(files.values()).map((fileState) => fileState.file);
-          onValueChange(fileList);
-        }
-        return { ...state2, files };
-      }
-      case "SET_DRAG_OVER": {
-        return { ...state2, dragOver: action.dragOver };
-      }
-      case "SET_INVALID": {
-        return { ...state2, invalid: action.invalid };
-      }
-      case "CLEAR": {
-        files.clear();
-        if (onValueChange) {
-          onValueChange([]);
-        }
-        return { ...state2, files, invalid: false };
-      }
-      default:
-        return state2;
-    }
-  }
-  function getState() {
-    return state;
-  }
-  function dispatch(action) {
-    state = reducer(state, action);
-    for (const listener of listeners) {
-      listener();
-    }
-  }
-  function subscribe(listener) {
-    listeners.add(listener);
-    return () => listeners.delete(listener);
-  }
-  return { getState, dispatch, subscribe };
-}
-exports.createStore = createStore;

package/dist/cjs/components/file-upload/src/tv.cjs

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tcx = require("../../../shared/utils/tcx/tcx.cjs");
-const fileUploadStyles = tcx.tcv({
-  slots: {
-    root: "relative flex flex-col gap-2",
-    dropzone: [
-      "hover:bg-secondary-background focus-visible:border-ring/50",
-      "data-[dragging]:border-selected-boundary data-[invalid]:border-danger-foreground",
-      "data-[invalid]:ring-danger-foreground/20",
-      "relative flex flex-col items-center justify-center gap-2",
-      "rounded-xl border border-dashed p-8",
-      "outline-none select-none data-[disabled]:pointer-events-none"
-    ],
-    trigger: "",
-    list: [
-      "data-[state=inactive]:fade-out-0 data-[state=active]:fade-in-0",
-      "data-[state=inactive]:slide-out-to-top-2 data-[state=active]:slide-in-from-top-2",
-      "data-[state=active]:animate-in data-[state=inactive]:animate-out",
-      "flex flex-col gap-2"
-    ],
-    item: [
-      "relative flex items-center gap-2 rounded-lg border p-2",
-      "has-[_[data-slot=file-upload-progress]]:flex-col",
-      "has-[_[data-slot=file-upload-progress]]:items-start"
-    ],
-    itemPreview: "relative flex size-10 shrink-0 items-center justify-center rounded-md",
-    itemPreviewImage: "object-cover",
-    itemPreviewIcon: "bg-secondary-background",
-    itemMetadata: "flex min-w-0 flex-1 flex-col",
-    itemName: "truncate font-strong",
-    itemSize: "text-secondary-foreground",
-    itemError: "text-danger-foreground",
-    itemProgress: "bg-secondary-background relative h-1 w-full overflow-hidden rounded-full",
-    itemProgressBar: "bg-accent-foreground h-full w-full flex-1 transition-all",
-    itemProgressCircular: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",
-    itemDelete: "",
-    clear: "",
-    input: "sr-only",
-    label: "sr-only",
-    statusText: "sr-only"
-  },
-  variants: {
-    orientation: {
-      horizontal: {
-        list: "flex-row overflow-x-auto p-1.5"
-      },
-      vertical: {
-        list: "flex-col"
-      }
-    }
-  },
-  defaultVariants: {
-    orientation: "vertical"
-  }
-});
-exports.fileUploadStyles = fileUploadStyles;

package/dist/cjs/components/file-upload/src/utils/get-file-icon.cjs

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
-const iconsReact = require("@choiceform/icons-react");
-function getFileIcon(file) {
-  var _a;
-  const type = file.type;
-  const extension = ((_a = file.name.split(".").pop()) == null ? void 0 : _a.toLowerCase()) ?? "";
-  if (type.startsWith("video/")) {
-    return /* @__PURE__ */ require$$0.jsx(iconsReact.FileVideo, {});
-  }
-  if (type.startsWith("audio/")) {
-    return /* @__PURE__ */ require$$0.jsx(iconsReact.FileSound, {});
-  }
-  if (type.startsWith("text/") || ["txt", "md", "rtf", "pdf"].includes(extension)) {
-    return /* @__PURE__ */ require$$0.jsx(iconsReact.FileDocument, {});
-  }
-  if (type.startsWith("image/") || ["jpg", "jpeg", "png", "gif", "bmp", "tiff", "ico"].includes(extension)) {
-    return /* @__PURE__ */ require$$0.jsx(iconsReact.FilePicture, {});
-  }
-  if ([
-    "html",
-    "css",
-    "js",
-    "jsx",
-    "ts",
-    "tsx",
-    "json",
-    "xml",
-    "php",
-    "py",
-    "rb",
-    "java",
-    "c",
-    "cpp",
-    "cs"
-  ].includes(extension)) {
-    return /* @__PURE__ */ require$$0.jsx(iconsReact.FileCode, {});
-  }
-  if (["zip", "rar", "7z", "tar", "gz", "bz2"].includes(extension)) {
-    return /* @__PURE__ */ require$$0.jsx(iconsReact.FileArchive, {});
-  }
-  if (["exe", "msi", "app", "apk", "deb", "rpm"].includes(extension) || type.startsWith("application/")) {
-    return /* @__PURE__ */ require$$0.jsx(iconsReact.FileSettings, {});
-  }
-  return /* @__PURE__ */ require$$0.jsx(iconsReact.File, {});
-}
-exports.getFileIcon = getFileIcon;

package/dist/cjs/components/form/src/adapters/base-adapter.cjs

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
-const index = require("../../../label/dist/index.cjs");
-const tv = require("../tv.cjs");
-const tcx = require("../../../../shared/utils/tcx/tcx.cjs");
-function BaseAdapter({
-  className,
-  label,
-  description,
-  error,
-  children,
-  htmlFor,
-  legendMode = false
-}) {
-  const tv$1 = tv.FormTv();
-  return /* @__PURE__ */ require$$0.jsxs("fieldset", { className: tcx.tcx(tv$1.field(), className), children: [
-    label && /* @__PURE__ */ require$$0.jsx(
-      index.Label,
-      {
-        as: legendMode ? "legend" : "label",
-        htmlFor: legendMode ? void 0 : htmlFor,
-        className: legendMode ? "mb-2" : void 0,
-        children: label
-      }
-    ),
-    children,
-    description && /* @__PURE__ */ require$$0.jsx("p", { className: tv$1.description(), children: description }),
-    error && /* @__PURE__ */ require$$0.jsx("p", { className: tv$1.error(), children: error })
-  ] });
-}
-function filterFormProps(props) {
-  const {
-    label,
-    description,
-    error,
-    onBlurAsync,
-    onBlurAsyncDebounceMs,
-    onChangeAsync,
-    onChangeAsyncDebounceMs,
-    onFocusAsync,
-    onFocusAsyncDebounceMs,
-    size,
-    ...filteredProps
-  } = props;
-  return filteredProps;
-}
-exports.BaseAdapter = BaseAdapter;
-exports.filterFormProps = filterFormProps;

package/dist/cjs/components/form/src/adapters/checkbox-adapter.cjs

@@ -1,40 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require$$0 = require("react/jsx-runtime");
-const index = require("../../../checkbox/dist/index.cjs");
-const baseAdapter = require("./base-adapter.cjs");
-function CheckboxAdapter({
-  className,
-  label,
-  description,
-  error,
-  value,
-  onChange,
-  onBlur,
-  onFocus,
-  name,
-  ...props
-}) {
-  const { ref, ...filteredProps } = baseAdapter.filterFormProps(props);
-  return /* @__PURE__ */ require$$0.jsx(
-    baseAdapter.BaseAdapter,
-    {
-      className,
-      description,
-      error,
-      legendMode: true,
-      children: /* @__PURE__ */ require$$0.jsx(
-        index.Checkbox,
-        {
-          value: Boolean(value),
-          onChange: (inputValue) => onChange(inputValue),
-          onBlur,
-          onFocus,
-          ...filteredProps,
-          children: label && /* @__PURE__ */ require$$0.jsx(index.Checkbox.Label, { children: label })
-        }
-      )
-    }
-  );
-}
-exports.CheckboxAdapter = CheckboxAdapter;