@progress/kendo-themes-html 6.4.0-dev.5 → 6.4.0-dev.6

package/dist/cjs/spreadsheet/tests/spreadsheet-filter-menu.js

@@ -5032,8 +5032,44 @@ TreeviewItem.className = TREEVIEWITEM_CLASSNAME;
 TreeviewItem.defaultProps = defaultProps13;
 var treeview_item_spec_default = TreeviewItem;
 
-// src/spreadsheet/tests/spreadsheet-filter-menu.tsx
+// src/animation-container/animation-container.spec.tsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
+var ANIMATION_CONTAINER_CLASSNAME = `k-animation-container`;
+var states18 = [];
+var options17 = {};
+var defaultProps14 = {
+  positionMode: "absolute"
+};
+var AnimationContainer = (props) => {
+  const {
+    positionMode,
+    animationStyle,
+    offset,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      ...other,
+      style: { ...offset, ...props.style },
+      className: classNames(
+        ANIMATION_CONTAINER_CLASSNAME,
+        "k-animation-container-shown",
+        {
+          ["k-animation-container-fixed"]: positionMode === "fixed"
+        }
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "k-child-animation-container", style: animationStyle, children: props.children })
+    }
+  );
+};
+AnimationContainer.states = states18;
+AnimationContainer.options = options17;
+AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
+AnimationContainer.defaultProps = defaultProps14;
+
+// src/spreadsheet/tests/spreadsheet-filter-menu.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var style = `
     .k-animation-container {
         width: min-content;
@@ -5041,46 +5077,46 @@ var style = `
         overflow: visible;
     }
 `;
-var spreadsheet_filter_menu_default = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("style", { children: style }),
-  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "k-animation-container", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-spreadsheet-filter-menu k-column-menu k-popup k-group k-reset", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-columnmenu-item-wrapper", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-columnmenu-item", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { icon: "sort-asc-small" }),
+var spreadsheet_filter_menu_default = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("style", { children: style }),
+  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { id: "test-area", className: "k-d-grid", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("section", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AnimationContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "k-spreadsheet-filter-menu k-column-menu k-popup k-group k-reset", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "k-columnmenu-item-wrapper", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "k-columnmenu-item", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { icon: "sort-asc-small" }),
         "Sort range A to Z"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-columnmenu-item", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { icon: "sort-desc-small" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "k-columnmenu-item", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { icon: "sort-desc-small" }),
         "Sort range Z to A"
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "k-columnmenu-item-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "k-spreadsheet-condition-filter k-expander", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-columnmenu-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "k-columnmenu-item-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "k-spreadsheet-condition-filter k-expander", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "k-columnmenu-item", children: [
       "Filter by condition",
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "k-spacer" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "k-expander-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { icon: "chevron-down" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "k-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "k-expander-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { icon: "chevron-down" }) })
     ] }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "k-columnmenu-item-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-expander", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-columnmenu-item", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "k-columnmenu-item-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "k-expander", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "k-columnmenu-item", children: [
         "Filter by value",
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "k-spacer" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "k-expander-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Icon, { icon: "chevron-up" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "k-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "k-expander-indicator", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { icon: "chevron-up" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-columnmenu-item-content", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Searchbox, { placeholder: "Search..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "k-spreadsheet-value-treeview-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Treeview, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "All", showCheckbox: true, expanded: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TreeviewGroup, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$14.87", showCheckbox: true, checked: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$21.10", showCheckbox: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$16.79", showCheckbox: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$11.39", showCheckbox: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$41.36", showCheckbox: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$13.19", showCheckbox: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$41.94", showCheckbox: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$23.95", showCheckbox: true }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TreeviewItem, { text: "$16.16", showCheckbox: true })
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "k-columnmenu-item-content", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Searchbox, { placeholder: "Search..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "k-spreadsheet-value-treeview-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Treeview, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "All", showCheckbox: true, expanded: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TreeviewGroup, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$14.87", showCheckbox: true, checked: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$21.10", showCheckbox: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$16.79", showCheckbox: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$11.39", showCheckbox: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$41.36", showCheckbox: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$13.19", showCheckbox: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$41.94", showCheckbox: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$23.95", showCheckbox: true }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TreeviewItem, { text: "$16.16", showCheckbox: true })
         ] }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(ActionButtons, { alignment: "stretched", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { themeColor: "primary", children: "Apply" }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { children: "Clear" })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(ActionButtons, { alignment: "stretched", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { themeColor: "primary", children: "Apply" }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { children: "Clear" })
         ] })
       ] })
     ] }) })