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

package/dist/cjs/pdf-viewer/tests/pdf-viewer-blank-page.js

@@ -8238,13 +8238,14 @@ var states54 = [
 ];
 var defaultProps48 = {
   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 = defaultProps48.icon,
-    note = defaultProps48.note,
+    hint = defaultProps48.hint,
+    note,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
@@ -8261,19 +8262,25 @@ var Dropzone = (props) => {
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "k-dropzone-inner", children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
-        /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
-        note && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("span", { className: "k-dropzone-note", children: [
-          " ",
-          note,
-          " "
-        ] })
+        hint && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "k-dropzone-hint", children: hint }),
+        note && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "k-dropzone-note", children: note })
       ] })
     }
   );
 };
+Dropzone.states = states54;
+Dropzone.className = DROPZONE_CLASSNAME;
+Dropzone.defaultProps = defaultProps48;
 
-// src/pdf-viewer/tests/pdf-viewer-blank-page.tsx
+// src/dropzone/templates/dropzone-normal.tsx
 var import_jsx_runtime136 = require("react/jsx-runtime");
+var DropzoneNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Dropzone, { ...props });
+
+// src/dropzone/templates/dropzone-with-note.tsx
+var import_jsx_runtime137 = require("react/jsx-runtime");
+
+// src/pdf-viewer/tests/pdf-viewer-blank-page.tsx
+var import_jsx_runtime138 = require("react/jsx-runtime");
 var styles = `
     #test-area .k-pdf-viewer {
         height: 600px;
@@ -8282,19 +8289,19 @@ var styles = `
         gap: 8px;
     }
 `;
-var pdf_viewer_blank_page_default = () => /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(import_jsx_runtime136.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("style", { children: styles }),
-  /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(Toolbar, { resizable: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { fillMode: "flat", icon: "print" }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
+var pdf_viewer_blank_page_default = () => /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(import_jsx_runtime138.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("style", { children: styles }),
+  /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { id: "test-area", className: "k-d-grid k-grid-cols-1", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "k-widget k-pdf-viewer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(Toolbar, { resizable: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Pager, { type: "input", pageSizes: false, refresh: false, info: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { fillMode: "flat", icon: "file-pdf" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { fillMode: "flat", icon: "print" }),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Button, { fillMode: "flat", icon: "fullscreen" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "k-page k-blank-page", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Dropzone, { note: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(UploadNormal, { empty: true, status: "upload" })
+    /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "k-canvas k-pdf-viewer-canvas k-pos-relative k-overflow-auto k-enable-text-select", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "k-pdf-viewer-pages", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "k-page k-blank-page", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(DropzoneNormal, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(UploadNormal, { empty: true, status: "upload" })
     ] }) }) })
   ] }) })
 ] });

package/dist/cjs/spreadsheet/tests/spreadsheet-file-dialogs.js

@@ -6319,13 +6319,14 @@ var states35 = [
 ];
 var defaultProps30 = {
   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 = defaultProps30.icon,
-    note = defaultProps30.note,
+    hint = defaultProps30.hint,
+    note,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
@@ -6342,45 +6343,51 @@ var Dropzone = (props) => {
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "k-dropzone-inner", children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
-        note && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "k-dropzone-note", children: [
-          " ",
-          note,
-          " "
-        ] })
+        hint && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "k-dropzone-hint", children: hint }),
+        note && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "k-dropzone-note", children: note })
       ] })
     }
   );
 };
+Dropzone.states = states35;
+Dropzone.className = DROPZONE_CLASSNAME;
+Dropzone.defaultProps = defaultProps30;
 
-// src/spreadsheet/tests/spreadsheet-file-dialogs.tsx
+// src/dropzone/templates/dropzone-normal.tsx
 var import_jsx_runtime83 = require("react/jsx-runtime");
+var DropzoneNormal = (props) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Dropzone, { ...props });
+
+// src/dropzone/templates/dropzone-with-note.tsx
+var import_jsx_runtime84 = require("react/jsx-runtime");
+
+// src/spreadsheet/tests/spreadsheet-file-dialogs.tsx
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var style = `
     .k-window {
         min-width: 400px;
         position: relative;
     }
 `;
-var spreadsheet_file_dialogs_default = () => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(WindowNormal, { title: "Create new file", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "stretched", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { themeColor: "primary", children: "Create new file" }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { children: "Cancel" })
-    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("p", { children: "Are you sure you want to close this file without saving it and create a new one?" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(WindowNormal, { title: "Save", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { themeColor: "primary", children: "Save" }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { children: "Cancel" })
-    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(FormNormal, { formButtons: null, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FormField, { label: "File name", editor: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Textbox, { placeholder: "Workbook" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(FormField, { label: "Save as type", editor: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DropdownList, { placeholder: "Excel Workbook (.xlsx)" }) })
+var spreadsheet_file_dialogs_default = () => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("style", { children: style }),
+  /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(WindowNormal, { title: "Create new file", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "stretched", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { themeColor: "primary", children: "Create new file" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { children: "Cancel" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { children: "Are you sure you want to close this file without saving it and create a new one?" }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(WindowNormal, { title: "Save", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { themeColor: "primary", children: "Save" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { children: "Cancel" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(FormNormal, { formButtons: null, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(FormField, { label: "File name", editor: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Textbox, { placeholder: "Workbook" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(FormField, { label: "Save as type", editor: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownList, { placeholder: "Excel Workbook (.xlsx)" }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(WindowNormal, { title: "Open file", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_jsx_runtime83.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { themeColor: "primary", children: "Open" }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { children: "Cancel" })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(WindowNormal, { title: "Open file", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { themeColor: "primary", children: "Open" }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { children: "Cancel" })
     ] }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Dropzone, { note: false }),
-      /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(UploadNormal, { status: "upload" })
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropzoneNormal, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UploadNormal, { status: "upload" })
     ] }) })
   ] })
 ] });

package/dist/cjs/spreadsheet/tests/spreadsheet-insert-dialogs.js

@@ -6393,13 +6393,14 @@ var states36 = [
 ];
 var defaultProps31 = {
   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 = defaultProps31.icon,
-    note = defaultProps31.note,
+    hint = defaultProps31.hint,
+    note,
     ...other
   } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
@@ -6416,19 +6417,31 @@ var Dropzone = (props) => {
       ),
       children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "k-dropzone-inner", children: [
         icon && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon, { icon, className: "k-dropzone-icon", size: "xxxlarge" }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "k-dropzone-hint", children: "Drag and drop files here to upload" }),
-        note && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "k-dropzone-note", children: [
-          " ",
-          note,
-          " "
-        ] })
+        hint && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "k-dropzone-hint", children: hint }),
+        note && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "k-dropzone-note", children: note })
       ] })
     }
   );
 };
+Dropzone.states = states36;
+Dropzone.className = DROPZONE_CLASSNAME;
+Dropzone.defaultProps = defaultProps31;
 
-// src/listbox/listbox.spec.tsx
+// src/dropzone/templates/dropzone-normal.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
+
+// src/dropzone/templates/dropzone-with-note.tsx
+var import_jsx_runtime86 = require("react/jsx-runtime");
+var DropzoneWithNote = (props) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
+  Dropzone,
+  {
+    note: "Only JPEG, PNG and SVG files are allowed.",
+    ...props
+  }
+);
+
+// src/listbox/listbox.spec.tsx
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var LISTBOX_CLASSNAME = `k-listbox`;
 var states37 = [
   States.disabled
@@ -6450,7 +6463,7 @@ var ListBox = (props) => {
     dir,
     ...other
   } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
     "div",
     {
       ...other,
@@ -6469,7 +6482,7 @@ var ListBox = (props) => {
         }
       ),
       children: [
-        actions && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "k-listbox-actions", children: actions.map((action) => {
+        actions && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "k-listbox-actions", children: actions.map((action) => {
           const actionsIconMap = {
             "left": dir !== "rtl" ? "caret-alt-left" : "caret-alt-right",
             "right": dir !== "rtl" ? "caret-alt-right" : "caret-alt-left",
@@ -6479,12 +6492,12 @@ var ListBox = (props) => {
             "down": "caret-alt-down",
             "x": "x"
           };
-          return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Button, { icon: actionsIconMap[action], size });
+          return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { icon: actionsIconMap[action], size });
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: classNames(
+        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: classNames(
           "k-list-scroller",
           "k-selectable"
-        ), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(list_spec_default, { size, children }) })
+        ), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(list_spec_default, { size, children }) })
       ]
     }
   );
@@ -6495,59 +6508,59 @@ ListBox.className = LISTBOX_CLASSNAME;
 ListBox.defaultProps = defaultProps32;
 
 // src/listbox/templates/listbox-normal.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/spreadsheet/tests/spreadsheet-insert-dialogs.tsx
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 var style = `
     .k-window {
         min-width: 400px;
         position: relative;
     }
 `;
-var spreadsheet_insert_dialogs_default = () => /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WindowNormal, { title: "Insert comment", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { themeColor: "primary", children: "Insert" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { fillMode: "clear", themeColor: "primary", children: "Remove comment" })
-    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormNormal, { formButtons: null, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormField, { label: "Comment", editor: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Textarea, {}) }) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(WindowNormal, { title: "Insert image", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { themeColor: "primary", children: "Insert" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { children: "Cancel" })
+var spreadsheet_insert_dialogs_default = () => /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("style", { children: style }),
+  /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { id: "test-area", className: "k-d-grid k-grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(WindowNormal, { title: "Insert comment", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { themeColor: "primary", children: "Insert" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { fillMode: "clear", themeColor: "primary", children: "Remove comment" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormNormal, { formButtons: null, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormField, { label: "Comment", editor: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Textarea, {}) }) }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(WindowNormal, { title: "Insert image", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { themeColor: "primary", children: "Insert" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { children: "Cancel" })
     ] }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Dropzone, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(UploadNormal, { status: "upload" })
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DropzoneWithNote, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(UploadNormal, { status: "upload" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WindowNormal, { title: "Insert Link", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { themeColor: "primary", children: "Insert" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { fillMode: "clear", themeColor: "primary", children: "Remove link" })
-    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(FormNormal, { formButtons: null, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormField, { label: "Select link", editor: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DropdownList, { value: "URL" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormField, { label: "URL address", editor: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Textbox, { value: "Input value" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(WindowNormal, { title: "Insert Link", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { themeColor: "primary", children: "Insert" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { fillMode: "clear", themeColor: "primary", children: "Remove link" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(FormNormal, { formButtons: null, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormField, { label: "Select link", editor: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DropdownList, { value: "URL" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormField, { label: "URL address", editor: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Textbox, { value: "Input value" }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WindowNormal, { title: "Insert Link", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { themeColor: "primary", children: "Insert" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { fillMode: "clear", themeColor: "primary", children: "Remove link" })
-    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(FormNormal, { formButtons: null, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormField, { label: "Select link", editor: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DropdownList, { value: "Internal" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormField, { label: "Cell reference", editor: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Textbox, { value: "B3:B11" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormField, { label: "From sheet", editor: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(ListBox, { style: { width: "100%" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ListItem, { children: "Sheet 1" }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ListItem, { children: "Sheet 2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ListItem, { children: "Sheet 3" }),
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ListItem, { children: "Sheet 4" })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(WindowNormal, { title: "Insert Link", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { themeColor: "primary", children: "Insert" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { children: "Cancel" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { fillMode: "clear", themeColor: "primary", children: "Remove link" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(FormNormal, { formButtons: null, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormField, { label: "Select link", editor: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DropdownList, { value: "Internal" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormField, { label: "Cell reference", editor: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Textbox, { value: "B3:B11" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormField, { label: "From sheet", editor: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(ListBox, { style: { width: "100%" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ListItem, { children: "Sheet 1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ListItem, { children: "Sheet 2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ListItem, { children: "Sheet 3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ListItem, { children: "Sheet 4" })
       ] }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(WindowNormal, { title: "Insert Chart", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_jsx_runtime87.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { themeColor: "primary", children: "Insert" }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Button, { children: "Cancel" })
-    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormNormal, { formButtons: null, children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(FormField, { label: "Select chart type", editor: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(DropdownList, { value: "Donut" }) }) }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(WindowNormal, { title: "Insert Chart", actions: ["x"], className: "k-spreadsheet-window", actionButtonsAlign: "start", actionButtons: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { themeColor: "primary", children: "Insert" }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Button, { children: "Cancel" })
+    ] }), children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormNormal, { formButtons: null, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(FormField, { label: "Select chart type", editor: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DropdownList, { value: "Donut" }) }) }) }) })
   ] })
 ] });

package/dist/esm/dropzone/dropzone.spec.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,17 +4327,18 @@ 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;
+var dropzone_spec_default = Dropzone;
 export {
   DROPZONE_CLASSNAME,
-  Dropzone
+  Dropzone,
+  dropzone_spec_default as default
 };