@mescius/wijmo.react.nav 5.20241.9-rc → 5.20241.9-temp1-nightly.d20240524.t154527

package/es2015-commonjs.js

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20241.9
+    * Wijmo Library 5.20241.9-temp1-nightly.d20240524.t154527
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -11,4 +11,4 @@
     *
     */
 
-"use strict";var __importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)Object.hasOwnProperty.call(e,r)&&(t[r]=e[r]);t.default=e;return t};Object.defineProperty(exports,"__esModule",{value:!0});const wijmo_react_base_1=require("@mescius/wijmo.react.base"),React=__importStar(require("react")),wjcCore=__importStar(require("@mescius/wijmo")),wjcNav=__importStar(require("@mescius/wijmo.nav"));class TreeView extends wijmo_react_base_1.ComponentBase{constructor(e){super(e,wjcNav.TreeView,{objectProps:["childItemsPath","displayMemberPath","imageMemberPath","checkedMemberPath","itemsSource","selectedItem","selectedNode","checkedItems"]})}}exports.TreeView=TreeView;class TabPanel extends wijmo_react_base_1.ComponentBase{constructor(e){super(e,wjcNav.TabPanel,{objectProps:["selectedTab"]})}_createControl(){const e=new wjcNav.TabPanel(this._getElement(),null,!1,!0);e.tabs.beginUpdate();return e}componentDidMount(){super.componentDidMount();setTimeout(()=>{let e=this.control,t=e.selectedIndex,r=e.tabs;if(t>-1&&t<r.length){wjcCore.addClass(r[t].header,"wj-state-active");e.onSelectedIndexChanged()}r.endUpdate()},300)}}exports.TabPanel=TabPanel;class Tab extends wijmo_react_base_1.ComponentBase{constructor(e){super(e,wjcNav.Tab);this._parentProp="tabs"}_createControl(){this._renderImpl();const e=this._getElement().children;return new wjcNav.Tab(e[0],e[1])}_renderImpl(){return React.createElement("div",{ref:this._hostRef},this.props.children)}}exports.Tab=Tab;class Accordion extends wijmo_react_base_1.ComponentBase{constructor(e){super(e,wjcNav.Accordion,{objectProps:["selectedPane"]})}_createControl(){const e=new wjcNav.Accordion(this._getElement(),null,!0);e.panes.beginUpdate();return e}componentDidMount(){super.componentDidMount();setTimeout(()=>{const e=this.control,t=e.panes;e.selectedIndex<0&&t.length&&(e.selectedIndex=0);t.endUpdate()},300)}}exports.Accordion=Accordion;class AccordionPane extends wijmo_react_base_1.ComponentBase{constructor(e){super(e,wjcNav.AccordionPane);this._parentProp="panes"}_createControl(){const e=this._getElement().children;return new wjcNav.AccordionPane(e[0],e[1])}_renderImpl(){return React.createElement("div",{ref:this._hostRef},this.props.children)}}exports.AccordionPane=AccordionPane;
+"use strict";var __importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var s in e)Object.hasOwnProperty.call(e,s)&&(t[s]=e[s]);t.default=e;return t};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=require("react"),wijmo_react_base_1=require("@mescius/wijmo.react.base"),wjcCore=__importStar(require("@mescius/wijmo")),wjcNav=__importStar(require("@mescius/wijmo.nav"));exports.TreeViewMeta={inputs:[...wijmo_react_base_1.ControlBaseMeta.inputs,"allowDragging","autoCollapse","checkOnClick","checkedMemberPath","childItemsPath","collapseOnClick","collapseWhenDisabled","displayMemberPath","expandOnClick","expandOnLoad","imageMemberPath","isAnimated","isContentHtml","isReadOnly","itemsSource","lazyLoadFunction","selectedItem","selectedNode","showCheckboxes","totalItemCount"],events:[...wijmo_react_base_1.ControlBaseMeta.events,"checkedItemsChanged","dragEnd","dragOver","dragStart","drop","formatItem","isCheckedChanged","isCheckedChanging","isCollapsedChanged","isCollapsedChanging","itemClicked","itemsSourceChanged","loadedItems","loadingItems","nodeEditEnded","nodeEditEnding","nodeEditStarted","nodeEditStarting","selectedItemChanged"]};exports.TreeView=react_1.forwardRef((function(e,t){return wijmo_react_base_1.useWjComponentBase({ref:t,properties:exports.TreeViewMeta.inputs,events:exports.TreeViewMeta.events,props:e,constructor:wjcNav.TreeView}).renderResult}));exports.TabPanelMeta={inputs:[...wijmo_react_base_1.ControlBaseMeta.inputs,"autoSwitch","isAnimated","selectedIndex","selectedTab"],events:[...wijmo_react_base_1.ControlBaseMeta.events,"selectedIndexChanged"]};exports.TabPanel=react_1.forwardRef((function(e,t){return wijmo_react_base_1.useWjComponentBase({ref:t,properties:exports.TabPanelMeta.inputs,events:exports.TabPanelMeta.events,props:e,constructor:wjcNav.TabPanel}).renderResult}));exports.TabMeta={inputs:["isDisabled","isVisible"],events:[]};exports.Tab=react_1.forwardRef((function(e,t){const s=wijmo_react_base_1.useWjComponentChildBase({ref:t,properties:exports.TabMeta.inputs,events:exports.TabMeta.events,props:e,constructor:wjcNav.Tab,needParentInstance:!1,parentProp:"tabs",isParentPropArray:!0,assignedToParent:!0,customConstructor:(e,t)=>new wjcNav.Tab(document.createElement("div"),document.createElement("div")),customProps:{children:(e,t)=>{wijmo_react_base_1.selectiveDomRender(t[0],e.header);wijmo_react_base_1.selectiveDomRender(t[1],e.pane)}}});return Object.assign({$_wjComponent:!0},s)}));exports.AccordionMeta={inputs:[...wijmo_react_base_1.ControlBaseMeta.inputs,"allowCollapseAll","allowExpandMany","autoSwitch","isAnimated","selectedIndex","selectedPane","showIcons"],events:[...wijmo_react_base_1.ControlBaseMeta.events,"selectedIndexChanged"]};exports.Accordion=react_1.forwardRef((function(e,t){return wijmo_react_base_1.useWjComponentBase({ref:t,properties:exports.AccordionMeta.inputs,events:exports.AccordionMeta.events,props:e,constructor:wjcNav.Accordion}).renderResult}));exports.AccordionPaneMeta={inputs:["isCollapsed","isDisabled","isVisible"],events:[]};exports.AccordionPane=react_1.forwardRef((function(e,t){const s=wijmo_react_base_1.useWjComponentChildBase({ref:t,properties:exports.AccordionPaneMeta.inputs,events:exports.AccordionPaneMeta.events,props:e,constructor:wjcNav.AccordionPane,needParentInstance:!1,parentProp:"panes",isParentPropArray:!0,assignedToParent:!0,customConstructor:(e,t)=>{(null==e.selectedIndex||e.selectedIndex<0)&&(e.selectedIndex=0);return new wjcNav.AccordionPane(document.createElement("div"),document.createElement("div"))},customProps:{children:(e,t)=>{e.header.classList.forEach(t=>{t.startsWith("wj")||e.header.classList.remove(t)});e.content.classList.forEach(t=>{t.startsWith("wj")||e.header.classList.remove(t)});let s="";t[0].props&&t[0].props.className&&(s=t[0].props.className);wjcCore.addClass(e.header,s);t[1].props&&t[1].props.bodyClass&&(s=t[1].props.bodyClass);wjcCore.addClass(e.content,"");wijmo_react_base_1.selectiveDomRender(t[0],e.header);wijmo_react_base_1.selectiveDomRender(t[1],e.content)}}});return Object.assign({$_wjComponent:!0},s)}));

package/es2015-esm.js

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20241.9
+    * Wijmo Library 5.20241.9-temp1-nightly.d20240524.t154527
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -11,4 +11,4 @@
     *
     */
 
-import{ComponentBase}from"@mescius/wijmo.react.base";import*as React from"react";import*as wjcCore from"@mescius/wijmo";import*as wjcNav from"@mescius/wijmo.nav";export class TreeView extends ComponentBase{constructor(e){super(e,wjcNav.TreeView,{objectProps:["childItemsPath","displayMemberPath","imageMemberPath","checkedMemberPath","itemsSource","selectedItem","selectedNode","checkedItems"]})}}export class TabPanel extends ComponentBase{constructor(e){super(e,wjcNav.TabPanel,{objectProps:["selectedTab"]})}_createControl(){const e=new wjcNav.TabPanel(this._getElement(),null,!1,!0);e.tabs.beginUpdate();return e}componentDidMount(){super.componentDidMount();setTimeout(()=>{let e=this.control,t=e.selectedIndex,n=e.tabs;if(t>-1&&t<n.length){wjcCore.addClass(n[t].header,"wj-state-active");e.onSelectedIndexChanged()}n.endUpdate()},300)}}export class Tab extends ComponentBase{constructor(e){super(e,wjcNav.Tab);this._parentProp="tabs"}_createControl(){this._renderImpl();const e=this._getElement().children;return new wjcNav.Tab(e[0],e[1])}_renderImpl(){return React.createElement("div",{ref:this._hostRef},this.props.children)}}export class Accordion extends ComponentBase{constructor(e){super(e,wjcNav.Accordion,{objectProps:["selectedPane"]})}_createControl(){const e=new wjcNav.Accordion(this._getElement(),null,!0);e.panes.beginUpdate();return e}componentDidMount(){super.componentDidMount();setTimeout(()=>{const e=this.control,t=e.panes;e.selectedIndex<0&&t.length&&(e.selectedIndex=0);t.endUpdate()},300)}}export class AccordionPane extends ComponentBase{constructor(e){super(e,wjcNav.AccordionPane);this._parentProp="panes"}_createControl(){const e=this._getElement().children;return new wjcNav.AccordionPane(e[0],e[1])}_renderImpl(){return React.createElement("div",{ref:this._hostRef},this.props.children)}}
+import{forwardRef}from"react";import{ControlBaseMeta,selectiveDomRender,useWjComponentBase,useWjComponentChildBase}from"@mescius/wijmo.react.base";import*as wjcCore from"@mescius/wijmo";import*as wjcNav from"@mescius/wijmo.nav";export const TreeViewMeta={inputs:[...ControlBaseMeta.inputs,"allowDragging","autoCollapse","checkOnClick","checkedMemberPath","childItemsPath","collapseOnClick","collapseWhenDisabled","displayMemberPath","expandOnClick","expandOnLoad","imageMemberPath","isAnimated","isContentHtml","isReadOnly","itemsSource","lazyLoadFunction","selectedItem","selectedNode","showCheckboxes","totalItemCount"],events:[...ControlBaseMeta.events,"checkedItemsChanged","dragEnd","dragOver","dragStart","drop","formatItem","isCheckedChanged","isCheckedChanging","isCollapsedChanged","isCollapsedChanging","itemClicked","itemsSourceChanged","loadedItems","loadingItems","nodeEditEnded","nodeEditEnding","nodeEditStarted","nodeEditStarting","selectedItemChanged"]};export const TreeView=forwardRef((function(e,t){return useWjComponentBase({ref:t,properties:TreeViewMeta.inputs,events:TreeViewMeta.events,props:e,constructor:wjcNav.TreeView}).renderResult}));export const TabPanelMeta={inputs:[...ControlBaseMeta.inputs,"autoSwitch","isAnimated","selectedIndex","selectedTab"],events:[...ControlBaseMeta.events,"selectedIndexChanged"]};export const TabPanel=forwardRef((function(e,t){return useWjComponentBase({ref:t,properties:TabPanelMeta.inputs,events:TabPanelMeta.events,props:e,constructor:wjcNav.TabPanel}).renderResult}));export const TabMeta={inputs:["isDisabled","isVisible"],events:[]};export const Tab=forwardRef((function(e,t){const n=useWjComponentChildBase({ref:t,properties:TabMeta.inputs,events:TabMeta.events,props:e,constructor:wjcNav.Tab,needParentInstance:!1,parentProp:"tabs",isParentPropArray:!0,assignedToParent:!0,customConstructor:(e,t)=>new wjcNav.Tab(document.createElement("div"),document.createElement("div")),customProps:{children:(e,t)=>{selectiveDomRender(t[0],e.header);selectiveDomRender(t[1],e.pane)}}});return Object.assign({$_wjComponent:!0},n)}));export const AccordionMeta={inputs:[...ControlBaseMeta.inputs,"allowCollapseAll","allowExpandMany","autoSwitch","isAnimated","selectedIndex","selectedPane","showIcons"],events:[...ControlBaseMeta.events,"selectedIndexChanged"]};export const Accordion=forwardRef((function(e,t){return useWjComponentBase({ref:t,properties:AccordionMeta.inputs,events:AccordionMeta.events,props:e,constructor:wjcNav.Accordion}).renderResult}));export const AccordionPaneMeta={inputs:["isCollapsed","isDisabled","isVisible"],events:[]};export const AccordionPane=forwardRef((function(e,t){const n=useWjComponentChildBase({ref:t,properties:AccordionPaneMeta.inputs,events:AccordionPaneMeta.events,props:e,constructor:wjcNav.AccordionPane,needParentInstance:!1,parentProp:"panes",isParentPropArray:!0,assignedToParent:!0,customConstructor:(e,t)=>{(null==e.selectedIndex||e.selectedIndex<0)&&(e.selectedIndex=0);return new wjcNav.AccordionPane(document.createElement("div"),document.createElement("div"))},customProps:{children:(e,t)=>{e.header.classList.forEach(t=>{t.startsWith("wj")||e.header.classList.remove(t)});e.content.classList.forEach(t=>{t.startsWith("wj")||e.header.classList.remove(t)});let n="";t[0].props&&t[0].props.className&&(n=t[0].props.className);wjcCore.addClass(e.header,n);t[1].props&&t[1].props.bodyClass&&(n=t[1].props.bodyClass);wjcCore.addClass(e.content,"");selectiveDomRender(t[0],e.header);selectiveDomRender(t[1],e.content)}}});return Object.assign({$_wjComponent:!0},n)}));

package/es5-esm.js

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20241.9
+    * Wijmo Library 5.20241.9-temp1-nightly.d20240524.t154527
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -11,4 +11,4 @@
     *
     */
 
-var __extends=this&&this.__extends||function(){var extendStatics=function(e,t){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};return function(e,t){extendStatics(e,t);function __(){this.constructor=e}e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}}();import{ComponentBase}from"@mescius/wijmo.react.base";import*as React from"react";import*as wjcCore from"@mescius/wijmo";import*as wjcNav from"@mescius/wijmo.nav";var TreeView=function(e){__extends(TreeView,e);function TreeView(t){return e.call(this,t,wjcNav.TreeView,{objectProps:["childItemsPath","displayMemberPath","imageMemberPath","checkedMemberPath","itemsSource","selectedItem","selectedNode","checkedItems"]})||this}return TreeView}(ComponentBase);export{TreeView};var TabPanel=function(e){__extends(TabPanel,e);function TabPanel(t){return e.call(this,t,wjcNav.TabPanel,{objectProps:["selectedTab"]})||this}TabPanel.prototype._createControl=function(){var e=new wjcNav.TabPanel(this._getElement(),null,!1,!0);e.tabs.beginUpdate();return e};TabPanel.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this);setTimeout((function(){var e=t.control,n=e.selectedIndex,o=e.tabs;if(n>-1&&n<o.length){wjcCore.addClass(o[n].header,"wj-state-active");e.onSelectedIndexChanged()}o.endUpdate()}),300)};return TabPanel}(ComponentBase);export{TabPanel};var Tab=function(e){__extends(Tab,e);function Tab(t){var n=e.call(this,t,wjcNav.Tab)||this;n._parentProp="tabs";return n}Tab.prototype._createControl=function(){this._renderImpl();var e=this._getElement().children;return new wjcNav.Tab(e[0],e[1])};Tab.prototype._renderImpl=function(){return React.createElement("div",{ref:this._hostRef},this.props.children)};return Tab}(ComponentBase);export{Tab};var Accordion=function(e){__extends(Accordion,e);function Accordion(t){return e.call(this,t,wjcNav.Accordion,{objectProps:["selectedPane"]})||this}Accordion.prototype._createControl=function(){var e=new wjcNav.Accordion(this._getElement(),null,!0);e.panes.beginUpdate();return e};Accordion.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this);setTimeout((function(){var e=t.control,n=e.panes;e.selectedIndex<0&&n.length&&(e.selectedIndex=0);n.endUpdate()}),300)};return Accordion}(ComponentBase);export{Accordion};var AccordionPane=function(e){__extends(AccordionPane,e);function AccordionPane(t){var n=e.call(this,t,wjcNav.AccordionPane)||this;n._parentProp="panes";return n}AccordionPane.prototype._createControl=function(){var e=this._getElement().children;return new wjcNav.AccordionPane(e[0],e[1])};AccordionPane.prototype._renderImpl=function(){return React.createElement("div",{ref:this._hostRef},this.props.children)};return AccordionPane}(ComponentBase);export{AccordionPane};
+var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e}).apply(this,arguments)};import{forwardRef}from"react";import{ControlBaseMeta,selectiveDomRender,useWjComponentBase,useWjComponentChildBase}from"@mescius/wijmo.react.base";import*as wjcCore from"@mescius/wijmo";import*as wjcNav from"@mescius/wijmo.nav";export var TreeViewMeta={inputs:ControlBaseMeta.inputs.concat(["allowDragging","autoCollapse","checkOnClick","checkedMemberPath","childItemsPath","collapseOnClick","collapseWhenDisabled","displayMemberPath","expandOnClick","expandOnLoad","imageMemberPath","isAnimated","isContentHtml","isReadOnly","itemsSource","lazyLoadFunction","selectedItem","selectedNode","showCheckboxes","totalItemCount"]),events:ControlBaseMeta.events.concat(["checkedItemsChanged","dragEnd","dragOver","dragStart","drop","formatItem","isCheckedChanged","isCheckedChanging","isCollapsedChanged","isCollapsedChanging","itemClicked","itemsSourceChanged","loadedItems","loadingItems","nodeEditEnded","nodeEditEnding","nodeEditStarted","nodeEditStarting","selectedItemChanged"])};export var TreeView=forwardRef((function(e,t){return useWjComponentBase({ref:t,properties:TreeViewMeta.inputs,events:TreeViewMeta.events,props:e,constructor:wjcNav.TreeView}).renderResult}));export var TabPanelMeta={inputs:ControlBaseMeta.inputs.concat(["autoSwitch","isAnimated","selectedIndex","selectedTab"]),events:ControlBaseMeta.events.concat(["selectedIndexChanged"])};export var TabPanel=forwardRef((function(e,t){return useWjComponentBase({ref:t,properties:TabPanelMeta.inputs,events:TabPanelMeta.events,props:e,constructor:wjcNav.TabPanel}).renderResult}));export var TabMeta={inputs:["isDisabled","isVisible"],events:[]};export var Tab=forwardRef((function(e,t){var n=useWjComponentChildBase({ref:t,properties:TabMeta.inputs,events:TabMeta.events,props:e,constructor:wjcNav.Tab,needParentInstance:!1,parentProp:"tabs",isParentPropArray:!0,assignedToParent:!0,customConstructor:function(e,t){return new wjcNav.Tab(document.createElement("div"),document.createElement("div"))},customProps:{children:function(e,t){selectiveDomRender(t[0],e.header);selectiveDomRender(t[1],e.pane)}}});return __assign({$_wjComponent:!0},n)}));export var AccordionMeta={inputs:ControlBaseMeta.inputs.concat(["allowCollapseAll","allowExpandMany","autoSwitch","isAnimated","selectedIndex","selectedPane","showIcons"]),events:ControlBaseMeta.events.concat(["selectedIndexChanged"])};export var Accordion=forwardRef((function(e,t){return useWjComponentBase({ref:t,properties:AccordionMeta.inputs,events:AccordionMeta.events,props:e,constructor:wjcNav.Accordion}).renderResult}));export var AccordionPaneMeta={inputs:["isCollapsed","isDisabled","isVisible"],events:[]};export var AccordionPane=forwardRef((function(e,t){var n=useWjComponentChildBase({ref:t,properties:AccordionPaneMeta.inputs,events:AccordionPaneMeta.events,props:e,constructor:wjcNav.AccordionPane,needParentInstance:!1,parentProp:"panes",isParentPropArray:!0,assignedToParent:!0,customConstructor:function(e,t){(null==e.selectedIndex||e.selectedIndex<0)&&(e.selectedIndex=0);return new wjcNav.AccordionPane(document.createElement("div"),document.createElement("div"))},customProps:{children:function(e,t){e.header.classList.forEach((function(t){t.startsWith("wj")||e.header.classList.remove(t)}));e.content.classList.forEach((function(t){t.startsWith("wj")||e.header.classList.remove(t)}));var n="";t[0].props&&t[0].props.className&&(n=t[0].props.className);wjcCore.addClass(e.header,n);t[1].props&&t[1].props.bodyClass&&(n=t[1].props.bodyClass);wjcCore.addClass(e.content,"");selectiveDomRender(t[0],e.header);selectiveDomRender(t[1],e.content)}}});return __assign({$_wjComponent:!0},n)}));

package/index.d.ts

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20241.9
+    * Wijmo Library 5.20241.9-temp1-nightly.d20240524.t154527
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -18,7 +18,57 @@
  *
  */
 export declare var ___keepComment: any;
-import { ComponentBase } from '@mescius/wijmo.react.base';
+import { ControlBaseEvents, ControlBaseProps } from '@mescius/wijmo.react.base';
+import * as React from 'react';
+import * as wjcCore from '@mescius/wijmo';
+import * as wjcNav from '@mescius/wijmo.nav';
+export declare type TreeViewProps = ControlBaseProps & {
+    allowDragging?: boolean;
+    autoCollapse?: boolean;
+    checkOnClick?: boolean;
+    checkedMemberPath?: string | string[];
+    childItemsPath?: string | string[];
+    collapseOnClick?: boolean;
+    collapseWhenDisabled?: boolean;
+    displayMemberPath?: string | string[];
+    expandOnClick?: boolean;
+    expandOnLoad?: boolean;
+    imageMemberPath?: string | string[];
+    isAnimated?: boolean;
+    isContentHtml?: boolean;
+    isReadOnly?: boolean;
+    itemsSource?: any[];
+    lazyLoadFunction?: wjcNav.ILazyLoad;
+    selectedItem?: any;
+    selectedNode?: wjcNav.TreeNode;
+    showCheckboxes?: boolean;
+    totalItemCount?: number;
+};
+export declare type TreeViewEvents<T> = ControlBaseEvents<T> & {
+    checkedItemsChanged?: wjcCore.IEventHandler<T, wjcCore.EventArgs>;
+    dragEnd?: wjcCore.IEventHandler<T, wjcCore.EventArgs>;
+    dragOver?: wjcCore.IEventHandler<T, wjcNav.TreeNodeDragDropEventArgs>;
+    dragStart?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    drop?: wjcCore.IEventHandler<T, wjcNav.TreeNodeDragDropEventArgs>;
+    formatItem?: wjcCore.IEventHandler<T, wjcNav.FormatNodeEventArgs>;
+    isCheckedChanged?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    isCheckedChanging?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    isCollapsedChanged?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    isCollapsedChanging?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    itemClicked?: wjcCore.IEventHandler<T, wjcCore.EventArgs>;
+    itemsSourceChanged?: wjcCore.IEventHandler<T, wjcCore.EventArgs>;
+    loadedItems?: wjcCore.IEventHandler<T, wjcCore.EventArgs>;
+    loadingItems?: wjcCore.IEventHandler<T, wjcCore.CancelEventArgs>;
+    nodeEditEnded?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    nodeEditEnding?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    nodeEditStarted?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    nodeEditStarting?: wjcCore.IEventHandler<T, wjcNav.TreeNodeEventArgs>;
+    selectedItemChanged?: wjcCore.IEventHandler<T, wjcCore.EventArgs>;
+};
+export declare const TreeViewMeta: {
+    inputs: string[];
+    events: string[];
+};
 /**
  * React component for the {@link wijmo.nav.TreeView} control.
  *
@@ -28,60 +78,20 @@ import { ComponentBase } from '@mescius/wijmo.react.base';
  * You can use this event to perform further initialization in addition to setting properties in JSX.
  * The signature of the handler function is the same as any other Wijmo event handlers.
  */
-export declare class TreeView extends ComponentBase {
-    props: {
-        template?: any;
-        children?: any;
-        isDisabled?: any;
-        tabOrder?: any;
-        childItemsPath?: any;
-        displayMemberPath?: any;
-        imageMemberPath?: any;
-        checkedMemberPath?: any;
-        isContentHtml?: any;
-        showCheckboxes?: any;
-        autoCollapse?: any;
-        isAnimated?: any;
-        isReadOnly?: any;
-        allowDragging?: any;
-        checkOnClick?: any;
-        expandOnClick?: any;
-        collapseOnClick?: any;
-        expandOnLoad?: any;
-        lazyLoadFunction?: any;
-        itemsSource?: any;
-        selectedItem?: any;
-        selectedNode?: any;
-        checkedItems?: any;
-        initialized?: any;
-        gotFocus?: any;
-        lostFocus?: any;
-        refreshing?: any;
-        refreshed?: any;
-        invalidInput?: any;
-        itemsSourceChanged?: any;
-        loadingItems?: any;
-        loadedItems?: any;
-        itemClicked?: any;
-        isCollapsedChanging?: any;
-        isCollapsedChanged?: any;
-        isCheckedChanging?: any;
-        isCheckedChanged?: any;
-        formatItem?: any;
-        dragStart?: any;
-        dragOver?: any;
-        drop?: any;
-        dragEnd?: any;
-        nodeEditStarting?: any;
-        nodeEditStarted?: any;
-        nodeEditEnding?: any;
-        nodeEditEnded?: any;
-        selectedItemChanged?: any;
-        checkedItemsChanged?: any;
-        [key: string]: any;
-    };
-    constructor(props: any);
-}
+export declare const TreeView: React.ForwardRefExoticComponent<TreeViewProps & TreeViewEvents<wjcNav.TreeView>>;
+export declare type TabPanelProps = ControlBaseProps & {
+    autoSwitch?: boolean;
+    isAnimated?: boolean;
+    selectedIndex?: number;
+    selectedTab?: wjcNav.Tab;
+};
+export declare type TabPanelEvents<T> = ControlBaseEvents<T> & {
+    selectedIndexChanged?: wjcCore.IEventHandler<T, wjcCore.EventArgs>;
+};
+export declare const TabPanelMeta: {
+    inputs: string[];
+    events: string[];
+};
 /**
  * React component for the {@link wijmo.nav.TabPanel} control.
  *
@@ -94,29 +104,17 @@ export declare class TreeView extends ComponentBase {
  * You can use this event to perform further initialization in addition to setting properties in JSX.
  * The signature of the handler function is the same as any other Wijmo event handlers.
  */
-export declare class TabPanel extends ComponentBase {
-    props: {
-        template?: any;
-        children?: any;
-        isDisabled?: any;
-        tabOrder?: any;
-        isAnimated?: any;
-        autoSwitch?: any;
-        selectedIndex?: any;
-        selectedTab?: any;
-        initialized?: any;
-        gotFocus?: any;
-        lostFocus?: any;
-        refreshing?: any;
-        refreshed?: any;
-        invalidInput?: any;
-        selectedIndexChanged?: any;
-        [key: string]: any;
-    };
-    constructor(props: any);
-    protected _createControl(): any;
-    componentDidMount(): void;
-}
+export declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & TabPanelEvents<wjcNav.TabPanel>>;
+export declare type TabProps = {
+    isDisabled?: boolean;
+    isVisible?: boolean;
+    children?: any;
+};
+export declare type TabEvents<T> = {};
+export declare const TabMeta: {
+    inputs: string[];
+    events: any[];
+};
 /**
  * React component for the {@link wijmo.nav.Tab} class.
  *
@@ -129,20 +127,23 @@ export declare class TabPanel extends ComponentBase {
  * You can use this event to perform further initialization in addition to setting properties in JSX.
  * The signature of the handler function is the same as any other Wijmo event handlers.
  */
-export declare class Tab extends ComponentBase {
-    props: {
-        template?: any;
-        children?: any;
-        isDisabled?: any;
-        isVisible?: any;
-        initialized?: any;
-        [key: string]: any;
-    };
-    _parentProp: string;
-    constructor(props: any);
-    protected _createControl(): any;
-    protected _renderImpl(): any;
-}
+export declare const Tab: React.ForwardRefExoticComponent<TabProps & TabEvents<wjcNav.Tab>>;
+export declare type AccordionProps = ControlBaseProps & {
+    allowCollapseAll?: boolean;
+    allowExpandMany?: boolean;
+    autoSwitch?: boolean;
+    isAnimated?: boolean;
+    selectedIndex?: number;
+    selectedPane?: wjcNav.AccordionPane;
+    showIcons?: boolean;
+};
+export declare type AccordionEvents<T> = ControlBaseEvents<T> & {
+    selectedIndexChanged?: wjcCore.IEventHandler<T, wjcCore.EventArgs>;
+};
+export declare const AccordionMeta: {
+    inputs: string[];
+    events: string[];
+};
 /**
  * React component for the {@link wijmo.nav.Accordion} control.
  *
@@ -155,32 +156,18 @@ export declare class Tab extends ComponentBase {
  * You can use this event to perform further initialization in addition to setting properties in JSX.
  * The signature of the handler function is the same as any other Wijmo event handlers.
  */
-export declare class Accordion extends ComponentBase {
-    props: {
-        template?: any;
-        children?: any;
-        isDisabled?: any;
-        tabOrder?: any;
-        isAnimated?: any;
-        autoSwitch?: any;
-        selectedIndex?: any;
-        selectedPane?: any;
-        showIcons?: any;
-        allowCollapseAll?: any;
-        allowExpandMany?: any;
-        initialized?: any;
-        gotFocus?: any;
-        lostFocus?: any;
-        refreshing?: any;
-        refreshed?: any;
-        invalidInput?: any;
-        selectedIndexChanged?: any;
-        [key: string]: any;
-    };
-    constructor(props: any);
-    protected _createControl(): any;
-    componentDidMount(): void;
-}
+export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & AccordionEvents<wjcNav.Accordion>>;
+export declare type AccordionPaneProps = {
+    isCollapsed?: boolean;
+    isDisabled?: boolean;
+    isVisible?: boolean;
+    children?: any;
+};
+export declare type AccordionPaneEvents<T> = {};
+export declare const AccordionPaneMeta: {
+    inputs: string[];
+    events: any[];
+};
 /**
  * React component for the {@link wijmo.nav.AccordionPane} class.
  *
@@ -193,18 +180,4 @@ export declare class Accordion extends ComponentBase {
  * You can use this event to perform further initialization in addition to setting properties in JSX.
  * The signature of the handler function is the same as any other Wijmo event handlers.
  */
-export declare class AccordionPane extends ComponentBase {
-    props: {
-        template?: any;
-        children?: any;
-        isDisabled?: any;
-        isVisible?: any;
-        isCollapsed?: any;
-        initialized?: any;
-        [key: string]: any;
-    };
-    _parentProp: string;
-    constructor(props: any);
-    protected _createControl(): any;
-    protected _renderImpl(): any;
-}
+export declare const AccordionPane: React.ForwardRefExoticComponent<AccordionPaneProps & AccordionPaneEvents<wjcNav.AccordionPane>>;

package/index.js

@@ -1,6 +1,6 @@
 /*!
     *
-    * Wijmo Library 5.20241.9
+    * Wijmo Library 5.20241.9-temp1-nightly.d20240524.t154527
     * https://developer.mescius.com/wijmo
     *
     * Copyright(c) MESCIUS inc. All rights reserved.
@@ -11,4 +11,4 @@
     *
     */
 
-"use strict";var __extends=this&&this.__extends||function(){var extendStatics=function(e,t){return(extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};return function(e,t){extendStatics(e,t);function __(){this.constructor=e}e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}}(),__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);t.default=e;return t};Object.defineProperty(exports,"__esModule",{value:!0});var wijmo_react_base_1=require("@mescius/wijmo.react.base"),React=__importStar(require("react")),wjcCore=__importStar(require("@mescius/wijmo")),wjcNav=__importStar(require("@mescius/wijmo.nav")),TreeView=function(e){__extends(TreeView,e);function TreeView(t){return e.call(this,t,wjcNav.TreeView,{objectProps:["childItemsPath","displayMemberPath","imageMemberPath","checkedMemberPath","itemsSource","selectedItem","selectedNode","checkedItems"]})||this}return TreeView}(wijmo_react_base_1.ComponentBase);exports.TreeView=TreeView;var TabPanel=function(e){__extends(TabPanel,e);function TabPanel(t){return e.call(this,t,wjcNav.TabPanel,{objectProps:["selectedTab"]})||this}TabPanel.prototype._createControl=function(){var e=new wjcNav.TabPanel(this._getElement(),null,!1,!0);e.tabs.beginUpdate();return e};TabPanel.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this);setTimeout((function(){var e=t.control,n=e.selectedIndex,r=e.tabs;if(n>-1&&n<r.length){wjcCore.addClass(r[n].header,"wj-state-active");e.onSelectedIndexChanged()}r.endUpdate()}),300)};return TabPanel}(wijmo_react_base_1.ComponentBase);exports.TabPanel=TabPanel;var Tab=function(e){__extends(Tab,e);function Tab(t){var n=e.call(this,t,wjcNav.Tab)||this;n._parentProp="tabs";return n}Tab.prototype._createControl=function(){this._renderImpl();var e=this._getElement().children;return new wjcNav.Tab(e[0],e[1])};Tab.prototype._renderImpl=function(){return React.createElement("div",{ref:this._hostRef},this.props.children)};return Tab}(wijmo_react_base_1.ComponentBase);exports.Tab=Tab;var Accordion=function(e){__extends(Accordion,e);function Accordion(t){return e.call(this,t,wjcNav.Accordion,{objectProps:["selectedPane"]})||this}Accordion.prototype._createControl=function(){var e=new wjcNav.Accordion(this._getElement(),null,!0);e.panes.beginUpdate();return e};Accordion.prototype.componentDidMount=function(){var t=this;e.prototype.componentDidMount.call(this);setTimeout((function(){var e=t.control,n=e.panes;e.selectedIndex<0&&n.length&&(e.selectedIndex=0);n.endUpdate()}),300)};return Accordion}(wijmo_react_base_1.ComponentBase);exports.Accordion=Accordion;var AccordionPane=function(e){__extends(AccordionPane,e);function AccordionPane(t){var n=e.call(this,t,wjcNav.AccordionPane)||this;n._parentProp="panes";return n}AccordionPane.prototype._createControl=function(){var e=this._getElement().children;return new wjcNav.AccordionPane(e[0],e[1])};AccordionPane.prototype._renderImpl=function(){return React.createElement("div",{ref:this._hostRef},this.props.children)};return AccordionPane}(wijmo_react_base_1.ComponentBase);exports.AccordionPane=AccordionPane;
+"use strict";var __assign=this&&this.__assign||function(){return(__assign=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++){t=arguments[a];for(var s in t)Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s])}return e}).apply(this,arguments)},__importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var a in e)Object.hasOwnProperty.call(e,a)&&(t[a]=e[a]);t.default=e;return t};Object.defineProperty(exports,"__esModule",{value:!0});var react_1=require("react"),wijmo_react_base_1=require("@mescius/wijmo.react.base"),wjcCore=__importStar(require("@mescius/wijmo")),wjcNav=__importStar(require("@mescius/wijmo.nav"));exports.TreeViewMeta={inputs:wijmo_react_base_1.ControlBaseMeta.inputs.concat(["allowDragging","autoCollapse","checkOnClick","checkedMemberPath","childItemsPath","collapseOnClick","collapseWhenDisabled","displayMemberPath","expandOnClick","expandOnLoad","imageMemberPath","isAnimated","isContentHtml","isReadOnly","itemsSource","lazyLoadFunction","selectedItem","selectedNode","showCheckboxes","totalItemCount"]),events:wijmo_react_base_1.ControlBaseMeta.events.concat(["checkedItemsChanged","dragEnd","dragOver","dragStart","drop","formatItem","isCheckedChanged","isCheckedChanging","isCollapsedChanged","isCollapsedChanging","itemClicked","itemsSourceChanged","loadedItems","loadingItems","nodeEditEnded","nodeEditEnding","nodeEditStarted","nodeEditStarting","selectedItemChanged"])};exports.TreeView=react_1.forwardRef((function(e,t){return wijmo_react_base_1.useWjComponentBase({ref:t,properties:exports.TreeViewMeta.inputs,events:exports.TreeViewMeta.events,props:e,constructor:wjcNav.TreeView}).renderResult}));exports.TabPanelMeta={inputs:wijmo_react_base_1.ControlBaseMeta.inputs.concat(["autoSwitch","isAnimated","selectedIndex","selectedTab"]),events:wijmo_react_base_1.ControlBaseMeta.events.concat(["selectedIndexChanged"])};exports.TabPanel=react_1.forwardRef((function(e,t){return wijmo_react_base_1.useWjComponentBase({ref:t,properties:exports.TabPanelMeta.inputs,events:exports.TabPanelMeta.events,props:e,constructor:wjcNav.TabPanel}).renderResult}));exports.TabMeta={inputs:["isDisabled","isVisible"],events:[]};exports.Tab=react_1.forwardRef((function(e,t){var a=wijmo_react_base_1.useWjComponentChildBase({ref:t,properties:exports.TabMeta.inputs,events:exports.TabMeta.events,props:e,constructor:wjcNav.Tab,needParentInstance:!1,parentProp:"tabs",isParentPropArray:!0,assignedToParent:!0,customConstructor:function(e,t){return new wjcNav.Tab(document.createElement("div"),document.createElement("div"))},customProps:{children:function(e,t){wijmo_react_base_1.selectiveDomRender(t[0],e.header);wijmo_react_base_1.selectiveDomRender(t[1],e.pane)}}});return __assign({$_wjComponent:!0},a)}));exports.AccordionMeta={inputs:wijmo_react_base_1.ControlBaseMeta.inputs.concat(["allowCollapseAll","allowExpandMany","autoSwitch","isAnimated","selectedIndex","selectedPane","showIcons"]),events:wijmo_react_base_1.ControlBaseMeta.events.concat(["selectedIndexChanged"])};exports.Accordion=react_1.forwardRef((function(e,t){return wijmo_react_base_1.useWjComponentBase({ref:t,properties:exports.AccordionMeta.inputs,events:exports.AccordionMeta.events,props:e,constructor:wjcNav.Accordion}).renderResult}));exports.AccordionPaneMeta={inputs:["isCollapsed","isDisabled","isVisible"],events:[]};exports.AccordionPane=react_1.forwardRef((function(e,t){var a=wijmo_react_base_1.useWjComponentChildBase({ref:t,properties:exports.AccordionPaneMeta.inputs,events:exports.AccordionPaneMeta.events,props:e,constructor:wjcNav.AccordionPane,needParentInstance:!1,parentProp:"panes",isParentPropArray:!0,assignedToParent:!0,customConstructor:function(e,t){(null==e.selectedIndex||e.selectedIndex<0)&&(e.selectedIndex=0);return new wjcNav.AccordionPane(document.createElement("div"),document.createElement("div"))},customProps:{children:function(e,t){e.header.classList.forEach((function(t){t.startsWith("wj")||e.header.classList.remove(t)}));e.content.classList.forEach((function(t){t.startsWith("wj")||e.header.classList.remove(t)}));var a="";t[0].props&&t[0].props.className&&(a=t[0].props.className);wjcCore.addClass(e.header,a);t[1].props&&t[1].props.bodyClass&&(a=t[1].props.bodyClass);wjcCore.addClass(e.content,"");wijmo_react_base_1.selectiveDomRender(t[0],e.header);wijmo_react_base_1.selectiveDomRender(t[1],e.content)}}});return __assign({$_wjComponent:!0},a)}));

package/package.json

@@ -1,15 +1,15 @@
 {
     "name": "@mescius/wijmo.react.nav",
-    "version": "5.20241.9-rc",
+    "version": "5.20241.9-temp1-nightly.d20240524.t154527",
     "description": "UI library for pure JS, Angular, React, Vue and more...",
     "author": "MESCIUS inc",
     "license": "Commercial",
     "main": "./index.js",
     "types": "./index.d.ts",
     "dependencies": {
-        "@mescius/wijmo": "5.20241.9-rc",
-        "@mescius/wijmo.nav": "5.20241.9-rc",
-        "@mescius/wijmo.react.base": "5.20241.9-rc"
+        "@mescius/wijmo": "5.20241.9-temp1-nightly.d20240524.t154527",
+        "@mescius/wijmo.nav": "5.20241.9-temp1-nightly.d20240524.t154527",
+        "@mescius/wijmo.react.base": "5.20241.9-temp1-nightly.d20240524.t154527"
     },
     "homepage": "https://developer.mescius.com/wijmo",
     "bugs": {