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

package/dist/cjs/dropzone/tests/dropzone.js

@@ -4322,13 +4322,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__ */ (0, import_jsx_runtime4.jsx)(
@@ -4345,30 +4346,47 @@ var Dropzone = (props) => {
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "k-dropzone-inner", children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
-        note && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "k-dropzone-note", children: [
-          " ",
-          note,
-          " "
-        ] })
+        hint && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-dropzone-hint", children: hint }),
+        note && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "k-dropzone-note", children: note })
       ] })
     }
   );
 };
+Dropzone.states = states4;
+Dropzone.className = DROPZONE_CLASSNAME;
+Dropzone.defaultProps = defaultProps4;
 
-// src/dropzone/tests/dropzone.tsx
+// src/dropzone/templates/dropzone-normal.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var dropzone_default = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "External dropzone" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dropzone, {})
+var DropzoneNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dropzone, { ...props });
+
+// src/dropzone/templates/dropzone-with-note.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var DropzoneWithNote = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  Dropzone,
+  {
+    note: "Only JPEG, PNG and SVG files are allowed.",
+    ...props
+  }
+);
+
+// src/dropzone/tests/dropzone.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var dropzone_default = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "External dropzone Empty" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropzoneNormal, { hint: false })
+  ] }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "External dropzone with only Hint" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropzoneNormal, {})
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "External dropzone - hover dragging files" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dropzone, { hover: true })
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "External dropzone with only Note" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropzoneWithNote, { hint: false })
   ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "External dropzone" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Dropzone, { style: { height: "400px" } })
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "External dropzone with Hind & Note" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DropzoneWithNote, {})
   ] })
 ] }) });