@smwb/ui-react 2.4.1 → 2.6.0

package/dist/hooks/useDropzone.js

@@ -0,0 +1,47 @@
+import n from "react";
+function k(t) {
+  if (t)
+    return typeof t == "string" ? t : Object.entries(t).flatMap(([s, c]) => [s, ...c]).join(",");
+}
+function C(t = {}) {
+  const s = n.useRef(null), [c, f] = n.useState(!1), r = n.useRef(t);
+  r.current = t;
+  const o = n.useCallback(() => {
+    var e;
+    r.current.disabled || (e = s.current) == null || e.click();
+  }, []), i = n.useCallback((e, a) => {
+    if (!e) return;
+    const { maxFiles: l, onDrop: p, onDropAccepted: d } = r.current;
+    let u = Array.from(e);
+    l && l > 0 && (u = u.slice(0, l)), p == null || p(u, a), d == null || d(u, a);
+  }, []), b = n.useCallback(
+    () => ({
+      onClick: () => o(),
+      onDragOver: (e) => {
+        e.preventDefault(), r.current.disabled || f(!0);
+      },
+      onDragLeave: () => f(!1),
+      onDrop: (e) => {
+        var a, l;
+        e.preventDefault(), f(!1), r.current.disabled || i((l = (a = e.dataTransfer) == null ? void 0 : a.files) != null ? l : null, e);
+      }
+    }),
+    [i, o]
+  ), g = n.useCallback(
+    () => ({
+      type: "file",
+      multiple: r.current.multiple,
+      accept: k(r.current.accept),
+      disabled: r.current.disabled,
+      style: { display: "none" },
+      ref: s,
+      onChange: (e) => i(e.currentTarget.files, e)
+    }),
+    [i]
+  );
+  return { getRootProps: b, getInputProps: g, inputRef: s, isDragActive: c, open: o };
+}
+export {
+  C as useDropzone
+};
+//# sourceMappingURL=useDropzone.js.map

package/dist/hooks/useDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropzone.js","sources":["../../src/hooks/useDropzone.ts"],"sourcesContent":["import React from \"react\";\n\n/** Record of mime → extensions (react-dropzone's `Accept` shape), or a raw accept string. */\nexport type DropzoneAccept = Record<string, string[]> | string;\n\nexport interface DropzoneOptions {\n  /** Record of mime → extensions, or a raw accept string. */\n  accept?: DropzoneAccept | undefined;\n  multiple?: boolean | undefined;\n  maxFiles?: number | undefined;\n  disabled?: boolean | undefined;\n  onDrop?: ((files: File[], event: React.SyntheticEvent | Event) => void) | undefined;\n  onDropAccepted?: ((files: File[], event: React.SyntheticEvent | Event) => void) | undefined;\n}\n\nexport interface DropzoneRootProps {\n  onClick: () => void;\n  onDragOver: (event: React.DragEvent<HTMLElement>) => void;\n  onDragLeave: () => void;\n  onDrop: (event: React.DragEvent<HTMLElement>) => void;\n}\n\nexport interface DropzoneInputProps {\n  type: \"file\";\n  multiple: boolean | undefined;\n  accept: string | undefined;\n  disabled: boolean | undefined;\n  style: React.CSSProperties;\n  ref: React.RefObject<HTMLInputElement>;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport interface DropzoneState {\n  getRootProps: () => DropzoneRootProps;\n  getInputProps: () => DropzoneInputProps;\n  inputRef: React.RefObject<HTMLInputElement>;\n  isDragActive: boolean;\n  open: () => void;\n}\n\nfunction acceptToString(accept: DropzoneOptions[\"accept\"]): string | undefined {\n  if (!accept) return undefined;\n  if (typeof accept === \"string\") return accept;\n  return Object.entries(accept)\n    .flatMap(([mime, exts]) => [mime, ...exts])\n    .join(\",\");\n}\n\n/**\n * Dependency-free file dropzone — the React twin of ui-solid's `createDropzone`.\n * Provides root/input prop getters, drag-active state and a programmatic `open()`.\n *\n * Replaces the `react-dropzone` import this package used to carry: that package was\n * only ever a devDependency while the build externalises every bare import, so the\n * published bundle asked consumers for a module they were never told to install.\n */\nexport function useDropzone(options: DropzoneOptions = {}): DropzoneState {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const [isDragActive, setIsDragActive] = React.useState(false);\n\n  // Latest options without re-creating the prop getters on every render.\n  const optionsRef = React.useRef(options);\n  optionsRef.current = options;\n\n  const open = React.useCallback((): void => {\n    if (!optionsRef.current.disabled) inputRef.current?.click();\n  }, []);\n\n  const handleFiles = React.useCallback((list: FileList | null, event: React.SyntheticEvent | Event): void => {\n    if (!list) return;\n    const { maxFiles, onDrop, onDropAccepted } = optionsRef.current;\n    let files = Array.from(list);\n    if (maxFiles && maxFiles > 0) files = files.slice(0, maxFiles);\n    onDrop?.(files, event);\n    onDropAccepted?.(files, event);\n  }, []);\n\n  const getRootProps = React.useCallback(\n    (): DropzoneRootProps => ({\n      onClick: () => open(),\n      onDragOver: (event) => {\n        event.preventDefault();\n        if (!optionsRef.current.disabled) setIsDragActive(true);\n      },\n      onDragLeave: () => setIsDragActive(false),\n      onDrop: (event) => {\n        event.preventDefault();\n        setIsDragActive(false);\n        if (!optionsRef.current.disabled) handleFiles(event.dataTransfer?.files ?? null, event);\n      },\n    }),\n    [handleFiles, open]\n  );\n\n  const getInputProps = React.useCallback(\n    (): DropzoneInputProps => ({\n      type: \"file\",\n      multiple: optionsRef.current.multiple,\n      accept: acceptToString(optionsRef.current.accept),\n      disabled: optionsRef.current.disabled,\n      style: { display: \"none\" },\n      ref: inputRef,\n      onChange: (event) => handleFiles(event.currentTarget.files, event),\n    }),\n    [handleFiles]\n  );\n\n  return { getRootProps, getInputProps, inputRef, isDragActive, open };\n}\n\nexport default useDropzone;\n"],"names":["acceptToString","accept","mime","exts","useDropzone","options","inputRef","React","isDragActive","setIsDragActive","optionsRef","open","_a","handleFiles","list","event","maxFiles","onDrop","onDropAccepted","files","getRootProps","_b","getInputProps"],"mappings":";AAwCA,SAASA,EAAeC,GAAuD;AAC7E,MAAKA;AACL,WAAI,OAAOA,KAAW,WAAiBA,IAChC,OAAO,QAAQA,CAAM,EACzB,QAAQ,CAAC,CAACC,GAAMC,CAAI,MAAM,CAACD,GAAM,GAAGC,CAAI,CAAC,EACzC,KAAK,GAAG;AACb;AAUO,SAASC,EAAYC,IAA2B,IAAmB;AACxE,QAAMC,IAAWC,EAAM,OAAyB,IAAI,GAC9C,CAACC,GAAcC,CAAe,IAAIF,EAAM,SAAS,EAAK,GAGtDG,IAAaH,EAAM,OAAOF,CAAO;AACvC,EAAAK,EAAW,UAAUL;AAErB,QAAMM,IAAOJ,EAAM,YAAY,MAAY;;AACzC,IAAKG,EAAW,QAAQ,aAAUE,IAAAN,EAAS,YAAT,QAAAM,EAAkB;AAAA,EACtD,GAAG,CAAA,CAAE,GAECC,IAAcN,EAAM,YAAY,CAACO,GAAuBC,MAA8C;AAC1G,QAAI,CAACD,EAAM;AACX,UAAM,EAAE,UAAAE,GAAU,QAAAC,GAAQ,gBAAAC,EAAA,IAAmBR,EAAW;AACxD,QAAIS,IAAQ,MAAM,KAAKL,CAAI;AAC3B,IAAIE,KAAYA,IAAW,UAAWG,EAAM,MAAM,GAAGH,CAAQ,IAC7DC,KAAA,QAAAA,EAASE,GAAOJ,IAChBG,KAAA,QAAAA,EAAiBC,GAAOJ;AAAA,EAC1B,GAAG,CAAA,CAAE,GAECK,IAAeb,EAAM;AAAA,IACzB,OAA0B;AAAA,MACxB,SAAS,MAAMI,EAAA;AAAA,MACf,YAAY,CAACI,MAAU;AACrB,QAAAA,EAAM,eAAA,GACDL,EAAW,QAAQ,cAA0B,EAAI;AAAA,MACxD;AAAA,MACA,aAAa,MAAMD,EAAgB,EAAK;AAAA,MACxC,QAAQ,CAACM,MAAU;;AACjB,QAAAA,EAAM,eAAA,GACNN,EAAgB,EAAK,GAChBC,EAAW,QAAQ,eAAsBW,KAAAT,IAAAG,EAAM,iBAAN,gBAAAH,EAAoB,UAApB,OAAAS,IAA6B,MAAMN,CAAK;AAAA,MACxF;AAAA,IAAA;AAAA,IAEF,CAACF,GAAaF,CAAI;AAAA,EAAA,GAGdW,IAAgBf,EAAM;AAAA,IAC1B,OAA2B;AAAA,MACzB,MAAM;AAAA,MACN,UAAUG,EAAW,QAAQ;AAAA,MAC7B,QAAQV,EAAeU,EAAW,QAAQ,MAAM;AAAA,MAChD,UAAUA,EAAW,QAAQ;AAAA,MAC7B,OAAO,EAAE,SAAS,OAAA;AAAA,MAClB,KAAKJ;AAAA,MACL,UAAU,CAACS,MAAUF,EAAYE,EAAM,cAAc,OAAOA,CAAK;AAAA,IAAA;AAAA,IAEnE,CAACF,CAAW;AAAA,EAAA;AAGd,SAAO,EAAE,cAAAO,GAAc,eAAAE,GAAe,UAAAhB,GAAU,cAAAE,GAAc,MAAAG,EAAA;AAChE;"}

package/dist/icons/all.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Registers the **entire** smwb icon set.
+ *
+ * Importing this module pulls every icon into the bundle — that is the point of
+ * a separate entry point. Use it in Storybook, docs, an icon picker, or a small
+ * internal app; in a product bundle prefer registering only what you render:
+ *
+ * ```ts
+ * import { add, close, search } from "@smwb/ui-react/icons";
+ * registerIcons([add, close, search]);
+ * ```
+ */
+export declare function registerAllIcons(): void;
+export default registerAllIcons;

package/dist/icons/all.js

@@ -0,0 +1,10 @@
+import * as r from "./svg/index.js";
+import { registerIcons as o } from "./registry.js";
+function t() {
+  o(r);
+}
+export {
+  t as default,
+  t as registerAllIcons
+};
+//# sourceMappingURL=all.js.map

package/dist/icons/all.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"all.js","sources":["../../src/icons/all.ts"],"sourcesContent":["import * as icons from \"./svg\";\nimport { registerIcons } from \"./registry\";\n\n/**\n * Registers the **entire** smwb icon set.\n *\n * Importing this module pulls every icon into the bundle — that is the point of\n * a separate entry point. Use it in Storybook, docs, an icon picker, or a small\n * internal app; in a product bundle prefer registering only what you render:\n *\n * ```ts\n * import { add, close, search } from \"@smwb/ui-react/icons\";\n * registerIcons([add, close, search]);\n * ```\n */\nexport function registerAllIcons(): void {\n  registerIcons(icons);\n}\n\nexport default registerAllIcons;\n"],"names":["registerAllIcons","registerIcons","icons"],"mappings":";;AAeO,SAASA,IAAyB;AACvC,EAAAC,EAAcC,CAAK;AACrB;"}

package/dist/icons/catalog.d.ts

@@ -0,0 +1,14 @@
+export interface IconCatalogEntry {
+    /** Canonical Material Symbols name — what `<Icon name>` takes. */
+    name: string;
+    /** Export identifier in `@smwb/{pkg}/icons`. */
+    export: string;
+    category: IconCategory;
+    aliases: readonly string[];
+    keywords: readonly string[];
+}
+export declare const iconCategories: readonly ["action", "commerce", "communication", "content", "data", "device", "editor", "file", "layout", "media", "nature", "navigation", "place", "social", "status", "time"];
+export type IconCategory = (typeof iconCategories)[number];
+export declare const iconCatalog: readonly IconCatalogEntry[];
+/** Total number of icons in the smwb set. */
+export declare const iconCount = 294;