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

package/dist/es/panelbar/util.js

@@ -1,63 +1,95 @@
-import { PanelBarItem } from './PanelBarItem';
+var __assign = this && this.__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 = this && this.__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;
+};
+
+import { getListeners, templateRendering } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
 
-export var renderChildren = function // {
-  // animation = true,
-  // keepItemsMounted = false,
-  // state,
-  // expanded,
-  // handleSelect,
-  // parentExpanded = true,
-  // level = 0,
-  // parentPrivateKey = []}: RenderPanelBarItem
-renderChildren() {
-  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>;
-  //     }
-  // });
+export var renderChildren = function renderChildren(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 = templateRendering.call(this, child.content, getListeners.call(this));
+    var header = templateRendering.call(this, child.header, 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 = 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
  */
 
-export var getFirstId = function getFirstId(_props) {
-  var firstItem = []; // React.Children.toArray(props.children)[0];
+export var getFirstId = function getFirstId(props) {
+  var firstItem = props.items[0];
 
   if (firstItem) {
     return getId(firstItem, [], 0);
@@ -69,52 +101,49 @@ export var getFirstId = function getFirstId(_props) {
  * @hidden
  */
 
-export var getInitialState = function getInitialState(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);
+export var getInitialState = function getInitialState(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 (!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]);
-  //             }
-  //         }
-  //     }
-  // });
+  if (parentPrivateKey === void 0) {
+    parentPrivateKey = [];
+  }
+
+  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 = getInitialState(item, expandMode, result, !!item.expanded, __spreadArrays(parentPrivateKey, [privateKey]));
+      }
+    }
+  });
   return result;
 };
 /**
@@ -149,38 +178,40 @@ export function flatVisibleItems(data, flattedItems) {
  * @hidden
  */
 
-export function flatChildren(_children, flattenChildren) {
+export 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;
 }
 /**
  * @hidden
  */
 
-export function flatVisibleChildren(_children, flattenVisibleChildren) {
+export 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;
 }
 /**
@@ -190,51 +221,10 @@ export function flatVisibleChildren(_children, flattenVisibleChildren) {
 export var isPresent = function isPresent(value) {
   return value !== null && value !== undefined;
 };
-/**
- * Represents the PanelBarUtils functions.
- */
-
-export 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 //       {...item}
-      , {
-        children: children,
-        attrs: this.v3 ? undefined : {
-          children: children
-        },
-        key: item.id || idx
-      });
-    });
-  }
-
-  PanelBarUtils.mapItemsToComponents = mapItemsToComponents;
-})(PanelBarUtils || (PanelBarUtils = {}));
 /**
  * @hidden
  */
 
-
 export var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
   if (firstArray.length !== secondArray.length) {
     return false;

package/dist/es/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