@progress/kendo-vue-layout 3.1.2 → 3.1.4-dev.202204051326

package/dist/npm/panelbar/util.js

@@ -1,72 +1,104 @@
 "use strict";
 
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+var __spreadArrays = undefined && undefined.__spreadArrays || function () {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) {
+    s += arguments[i].length;
+  }
+
+  for (var r = Array(s), k = 0, i = 0; i < il; i++) {
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) {
+      r[k] = a[j];
+    }
+  }
+
+  return r;
+};
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isArrayEqual = exports.PanelBarUtils = exports.isPresent = exports.flatVisibleChildren = exports.flatChildren = exports.flatVisibleItems = exports.getInitialState = exports.getFirstId = exports.renderChildren = void 0;
+exports.isArrayEqual = exports.isPresent = exports.flatVisibleChildren = exports.flatChildren = exports.flatVisibleItems = exports.getInitialState = exports.getFirstId = exports.renderChildren = void 0;
 
-var PanelBarItem_1 = require("./PanelBarItem");
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 /**
  * @hidden
  */
 
 
-exports.renderChildren = function // {
-  // animation = true,
-  // keepItemsMounted = false,
-  // state,
-  // expanded,
-  // handleSelect,
-  // parentExpanded = true,
-  // level = 0,
-  // parentPrivateKey = []}: RenderPanelBarItem
-() {
-  return []; //  React.Children.map(children, (child: any, idx) => {
-  //     if (child && child.type === PanelBarItem) {
-  //         let nestedChildren;
-  //         let privateKey = getId(child, parentPrivateKey, idx);
-  //         if (child.props.children) {
-  //             const renderState: RenderPanelBarItem = {
-  //                 animation,
-  //                 keepItemsMounted,
-  //                 state,
-  //                 expanded,
-  //                 handleSelect,
-  //                 parentExpanded: (expanded || []).indexOf(privateKey) > -1,
-  //                 level: level + 1,
-  //                 parentPrivateKey: [...parentPrivateKey, privateKey]
-  //             };
-  //             nestedChildren = renderChildren(renderState);
-  //         }
-  //         return React.cloneElement(
-  //             child, {
-  //                 ...child.props,
-  //                 animation: child.props.animation !== undefined ? child.props.animation : animation,
-  //                 keepItemsMounted,
-  //                 id: child.props.id || `k-panelbar-item-default-${privateKey}`,
-  //                 uniquePrivateKey: privateKey,
-  //                 parentUniquePrivateKey: parentPrivateKey,
-  //                 parentExpanded: parentExpanded,
-  //                 level: level,
-  //                 expanded: (expanded || []).indexOf(privateKey) > -1,
-  //                 focused: state.focused === privateKey && state.wrapperFocused,
-  //                 selected: state.selected === privateKey,
-  //                 children: nestedChildren,
-  //                 onSelect: handleSelect
-  //             }
-  //         );
-  //     } else {
-  //         return <div className="k-panelbar-content k-content">{child}</div>;
-  //     }
-  // });
+exports.renderChildren = function (items, _a) {
+  var _b = _a.animation,
+      animation = _b === void 0 ? true : _b,
+      _c = _a.keepItemsMounted,
+      keepItemsMounted = _c === void 0 ? false : _c,
+      state = _a.state,
+      expanded = _a.expanded,
+      handleSelect = _a.handleSelect,
+      _d = _a.parentExpanded,
+      parentExpanded = _d === void 0 ? true : _d,
+      _e = _a.level,
+      level = _e === void 0 ? 0 : _e,
+      _f = _a.parentPrivateKey,
+      parentPrivateKey = _f === void 0 ? [] : _f;
+  return items.map(function (child, idx) {
+    var nestedChildren;
+    var privateKey = getId(child, parentPrivateKey, idx);
+    var content = kendo_vue_common_1.templateRendering.call(this, child.content, kendo_vue_common_1.getListeners.call(this));
+    var header = kendo_vue_common_1.templateRendering.call(this, child.header, kendo_vue_common_1.getListeners.call(this));
+
+    if (child.items) {
+      var renderState = {
+        animation: animation,
+        keepItemsMounted: keepItemsMounted,
+        state: state,
+        expanded: expanded,
+        handleSelect: handleSelect,
+        parentExpanded: (expanded || []).indexOf(privateKey) > -1,
+        level: level + 1,
+        parentPrivateKey: __spreadArrays(parentPrivateKey, [privateKey])
+      };
+      nestedChildren = exports.renderChildren.call(this, child.items, renderState);
+    }
+
+    return __assign(__assign({}, child), {
+      animation: child.animation !== undefined ? child.animation : animation,
+      keepItemsMounted: keepItemsMounted,
+      id: child.id || "k-panelbar-item-default-" + privateKey,
+      uniquePrivateKey: privateKey,
+      parentUniquePrivateKey: parentPrivateKey,
+      parentExpanded: parentExpanded,
+      level: level,
+      expanded: (expanded || []).indexOf(privateKey) > -1,
+      focused: state.currentFocused === privateKey && state.wrapperFocused,
+      selected: state.currentSelected === privateKey,
+      items: nestedChildren,
+      content: content,
+      header: header
+    });
+  }, this);
 };
 /**
  * @hidden
  */
 
 
-exports.getFirstId = function (_props) {
-  var firstItem = []; // React.Children.toArray(props.children)[0];
+exports.getFirstId = function (props) {
+  var firstItem = props.items[0];
 
   if (firstItem) {
     return getId(firstItem, [], 0);
@@ -79,52 +111,49 @@ exports.getFirstId = function (_props) {
  */
 
 
-exports.getInitialState = function (props, _expandMode, result, _parentExpanded, _parentPrivateKey) {
-  // React.Children.map(props.children, (child: React.ReactElement<any>, idx) => {
-  //     if (child && child.type === PanelBarItem) {
-  //         let privateKey = getId(child, parentPrivateKey, idx);
+exports.getInitialState = function (props, expandMode, result, parentExpanded, parentPrivateKey) {
   if (result === void 0) {
     result = {
-      expanded: props.expanded || [],
-      selected: props.selected || '',
-      focused: props.focused || '',
+      currentExpanded: props.expanded || [],
+      currentSelected: props.selected || '',
+      currentFocused: props.focused || '',
       wrapperFocused: false
     };
   }
 
-  if (_parentExpanded === void 0) {
-    _parentExpanded = true;
+  if (parentExpanded === void 0) {
+    parentExpanded = true;
+  }
+
+  if (parentPrivateKey === void 0) {
+    parentPrivateKey = [];
   }
 
-  if (_parentPrivateKey === void 0) {
-    _parentPrivateKey = [];
-  } //         if (!child.props.disabled && parentExpanded) {
-  //             if (child.props.selected) {
-  //                 result.selected = privateKey;
-  //             }
-  //             if (child.props.focused) {
-  //                 result.focused = privateKey;
-  //             }
-  //             if (child.props.expanded) {
-  //                 if (expandMode === 'multiple') {
-  //                     result.expanded.push(privateKey);
-  //                 } else if (expandMode === 'single') {
-  //                     result.expanded = [privateKey];
-  //                 }
-  //             }
-  //             if (child.props.children) {
-  //                 result = getInitialState(
-  //                     child.props,
-  //                     expandMode,
-  //                     result,
-  //                     !!child.props.expanded,
-  //                     [...parentPrivateKey, privateKey]);
-  //             }
-  //         }
-  //     }
-  // });
+  props.items.forEach(function (item, idx) {
+    var privateKey = getId(item, parentPrivateKey, idx);
+
+    if (!item.disabled && parentExpanded) {
+      if (item.selected) {
+        result.currentSelected = privateKey;
+      }
+
+      if (item.focused) {
+        result.currentFocused = privateKey;
+      }
 
+      if (item.expanded) {
+        if (expandMode === 'multiple') {
+          result.currentExpanded.push(privateKey);
+        } else if (expandMode === 'single') {
+          result.currentExpanded = [privateKey];
+        }
+      }
 
+      if (item.items) {
+        result = exports.getInitialState(item, expandMode, result, !!item.expanded, __spreadArrays(parentPrivateKey, [privateKey]));
+      }
+    }
+  });
   return result;
 };
 /**
@@ -162,19 +191,20 @@ exports.flatVisibleItems = flatVisibleItems;
  * @hidden
  */
 
-function flatChildren(_children, flattenChildren) {
+function flatChildren(children, flattenChildren) {
   if (flattenChildren === void 0) {
     flattenChildren = [];
-  } // React.Children.forEach(children, (child: any) => {
-  //     if (child && child.props && !child.props.disabled) {
-  //         flattenChildren.push(child);
-  //         if (child.props.children) {
-  //             flatChildren(child.props.children, flattenChildren);
-  //         }
-  //     }
-  // });
+  }
 
+  children.forEach(function (child) {
+    if (child && child && !child.disabled) {
+      flattenChildren.push(child);
 
+      if (child.items) {
+        flatChildren(child.items, flattenChildren);
+      }
+    }
+  });
   return flattenChildren;
 }
 
@@ -183,19 +213,20 @@ exports.flatChildren = flatChildren;
  * @hidden
  */
 
-function flatVisibleChildren(_children, flattenVisibleChildren) {
+function flatVisibleChildren(children, flattenVisibleChildren) {
   if (flattenVisibleChildren === void 0) {
     flattenVisibleChildren = [];
-  } // React.Children.forEach(children, (child: any) => {
-  //     if (child && child.props && !child.props.disabled && (child.props.expanded || child.props.parentExpanded)) {
-  //         flattenVisibleChildren.push(child);
-  //         if (child.props.children) {
-  //             flatVisibleChildren(child.props.children, flattenVisibleChildren);
-  //         }
-  //     }
-  // });
+  }
 
+  children.forEach(function (child) {
+    if (child && !child.disabled && (child.expanded || child.parentExpanded)) {
+      flattenVisibleChildren.push(child);
 
+      if (child.items) {
+        flatVisibleChildren(child.items, flattenVisibleChildren);
+      }
+    }
+  });
   return flattenVisibleChildren;
 }
 
@@ -207,47 +238,6 @@ exports.flatVisibleChildren = flatVisibleChildren;
 exports.isPresent = function (value) {
   return value !== null && value !== undefined;
 };
-/**
- * Represents the PanelBarUtils functions.
- */
-
-
-var PanelBarUtils;
-
-(function (PanelBarUtils) {
-  /**
-   * Maps a collection of PanelBarItemProps to PanelBarItem components
-   * ([see example]({% slug customization_panelbar %})).
-   * Contained in the `PanelBarUtils` object.
-   *
-   * @param items - A collection of PanelBarItemProps.
-   * @return {PanelBarItem[]} Returns an array of PanelBarItem components.
-   */
-  function mapItemsToComponents(items) {
-    return items.map(function (item, idx) {
-      var children;
-
-      if (item.content) {
-        children = item.content;
-      }
-
-      if (item.children) {
-        children = mapItemsToComponents(item.children);
-      }
-
-      return h(PanelBarItem_1.PanelBarItem, {
-        //       {...item}
-        children: children,
-        attrs: this.v3 ? undefined : {
-          children: children
-        },
-        key: item.id || idx
-      });
-    });
-  }
-
-  PanelBarUtils.mapItemsToComponents = mapItemsToComponents;
-})(PanelBarUtils = exports.PanelBarUtils || (exports.PanelBarUtils = {}));
 /**
  * @hidden
  */

package/dist/npm/splitter/Splitter.d.ts

@@ -41,10 +41,6 @@ export interface SplitterProps {
      * Fires after a Splitter pane is resized or collapsed. Useful for updating the pane options and triggering layout calculations on components which are positioned inside the panes.
      */
     onChange?: (event: SplitterOnChangeEvent) => void;
-    /**
-     * The class name that is set to the Splitter.
-     */
-    className?: string;
 }
 /**
  * @hidden
@@ -74,7 +70,7 @@ export interface SplitterData {
     originalY: number;
     originalPrevSize: number;
     originalNextSize: number;
-    panes: SplitterPaneProps[];
+    currentPanes: SplitterPaneProps[];
 }
 /**
  * @hidden