@progress/kendo-themes-html 7.0.3-dev.1 → 7.0.3-dev.2

package/dist/esm/dropzone/tests/dropzone.js

@@ -4303,13 +4303,14 @@ var states4 = [
 ];
 var defaultProps4 = {
   icon: "upload",
-  note: "Only JPEG, PNG and SVG files are allowed."
+  hint: "Drag and drop files here to upload"
 };
 var Dropzone = (props) => {
   const {
     hover,
     icon = defaultProps4.icon,
-    note = defaultProps4.note,
+    hint = defaultProps4.hint,
+    note,
     ...other
   } = props;
   return /* @__PURE__ */ jsx4(
@@ -4326,31 +4327,48 @@ var Dropzone = (props) => {
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "k-dropzone-inner", children: [
         icon && /* @__PURE__ */ jsx4(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
-        /* @__PURE__ */ jsx4("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
-        note && /* @__PURE__ */ jsxs("span", { className: "k-dropzone-note", children: [
-          " ",
-          note,
-          " "
-        ] })
+        hint && /* @__PURE__ */ jsx4("span", { className: "k-dropzone-hint", children: hint }),
+        note && /* @__PURE__ */ jsx4("span", { className: "k-dropzone-note", children: note })
       ] })
     }
   );
 };
+Dropzone.states = states4;
+Dropzone.className = DROPZONE_CLASSNAME;
+Dropzone.defaultProps = defaultProps4;
+
+// src/dropzone/templates/dropzone-normal.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var DropzoneNormal = (props) => /* @__PURE__ */ jsx5(Dropzone, { ...props });
+
+// src/dropzone/templates/dropzone-with-note.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DropzoneWithNote = (props) => /* @__PURE__ */ jsx6(
+  Dropzone,
+  {
+    note: "Only JPEG, PNG and SVG files are allowed.",
+    ...props
+  }
+);
 
 // src/dropzone/tests/dropzone.tsx
-import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-var dropzone_default = () => /* @__PURE__ */ jsx5(Fragment4, { children: /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
+var dropzone_default = () => /* @__PURE__ */ jsx7(Fragment4, { children: /* @__PURE__ */ jsxs2("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+  /* @__PURE__ */ jsxs2("section", { children: [
+    /* @__PURE__ */ jsx7("p", { children: "External dropzone Empty" }),
+    /* @__PURE__ */ jsx7(DropzoneNormal, { hint: false })
+  ] }),
   /* @__PURE__ */ jsxs2("section", { children: [
-    /* @__PURE__ */ jsx5("p", { children: "External dropzone" }),
-    /* @__PURE__ */ jsx5(Dropzone, {})
+    /* @__PURE__ */ jsx7("p", { children: "External dropzone with only Hint" }),
+    /* @__PURE__ */ jsx7(DropzoneNormal, {})
   ] }),
   /* @__PURE__ */ jsxs2("section", { children: [
-    /* @__PURE__ */ jsx5("p", { children: "External dropzone - hover dragging files" }),
-    /* @__PURE__ */ jsx5(Dropzone, { hover: true })
+    /* @__PURE__ */ jsx7("p", { children: "External dropzone with only Note" }),
+    /* @__PURE__ */ jsx7(DropzoneWithNote, { hint: false })
   ] }),
   /* @__PURE__ */ jsxs2("section", { children: [
-    /* @__PURE__ */ jsx5("p", { children: "External dropzone" }),
-    /* @__PURE__ */ jsx5(Dropzone, { style: { height: "400px" } })
+    /* @__PURE__ */ jsx7("p", { children: "External dropzone with Hind & Note" }),
+    /* @__PURE__ */ jsx7(DropzoneWithNote, {})
   ] })
 ] }) });
 export {