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

package/dist/cjs/action-sheet/action-sheet.spec.js

@@ -4836,12 +4836,48 @@ var states14 = [
   States.disabled
 ];
 
-// src/action-sheet/action-sheet.spec.tsx
+// src/animation-container/animation-container.spec.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var ACTIONSHEET_CLASSNAME = `k-actionsheet`;
+var ANIMATION_CONTAINER_CLASSNAME = `k-animation-container`;
 var states15 = [];
 var options13 = {};
 var defaultProps11 = {
+  positionMode: "absolute"
+};
+var AnimationContainer = (props) => {
+  const {
+    positionMode,
+    animationStyle,
+    offset,
+    ...other
+  } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.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_runtime24.jsx)("div", { className: "k-child-animation-container", style: animationStyle, children: props.children })
+    }
+  );
+};
+AnimationContainer.states = states15;
+AnimationContainer.options = options13;
+AnimationContainer.className = ANIMATION_CONTAINER_CLASSNAME;
+AnimationContainer.defaultProps = defaultProps11;
+
+// src/action-sheet/action-sheet.spec.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ACTIONSHEET_CLASSNAME = `k-actionsheet`;
+var states16 = [];
+var options14 = {};
+var defaultProps12 = {
   side: "bottom",
   fullscreen: false,
   adaptive: false
@@ -4853,13 +4889,13 @@ var ActionSheet = (props) => {
     header,
     footer,
     actions,
-    side = defaultProps11.side,
-    fullscreen = defaultProps11.fullscreen,
-    adaptive = defaultProps11.adaptive,
+    side = defaultProps12.side,
+    fullscreen = defaultProps12.fullscreen,
+    adaptive = defaultProps12.adaptive,
     ...other
   } = props;
-  const _ActionSheetHeader = title ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ActionSheetHeader, { title }) : header ? header : Array.isArray(children) && children.find((child) => child.type === ActionSheetHeader);
-  const _ActionSheetFooter = actions ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ActionSheetFooter, { className: "k-actions", actions }) : footer ? typeof footer === "string" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ActionSheetFooter, { children: footer }) : footer : Array.isArray(children) && children.find((child) => child.type === ActionSheetFooter);
+  const _ActionSheetHeader = title ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ActionSheetHeader, { title }) : header ? header : Array.isArray(children) && children.find((child) => child.type === ActionSheetHeader);
+  const _ActionSheetFooter = actions ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ActionSheetFooter, { className: "k-actions", actions }) : footer ? typeof footer === "string" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ActionSheetFooter, { children: footer }) : footer : Array.isArray(children) && children.find((child) => child.type === ActionSheetFooter);
   const _ActionSheetContent = Array.isArray(children) ? children.filter((child) => {
     switch (child.type) {
       case ActionSheetHeader:
@@ -4869,21 +4905,20 @@ var ActionSheet = (props) => {
         return true;
     }
     return true;
-  }) : children.type === ActionSheetItems ? children : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "k-actionsheet-container", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-overlay" }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "k-animation-container", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-      "div",
+  }) : children.type === ActionSheetItems ? children : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "k-actionsheet-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "k-overlay" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      AnimationContainer,
       {
-        className: "k-child-animation-container",
-        style: {
+        animationStyle: {
           [`${fullscreen === true ? "top" : side}`]: 0,
           [`${fullscreen === true ? "width" : null}`]: "100%",
           [`${fullscreen === true ? "height" : null}`]: "100%",
           [`${side === "top" || side === "bottom" ? "width" : null}`]: "100%",
           [`${side === "left" || side === "right" ? "height" : null}`]: "100%"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "div",
           {
             ...other,
@@ -4896,9 +4931,9 @@ var ActionSheet = (props) => {
                 "k-adaptive-actionsheet": adaptive
               }
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
               _ActionSheetHeader,
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: classNames(
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: classNames(
                 "k-actionsheet-content",
                 {
                   "!k-overflow-hidden": adaptive
@@ -4909,11 +4944,11 @@ var ActionSheet = (props) => {
           }
         )
       }
-    ) })
+    )
   ] });
 };
-ActionSheet.states = states15;
-ActionSheet.options = options13;
+ActionSheet.states = states16;
+ActionSheet.options = options14;
 ActionSheet.className = ACTIONSHEET_CLASSNAME;
-ActionSheet.defaultProps = defaultProps11;
+ActionSheet.defaultProps = defaultProps12;
 var action_sheet_spec_default = ActionSheet;