jrs-react 1.2.9 → 1.2.11

package/build/index.es.js

@@ -2807,7 +2807,7 @@ function requireReact () {
 }
 
 var reactExports = requireReact();
-var React$1 = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
+var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
 function bind(fn, thisArg) {
   return function wrap() {
@@ -6066,7 +6066,7 @@ const whatType = ({
     // const style=flexType(typeStyle,me,{},{})
     // return 'type'
     const typeStyle = typeof _typeStyle === 'function' ? _typeStyle?.bind(me)() : _typeStyle;
-    return /*#__PURE__*/React$1.createElement(type, {
+    return /*#__PURE__*/React.createElement(type, {
       style: typeStyle
     });
   } else if (render) {
@@ -6217,9 +6217,9 @@ const StyledCover = styled.div`
 const Cover = ({
   children
 }) => {
-  return /*#__PURE__*/React$1.createElement(StyledCover, null, children);
+  return /*#__PURE__*/React.createElement(StyledCover, null, children);
 };
-class JRSubmit extends React$1.Component {
+class JRSubmit extends React.Component {
   #methods = ['get', 'post', 'put', 'patch', 'delete', 'download'];
   constructor(props) {
     super(props);
@@ -6476,7 +6476,7 @@ class JRSubmit extends React$1.Component {
     return;
   }
   render() {
-    return this.props.cover != null && this.state?.lodaing ? /*#__PURE__*/React$1.createElement(Cover, null, flexType(this.props.cover, this, null, null)) : this.renderer();
+    return this.props.cover != null && this.state?.lodaing ? /*#__PURE__*/React.createElement(Cover, null, flexType(this.props.cover, this, null, null)) : this.renderer();
   }
 }
 
@@ -6494,12 +6494,12 @@ const FreeType$1 = ({
     const content = config.bind(me)({
       setStyle
     });
-    return /*#__PURE__*/React$1.createElement(Tag, {
+    return /*#__PURE__*/React.createElement(Tag, {
       className: className,
       style: style
     }, content);
   } else if (typeof config === 'string') {
-    return /*#__PURE__*/React$1.createElement(Tag, {
+    return /*#__PURE__*/React.createElement(Tag, {
       className: className
     }, config);
   }
@@ -6541,33 +6541,33 @@ const StyledJRFrame$1 = styled.div`
 `;
 class JRFrame extends JRSubmit {
   renderer() {
-    return /*#__PURE__*/React$1.createElement(StyledJRFrame$1, {
+    return /*#__PURE__*/React.createElement(StyledJRFrame$1, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
-    }, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.start,
       me: this,
       className: 'start'
-    }), /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "header",
       config: this.props.top,
       me: this
-    }), /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.left,
       me: this,
       className: 'left'
-    }), this.renderMe?.() ?? this.props.children, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }), this.renderMe?.() ?? this.props.children, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.right,
       me: this,
       className: 'right'
-    })), /*#__PURE__*/React$1.createElement(FreeType$1, {
+    })), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "footer",
       config: this.props.bottom,
       me: this
-    })), /*#__PURE__*/React$1.createElement(FreeType$1, {
+    })), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.end,
       me: this,
@@ -6594,10 +6594,10 @@ const StyledSlider$1 = styled.div`
         border-right:1px dashed gray;
     }
 `;
-class Slider$1 extends React$1.Component {
+class Slider$1 extends React.Component {
   constructor() {
     super();
-    this.sliderRef = /*#__PURE__*/React$1.createRef();
+    this.sliderRef = /*#__PURE__*/React.createRef();
   }
   stop = e => {
     this.sliderRef.current.classList.remove('resizing');
@@ -6646,7 +6646,7 @@ class Slider$1 extends React$1.Component {
   }
   render() {
     const column = this.props.column;
-    return /*#__PURE__*/React$1.createElement(StyledSlider$1, {
+    return /*#__PURE__*/React.createElement(StyledSlider$1, {
       ref: this.sliderRef,
       onMouseDown: e => {
         this.start(this.props.thRef, column);
@@ -6659,7 +6659,7 @@ const Colgroup = ({
   leafColumns,
   colGroupRef
 }) => {
-  return /*#__PURE__*/React$1.createElement("colgroup", {
+  return /*#__PURE__*/React.createElement("colgroup", {
     ref: colGroupRef
   }, leafColumns?.map((_column, index) => {
     const {
@@ -6669,7 +6669,7 @@ const Colgroup = ({
     const style = {
       width
     };
-    return /*#__PURE__*/React$1.createElement("col", {
+    return /*#__PURE__*/React.createElement("col", {
       style: style,
       key: index
     });
@@ -6682,13 +6682,13 @@ const Ths$1 = ({
   table
 }) => {
   return rowColumn?.map((column, colIndex) => {
-    const thRef = /*#__PURE__*/React$1.createRef();
-    return /*#__PURE__*/React$1.createElement("th", {
+    const thRef = /*#__PURE__*/React.createRef();
+    return /*#__PURE__*/React.createElement("th", {
       key: colIndex,
       ref: thRef,
       colSpan: column.colSpan,
       rowSpan: column.rowSpan ?? (column.isLeaf && deep > rowIndex ? deep - rowIndex + 1 : null)
-    }, flexType(column.label, table), table.props.resizableColumns === true && /*#__PURE__*/React$1.createElement(Slider$1, {
+    }, flexType(column.label, table), table.props.resizableColumns === true && /*#__PURE__*/React.createElement(Slider$1, {
       table: table,
       thRef: thRef,
       column: column
@@ -6702,10 +6702,10 @@ const HeadTrs = ({
 }) => {
   const columns = Array.isArray(_columns?.[0]) ? _columns : [_columns];
   return columns?.map((rowColumn, rowIndex) => {
-    return /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       className: trClassName,
       key: rowIndex
-    }, /*#__PURE__*/React$1.createElement(Ths$1, {
+    }, /*#__PURE__*/React.createElement(Ths$1, {
       deep: columns.length - 1,
       rowColumn: rowColumn,
       rowIndex: rowIndex,
@@ -6718,10 +6718,10 @@ const THead = ({
   leafColumns,
   table
 }) => {
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("thead", null, /*#__PURE__*/React$1.createElement(HeadTrs, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(HeadTrs, {
     columns: columns,
     table: table
-  })), /*#__PURE__*/React$1.createElement(Colgroup, {
+  })), /*#__PURE__*/React.createElement(Colgroup, {
     leafColumns: leafColumns,
     colGroupRef: table.colGroupRef
   }));
@@ -6746,7 +6746,7 @@ const FootThs = ({
     // }
     let style = flexType(column.style, table, {}, {});
     const content = whatType(column, table, column.label);
-    return /*#__PURE__*/React$1.createElement("th", {
+    return /*#__PURE__*/React.createElement("th", {
       style: style,
       colSpan: column.colSpan,
       rowSpan: column.rowSpan
@@ -6758,14 +6758,14 @@ const TFoot = ({
   columns
 }) => {
   const trs = columns?.map((rowColumn, rowIndex) => {
-    return /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       key: rowIndex
-    }, /*#__PURE__*/React$1.createElement(FootThs, {
+    }, /*#__PURE__*/React.createElement(FootThs, {
       columns: rowColumn,
       table: table
     }));
   });
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("tfoot", null, trs));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tfoot", null, trs));
 };
 
 function _extends() {
@@ -6816,7 +6816,7 @@ const Ths = ({
       content = column.label;
     }
     // style.textAlign=align
-    return /*#__PURE__*/React$1.createElement("th", {
+    return /*#__PURE__*/React.createElement("th", {
       key: colIndex,
       style: {
         textAlign: align,
@@ -6836,10 +6836,10 @@ const GroupColumns = ({
 }) => {
   const columns = Array.isArray(_columns?.[0]) ? _columns : [_columns];
   return columns?.map((rowColumn, rowIndex) => {
-    return /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       className: trClassName,
       key: rowIndex
-    }, /*#__PURE__*/React$1.createElement(Ths, {
+    }, /*#__PURE__*/React.createElement(Ths, {
       table: table,
       groupData: groupData,
       groupIndex: tbodyIndex,
@@ -6859,7 +6859,7 @@ styled.tr`
     }
 `;
 const GroupHeader = props => {
-  return /*#__PURE__*/React$1.createElement(GroupColumns, _extends({
+  return /*#__PURE__*/React.createElement(GroupColumns, _extends({
     trClassName: 'jr-group-header'
   }, props));
 };
@@ -6870,7 +6870,7 @@ styled.tr`
     }
 `;
 const GroupFooter = props => {
-  return /*#__PURE__*/React$1.createElement(GroupColumns, _extends({
+  return /*#__PURE__*/React.createElement(GroupColumns, _extends({
     trClassName: 'jr-group-footer'
   }, props));
 };
@@ -6917,7 +6917,7 @@ const Td = ({
     const typeStyle = flexType(_typeStyle, table, {
       record
     }, {});
-    content = /*#__PURE__*/React$1.createElement(type, {
+    content = /*#__PURE__*/React.createElement(type, {
       onChange: _onChange ? e => {
         _onChange?.bind(table)(e, {
           value,
@@ -6945,7 +6945,7 @@ const Td = ({
   } else {
     content = value;
   }
-  return /*#__PURE__*/React$1.createElement("td", {
+  return /*#__PURE__*/React.createElement("td", {
     colSpan: style.colSpan,
     rowSpan: style.rowSpan,
     style: {
@@ -6964,7 +6964,7 @@ const Tds = ({
   trIndex
 }) => {
   return leafColumns?.map((column, tdIndex) => {
-    return /*#__PURE__*/React$1.createElement(Td, {
+    return /*#__PURE__*/React.createElement(Td, {
       column: column,
       key: tdIndex,
       record: record,
@@ -6989,14 +6989,14 @@ const TBody = ({
     table,
     tbodyIndex
   };
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("tbody", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tbody", {
     key: `tbody${tbodyIndex}`
-  }, groupData?.length > 0 && /*#__PURE__*/React$1.createElement(GroupHeader, _extends({
+  }, groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupHeader, _extends({
     groupData: groupData,
     columns: groupHeader
   }, neededProps)), groupData?.map?.((record, trIndex) => {
     const onRowClick = table.props.onRowClick?.bind(table);
-    return /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       key: trIndex,
       onClick: () => {
         onRowClick?.({
@@ -7005,13 +7005,13 @@ const TBody = ({
           groupIndex: tbodyIndex
         });
       }
-    }, /*#__PURE__*/React$1.createElement(Tds, _extends({
+    }, /*#__PURE__*/React.createElement(Tds, _extends({
       record: record,
       trIndex: trIndex
     }, neededProps, {
       leafColumns: leafColumns
     })));
-  }), groupData?.length > 0 && /*#__PURE__*/React$1.createElement(GroupFooter, _extends({
+  }), groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupFooter, _extends({
     groupData: groupData,
     columns: groupFooter
   }, neededProps))));
@@ -7029,7 +7029,7 @@ const TBodies = ({
 
   // po('dataSource',dataSource)    
   return dataSource?.map((groupData, tbodyIndex, c) => {
-    return /*#__PURE__*/React$1.createElement(TBody, {
+    return /*#__PURE__*/React.createElement(TBody, {
       key: `tbody${tbodyIndex}`,
       table: table
       // dataSource={dataSource}
@@ -7242,7 +7242,7 @@ const StyledTitle = styled.div`
         } 
     }
 `;
-class TitleBar extends React$1.Component {
+class TitleBar extends React.Component {
   pos1 = 0;
   pos2 = 0;
   pos3 = 0;
@@ -7320,18 +7320,18 @@ class TitleBar extends React$1.Component {
     window.addEventListener('mouseup', this.stop);
   }
   render() {
-    return /*#__PURE__*/React$1.createElement(StyledTitle, {
+    return /*#__PURE__*/React.createElement(StyledTitle, {
       ref: this.props.titleBarRef,
       draggable: "false",
       onMouseDown: e => {
         this.start(e);
       }
-    }, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.title ?? '',
       me: this.props.window,
       className: 'title'
-    }), /*#__PURE__*/React$1.createElement("nav", null, /*#__PURE__*/React$1.createElement(JRButton, null), /*#__PURE__*/React$1.createElement(JRButton, null), this.props.window.props.setOpen ? /*#__PURE__*/React$1.createElement(JRButton, {
+    }), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(JRButton, null), /*#__PURE__*/React.createElement(JRButton, null), this.props.window.props.setOpen ? /*#__PURE__*/React.createElement(JRButton, {
       className: 'danger',
       onClick: () => {
         this.props.window.props.setOpen(false);
@@ -7341,9 +7341,9 @@ class TitleBar extends React$1.Component {
 }
 
 const directions = ['n', 'e', 's', 'w', 'nww', 'nnw', 'nne', 'nee', 'sse', 'see', 'sww', 'ssw'];
-class Sliders extends React$1.Component {
+class Sliders extends React.Component {
   render() {
-    return directions.map((direction, index) => /*#__PURE__*/React$1.createElement(Slider, {
+    return directions.map((direction, index) => /*#__PURE__*/React.createElement(Slider, {
       direction: direction,
       thick: this.props.thick,
       windowRef: this.props.windowRef,
@@ -7408,13 +7408,13 @@ const StyledSlider = styled.div`
     user-select: none;
 
 `;
-class Slider extends React$1.Component {
+class Slider extends React.Component {
   width = '3px';
   borderWidth = 'px';
   borderLong = 30;
   constructor(props) {
     super(props);
-    this.sliderRef = /*#__PURE__*/React$1.createRef();
+    this.sliderRef = /*#__PURE__*/React.createRef();
   }
   directions = {
     n: {
@@ -7711,7 +7711,7 @@ class Slider extends React$1.Component {
     window.addEventListener('mouseup', this.stop);
   };
   render() {
-    return /*#__PURE__*/React$1.createElement(StyledSlider, {
+    return /*#__PURE__*/React.createElement(StyledSlider, {
       $direction: this.directions[this.props.direction],
       $padding: this.props.padding,
       onMouseDown: e => {
@@ -7776,8 +7776,8 @@ class JRWindow extends JRFrame {
   thick = 5;
   constructor(props) {
     super(props);
-    this.ref = /*#__PURE__*/React$1.createRef();
-    this.titleBarRef = /*#__PURE__*/React$1.createRef();
+    this.ref = /*#__PURE__*/React.createRef();
+    this.titleBarRef = /*#__PURE__*/React.createRef();
     this.init();
   }
   componentWillUpdate(prevProps, prevState, snapshot) {
@@ -7792,7 +7792,7 @@ class JRWindow extends JRFrame {
     this.y = this.props.y ?? (window.innerHeight - (this.height ?? 300)) / 2;
   }
   renderer() {
-    return this.props.popup === true ? this.props.open === true ? /*#__PURE__*/React$1.createElement(StyledJRWindow, {
+    return this.props.popup === true ? this.props.open === true ? /*#__PURE__*/React.createElement(StyledJRWindow, {
       ref: this.ref,
       className: `jr-window ${this.props.className ?? ''}`,
       $x: this.x,
@@ -7800,13 +7800,13 @@ class JRWindow extends JRFrame {
       $width: this.width,
       $height: this.height,
       $thick: this.thick
-    }, /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(TitleBar, {
+    }, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(TitleBar, {
       titleBarRef: this.titleBarRef,
       windowRef: this.ref,
       window: this,
       title: this.props.title,
       thick: this.thick
-    }), /*#__PURE__*/React$1.createElement("main", null, super.renderer())), /*#__PURE__*/React$1.createElement(Sliders, {
+    }), /*#__PURE__*/React.createElement("main", null, super.renderer())), /*#__PURE__*/React.createElement(Sliders, {
       thick: this.thick,
       windowRef: this.ref,
       window: this,
@@ -7837,7 +7837,7 @@ const setMapObject = (map, names, value) => {
 class JRTable extends JRWindow {
   constructor(props) {
     super(props);
-    this.colGroupRef = /*#__PURE__*/React$1.createRef();
+    this.colGroupRef = /*#__PURE__*/React.createRef();
   }
   UNSAFE_componentWillMount() {
     this.setColumns(this.props.columns ?? []);
@@ -7854,7 +7854,7 @@ class JRTable extends JRWindow {
         value,
         onChange
       }) {
-        return /*#__PURE__*/React$1.createElement("checkbox", {
+        return /*#__PURE__*/React.createElement("checkbox", {
           checked: value,
           onChange: e => {
             onChange(e.target.checked);
@@ -7893,7 +7893,7 @@ class JRTable extends JRWindow {
         value,
         onChange
       }) {
-        return /*#__PURE__*/React$1.createElement("checkbox", {
+        return /*#__PURE__*/React.createElement("checkbox", {
           checked: value,
           onChange: e => {
             onChange(e.target.checked);
@@ -7903,7 +7903,7 @@ class JRTable extends JRWindow {
       align: 'center',
       name,
       label() {
-        return /*#__PURE__*/React$1.createElement("button", {
+        return /*#__PURE__*/React.createElement("button", {
           onClick: () => {
             const value = this.props.delete.value ?? this.getDataSource()?.filter(record => record[name]).map(record => sendValue ? record[sendValue] : record);
             const callback = this.props.delete.callback ?? function (a, b, c) {
@@ -8026,25 +8026,25 @@ class JRTable extends JRWindow {
   }
   //------------------------------------------------------------------------------------
   renderMe() {
-    return /*#__PURE__*/React$1.createElement(StyledJRTable, {
+    return /*#__PURE__*/React.createElement(StyledJRTable, {
       className: `${this.props.className ?? ''} jr-table ${this.props.onRowClick ? 'row-highlightable' : ''}`
-    }, /*#__PURE__*/React$1.createElement("table", {
+    }, /*#__PURE__*/React.createElement("table", {
       className: 'jr-table-table'
-    }, /*#__PURE__*/React$1.createElement(TBodies, {
+    }, /*#__PURE__*/React.createElement(TBodies, {
       table: this,
       leafColumns: this.state.leafColumns,
       groupHeader: this.props.groupHeader,
       groupFooter: this.props.groupFooter,
       dataSource: this.getDataSource(),
       onRowClick: this.props.onRowClick
-    }), /*#__PURE__*/React$1.createElement(TFoot, {
+    }), /*#__PURE__*/React.createElement(TFoot, {
       columns: this.props.footColumns,
       table: this
-    }), /*#__PURE__*/React$1.createElement(THead, {
+    }), /*#__PURE__*/React.createElement(THead, {
       columns: this.state.columns,
       leafColumns: this.state.leafColumns,
       table: this
-    })), /*#__PURE__*/React$1.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: 'empty'
     }, this.noData() && '無資料'));
   }
@@ -8393,12 +8393,12 @@ class JRFields extends JRWindow {
     }
     if (type) {
       const typeStyle = flexType(_typeStyle, this, null);
-      content = /*#__PURE__*/React$1.createElement(StyledColumnValue, {
+      content = /*#__PURE__*/React.createElement(StyledColumnValue, {
         className: 'jr-column-value',
         style: {
           gridColumn: label == null ? 'span 2' : null
         }
-      }, /*#__PURE__*/React$1.createElement(type, {
+      }, /*#__PURE__*/React.createElement(type, {
         value: value,
         onChange,
         record: parentValue,
@@ -8409,13 +8409,13 @@ class JRFields extends JRWindow {
         ...column
       }));
     } else if (column.columns) {
-      content = /*#__PURE__*/React$1.createElement(StyledGrid, {
+      content = /*#__PURE__*/React.createElement(StyledGrid, {
         cols: column.cols,
         className: 'jr-grid',
         $gap: gap
       }, this.createColumns(value, column.columns, _parentName, fullname));
     } else if (name || column.render) {
-      content = /*#__PURE__*/React$1.createElement(StyledColumnValue, {
+      content = /*#__PURE__*/React.createElement(StyledColumnValue, {
         className: 'jr-column-value',
         style: {
           gridColumn: label == null ? 'span 2' : null,
@@ -8429,7 +8429,7 @@ class JRFields extends JRWindow {
     }
     const layout = column.labelProps?.layout === undefined ? this.props.labelProps?.layout : column.labelProps?.layout;
     const labelStyle = column.labelProps?.style ?? this.props.labelProps?.style ?? {};
-    return /*#__PURE__*/React$1.createElement(StyledColumn, {
+    return /*#__PURE__*/React.createElement(StyledColumn, {
       $layout: layout,
       $hasLabel: label != null,
       key: `f${index}`,
@@ -8437,18 +8437,18 @@ class JRFields extends JRWindow {
       className: 'jr-column',
       $labelWidth: column.labelProps?.width ?? this.props.labelProps?.width ?? '120px',
       $valueWidth: column.valueProps?.width ?? this.props.valueProps?.width ?? '1fr'
-    }, label != null && /*#__PURE__*/React$1.createElement(StyledColumnLabel, {
+    }, label != null && /*#__PURE__*/React.createElement(StyledColumnLabel, {
       style: labelStyle,
       $required: required,
       className: 'label',
       $layout: layout,
       $colon: column.labelProps?.colon === undefined ? this.colon : column.labelProps?.colon
-    }, label), content, this.props.debugMode && /*#__PURE__*/React$1.createElement(StyledColumnFooter, null, /*#__PURE__*/React$1.createElement("div", {
+    }, label), content, this.props.debugMode && /*#__PURE__*/React.createElement(StyledColumnFooter, null, /*#__PURE__*/React.createElement("div", {
       className: "left"
-    }, /*#__PURE__*/React$1.createElement(ColumnMessage, {
+    }, /*#__PURE__*/React.createElement(ColumnMessage, {
       value: this.getValidateValue(_parentName.join('.')),
       record: this.getValue()
-    })), /*#__PURE__*/React$1.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "right"
     }))
     // validateValue?.[name]!==undefined && <StyledColumnFooter $layout={layout}>
@@ -8463,10 +8463,10 @@ class JRFields extends JRWindow {
     });
   }
   renderMe() {
-    return /*#__PURE__*/React$1.createElement(StyleJRFields, {
+    return /*#__PURE__*/React.createElement(StyleJRFields, {
       className: 'jr-fields',
       style: this.props.typeStyle
-    }, /*#__PURE__*/React$1.createElement(StyledGrid, {
+    }, /*#__PURE__*/React.createElement(StyledGrid, {
       cols: this.props.cols,
       style: this.props.gridStyle,
       className: 'jr-grid',
@@ -8528,7 +8528,7 @@ const FreeType = ({
     const content = config.bind(me)({
       setStyle
     });
-    return /*#__PURE__*/React$1.createElement(Tag, {
+    return /*#__PURE__*/React.createElement(Tag, {
       className: className,
       style: style
     }, content);
@@ -8536,33 +8536,33 @@ const FreeType = ({
 };
 class JRTestReact extends JRSubmit {
   renderer() {
-    return /*#__PURE__*/React$1.createElement(StyledJRFrame, {
+    return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
-    }, /*#__PURE__*/React$1.createElement(FreeType, {
+    }, /*#__PURE__*/React.createElement(FreeType, {
       tag: "div",
       config: this.props.start,
       me: this,
       className: 'start'
-    }), /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(FreeType, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
       tag: "header",
       config: this.props.top,
       me: this
-    }), /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(FreeType, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
       tag: "div",
       config: this.props.left,
       me: this,
       className: 'left'
-    }), this.renderMe(), /*#__PURE__*/React$1.createElement(FreeType, {
+    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
       tag: "div",
       config: this.props.right,
       me: this,
       className: 'right'
-    })), /*#__PURE__*/React$1.createElement(FreeType, {
+    })), /*#__PURE__*/React.createElement(FreeType, {
       tag: "footer",
       config: this.props.bottom,
       me: this
-    })), /*#__PURE__*/React$1.createElement(FreeType, {
+    })), /*#__PURE__*/React.createElement(FreeType, {
       tag: "div",
       config: this.props.end,
       me: this,
@@ -8570,7 +8570,7 @@ class JRTestReact extends JRSubmit {
     }));
   }
   renderMe() {
-    return /*#__PURE__*/React$1.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       style: {
         flex: 1
       }
@@ -8578,4 +8578,4 @@ class JRTestReact extends JRSubmit {
   }
 }
 
-export { JRFields, JRFrame, JRSubmit, JRTable, JRTestReact };
+export { JRButton, JRFields, JRFrame, JRSubmit, JRTable, JRTestReact };

package/build/index.js

@@ -2815,7 +2815,7 @@ function requireReact () {
 }
 
 var reactExports = requireReact();
-var React$1 = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
+var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
 
 function bind(fn, thisArg) {
   return function wrap() {
@@ -6074,7 +6074,7 @@ const whatType = ({
     // const style=flexType(typeStyle,me,{},{})
     // return 'type'
     const typeStyle = typeof _typeStyle === 'function' ? _typeStyle?.bind(me)() : _typeStyle;
-    return /*#__PURE__*/React$1.createElement(type, {
+    return /*#__PURE__*/React.createElement(type, {
       style: typeStyle
     });
   } else if (render) {
@@ -6225,9 +6225,9 @@ const StyledCover = styled__default["default"].div`
 const Cover = ({
   children
 }) => {
-  return /*#__PURE__*/React$1.createElement(StyledCover, null, children);
+  return /*#__PURE__*/React.createElement(StyledCover, null, children);
 };
-class JRSubmit extends React$1.Component {
+class JRSubmit extends React.Component {
   #methods = ['get', 'post', 'put', 'patch', 'delete', 'download'];
   constructor(props) {
     super(props);
@@ -6484,7 +6484,7 @@ class JRSubmit extends React$1.Component {
     return;
   }
   render() {
-    return this.props.cover != null && this.state?.lodaing ? /*#__PURE__*/React$1.createElement(Cover, null, flexType(this.props.cover, this, null, null)) : this.renderer();
+    return this.props.cover != null && this.state?.lodaing ? /*#__PURE__*/React.createElement(Cover, null, flexType(this.props.cover, this, null, null)) : this.renderer();
   }
 }
 
@@ -6502,12 +6502,12 @@ const FreeType$1 = ({
     const content = config.bind(me)({
       setStyle
     });
-    return /*#__PURE__*/React$1.createElement(Tag, {
+    return /*#__PURE__*/React.createElement(Tag, {
       className: className,
       style: style
     }, content);
   } else if (typeof config === 'string') {
-    return /*#__PURE__*/React$1.createElement(Tag, {
+    return /*#__PURE__*/React.createElement(Tag, {
       className: className
     }, config);
   }
@@ -6549,33 +6549,33 @@ const StyledJRFrame$1 = styled__default["default"].div`
 `;
 class JRFrame extends JRSubmit {
   renderer() {
-    return /*#__PURE__*/React$1.createElement(StyledJRFrame$1, {
+    return /*#__PURE__*/React.createElement(StyledJRFrame$1, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
-    }, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.start,
       me: this,
       className: 'start'
-    }), /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "header",
       config: this.props.top,
       me: this
-    }), /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.left,
       me: this,
       className: 'left'
-    }), this.renderMe?.() ?? this.props.children, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }), this.renderMe?.() ?? this.props.children, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.right,
       me: this,
       className: 'right'
-    })), /*#__PURE__*/React$1.createElement(FreeType$1, {
+    })), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "footer",
       config: this.props.bottom,
       me: this
-    })), /*#__PURE__*/React$1.createElement(FreeType$1, {
+    })), /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.end,
       me: this,
@@ -6602,10 +6602,10 @@ const StyledSlider$1 = styled__default["default"].div`
         border-right:1px dashed gray;
     }
 `;
-class Slider$1 extends React$1.Component {
+class Slider$1 extends React.Component {
   constructor() {
     super();
-    this.sliderRef = /*#__PURE__*/React$1.createRef();
+    this.sliderRef = /*#__PURE__*/React.createRef();
   }
   stop = e => {
     this.sliderRef.current.classList.remove('resizing');
@@ -6654,7 +6654,7 @@ class Slider$1 extends React$1.Component {
   }
   render() {
     const column = this.props.column;
-    return /*#__PURE__*/React$1.createElement(StyledSlider$1, {
+    return /*#__PURE__*/React.createElement(StyledSlider$1, {
       ref: this.sliderRef,
       onMouseDown: e => {
         this.start(this.props.thRef, column);
@@ -6667,7 +6667,7 @@ const Colgroup = ({
   leafColumns,
   colGroupRef
 }) => {
-  return /*#__PURE__*/React$1.createElement("colgroup", {
+  return /*#__PURE__*/React.createElement("colgroup", {
     ref: colGroupRef
   }, leafColumns?.map((_column, index) => {
     const {
@@ -6677,7 +6677,7 @@ const Colgroup = ({
     const style = {
       width
     };
-    return /*#__PURE__*/React$1.createElement("col", {
+    return /*#__PURE__*/React.createElement("col", {
       style: style,
       key: index
     });
@@ -6690,13 +6690,13 @@ const Ths$1 = ({
   table
 }) => {
   return rowColumn?.map((column, colIndex) => {
-    const thRef = /*#__PURE__*/React$1.createRef();
-    return /*#__PURE__*/React$1.createElement("th", {
+    const thRef = /*#__PURE__*/React.createRef();
+    return /*#__PURE__*/React.createElement("th", {
       key: colIndex,
       ref: thRef,
       colSpan: column.colSpan,
       rowSpan: column.rowSpan ?? (column.isLeaf && deep > rowIndex ? deep - rowIndex + 1 : null)
-    }, flexType(column.label, table), table.props.resizableColumns === true && /*#__PURE__*/React$1.createElement(Slider$1, {
+    }, flexType(column.label, table), table.props.resizableColumns === true && /*#__PURE__*/React.createElement(Slider$1, {
       table: table,
       thRef: thRef,
       column: column
@@ -6710,10 +6710,10 @@ const HeadTrs = ({
 }) => {
   const columns = Array.isArray(_columns?.[0]) ? _columns : [_columns];
   return columns?.map((rowColumn, rowIndex) => {
-    return /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       className: trClassName,
       key: rowIndex
-    }, /*#__PURE__*/React$1.createElement(Ths$1, {
+    }, /*#__PURE__*/React.createElement(Ths$1, {
       deep: columns.length - 1,
       rowColumn: rowColumn,
       rowIndex: rowIndex,
@@ -6726,10 +6726,10 @@ const THead = ({
   leafColumns,
   table
 }) => {
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("thead", null, /*#__PURE__*/React$1.createElement(HeadTrs, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(HeadTrs, {
     columns: columns,
     table: table
-  })), /*#__PURE__*/React$1.createElement(Colgroup, {
+  })), /*#__PURE__*/React.createElement(Colgroup, {
     leafColumns: leafColumns,
     colGroupRef: table.colGroupRef
   }));
@@ -6754,7 +6754,7 @@ const FootThs = ({
     // }
     let style = flexType(column.style, table, {}, {});
     const content = whatType(column, table, column.label);
-    return /*#__PURE__*/React$1.createElement("th", {
+    return /*#__PURE__*/React.createElement("th", {
       style: style,
       colSpan: column.colSpan,
       rowSpan: column.rowSpan
@@ -6766,14 +6766,14 @@ const TFoot = ({
   columns
 }) => {
   const trs = columns?.map((rowColumn, rowIndex) => {
-    return /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       key: rowIndex
-    }, /*#__PURE__*/React$1.createElement(FootThs, {
+    }, /*#__PURE__*/React.createElement(FootThs, {
       columns: rowColumn,
       table: table
     }));
   });
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("tfoot", null, trs));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tfoot", null, trs));
 };
 
 function _extends() {
@@ -6824,7 +6824,7 @@ const Ths = ({
       content = column.label;
     }
     // style.textAlign=align
-    return /*#__PURE__*/React$1.createElement("th", {
+    return /*#__PURE__*/React.createElement("th", {
       key: colIndex,
       style: {
         textAlign: align,
@@ -6844,10 +6844,10 @@ const GroupColumns = ({
 }) => {
   const columns = Array.isArray(_columns?.[0]) ? _columns : [_columns];
   return columns?.map((rowColumn, rowIndex) => {
-    return /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       className: trClassName,
       key: rowIndex
-    }, /*#__PURE__*/React$1.createElement(Ths, {
+    }, /*#__PURE__*/React.createElement(Ths, {
       table: table,
       groupData: groupData,
       groupIndex: tbodyIndex,
@@ -6867,7 +6867,7 @@ styled__default["default"].tr`
     }
 `;
 const GroupHeader = props => {
-  return /*#__PURE__*/React$1.createElement(GroupColumns, _extends({
+  return /*#__PURE__*/React.createElement(GroupColumns, _extends({
     trClassName: 'jr-group-header'
   }, props));
 };
@@ -6878,7 +6878,7 @@ styled__default["default"].tr`
     }
 `;
 const GroupFooter = props => {
-  return /*#__PURE__*/React$1.createElement(GroupColumns, _extends({
+  return /*#__PURE__*/React.createElement(GroupColumns, _extends({
     trClassName: 'jr-group-footer'
   }, props));
 };
@@ -6925,7 +6925,7 @@ const Td = ({
     const typeStyle = flexType(_typeStyle, table, {
       record
     }, {});
-    content = /*#__PURE__*/React$1.createElement(type, {
+    content = /*#__PURE__*/React.createElement(type, {
       onChange: _onChange ? e => {
         _onChange?.bind(table)(e, {
           value,
@@ -6953,7 +6953,7 @@ const Td = ({
   } else {
     content = value;
   }
-  return /*#__PURE__*/React$1.createElement("td", {
+  return /*#__PURE__*/React.createElement("td", {
     colSpan: style.colSpan,
     rowSpan: style.rowSpan,
     style: {
@@ -6972,7 +6972,7 @@ const Tds = ({
   trIndex
 }) => {
   return leafColumns?.map((column, tdIndex) => {
-    return /*#__PURE__*/React$1.createElement(Td, {
+    return /*#__PURE__*/React.createElement(Td, {
       column: column,
       key: tdIndex,
       record: record,
@@ -6997,14 +6997,14 @@ const TBody = ({
     table,
     tbodyIndex
   };
-  return /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement("tbody", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("tbody", {
     key: `tbody${tbodyIndex}`
-  }, groupData?.length > 0 && /*#__PURE__*/React$1.createElement(GroupHeader, _extends({
+  }, groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupHeader, _extends({
     groupData: groupData,
     columns: groupHeader
   }, neededProps)), groupData?.map?.((record, trIndex) => {
     const onRowClick = table.props.onRowClick?.bind(table);
-    return /*#__PURE__*/React$1.createElement("tr", {
+    return /*#__PURE__*/React.createElement("tr", {
       key: trIndex,
       onClick: () => {
         onRowClick?.({
@@ -7013,13 +7013,13 @@ const TBody = ({
           groupIndex: tbodyIndex
         });
       }
-    }, /*#__PURE__*/React$1.createElement(Tds, _extends({
+    }, /*#__PURE__*/React.createElement(Tds, _extends({
       record: record,
       trIndex: trIndex
     }, neededProps, {
       leafColumns: leafColumns
     })));
-  }), groupData?.length > 0 && /*#__PURE__*/React$1.createElement(GroupFooter, _extends({
+  }), groupData?.length > 0 && /*#__PURE__*/React.createElement(GroupFooter, _extends({
     groupData: groupData,
     columns: groupFooter
   }, neededProps))));
@@ -7037,7 +7037,7 @@ const TBodies = ({
 
   // po('dataSource',dataSource)    
   return dataSource?.map((groupData, tbodyIndex, c) => {
-    return /*#__PURE__*/React$1.createElement(TBody, {
+    return /*#__PURE__*/React.createElement(TBody, {
       key: `tbody${tbodyIndex}`,
       table: table
       // dataSource={dataSource}
@@ -7250,7 +7250,7 @@ const StyledTitle = styled__default["default"].div`
         } 
     }
 `;
-class TitleBar extends React$1.Component {
+class TitleBar extends React.Component {
   pos1 = 0;
   pos2 = 0;
   pos3 = 0;
@@ -7328,18 +7328,18 @@ class TitleBar extends React$1.Component {
     window.addEventListener('mouseup', this.stop);
   }
   render() {
-    return /*#__PURE__*/React$1.createElement(StyledTitle, {
+    return /*#__PURE__*/React.createElement(StyledTitle, {
       ref: this.props.titleBarRef,
       draggable: "false",
       onMouseDown: e => {
         this.start(e);
       }
-    }, /*#__PURE__*/React$1.createElement(FreeType$1, {
+    }, /*#__PURE__*/React.createElement(FreeType$1, {
       tag: "div",
       config: this.props.title ?? '',
       me: this.props.window,
       className: 'title'
-    }), /*#__PURE__*/React$1.createElement("nav", null, /*#__PURE__*/React$1.createElement(JRButton, null), /*#__PURE__*/React$1.createElement(JRButton, null), this.props.window.props.setOpen ? /*#__PURE__*/React$1.createElement(JRButton, {
+    }), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(JRButton, null), /*#__PURE__*/React.createElement(JRButton, null), this.props.window.props.setOpen ? /*#__PURE__*/React.createElement(JRButton, {
       className: 'danger',
       onClick: () => {
         this.props.window.props.setOpen(false);
@@ -7349,9 +7349,9 @@ class TitleBar extends React$1.Component {
 }
 
 const directions = ['n', 'e', 's', 'w', 'nww', 'nnw', 'nne', 'nee', 'sse', 'see', 'sww', 'ssw'];
-class Sliders extends React$1.Component {
+class Sliders extends React.Component {
   render() {
-    return directions.map((direction, index) => /*#__PURE__*/React$1.createElement(Slider, {
+    return directions.map((direction, index) => /*#__PURE__*/React.createElement(Slider, {
       direction: direction,
       thick: this.props.thick,
       windowRef: this.props.windowRef,
@@ -7416,13 +7416,13 @@ const StyledSlider = styled__default["default"].div`
     user-select: none;
 
 `;
-class Slider extends React$1.Component {
+class Slider extends React.Component {
   width = '3px';
   borderWidth = 'px';
   borderLong = 30;
   constructor(props) {
     super(props);
-    this.sliderRef = /*#__PURE__*/React$1.createRef();
+    this.sliderRef = /*#__PURE__*/React.createRef();
   }
   directions = {
     n: {
@@ -7719,7 +7719,7 @@ class Slider extends React$1.Component {
     window.addEventListener('mouseup', this.stop);
   };
   render() {
-    return /*#__PURE__*/React$1.createElement(StyledSlider, {
+    return /*#__PURE__*/React.createElement(StyledSlider, {
       $direction: this.directions[this.props.direction],
       $padding: this.props.padding,
       onMouseDown: e => {
@@ -7784,8 +7784,8 @@ class JRWindow extends JRFrame {
   thick = 5;
   constructor(props) {
     super(props);
-    this.ref = /*#__PURE__*/React$1.createRef();
-    this.titleBarRef = /*#__PURE__*/React$1.createRef();
+    this.ref = /*#__PURE__*/React.createRef();
+    this.titleBarRef = /*#__PURE__*/React.createRef();
     this.init();
   }
   componentWillUpdate(prevProps, prevState, snapshot) {
@@ -7800,7 +7800,7 @@ class JRWindow extends JRFrame {
     this.y = this.props.y ?? (window.innerHeight - (this.height ?? 300)) / 2;
   }
   renderer() {
-    return this.props.popup === true ? this.props.open === true ? /*#__PURE__*/React$1.createElement(StyledJRWindow, {
+    return this.props.popup === true ? this.props.open === true ? /*#__PURE__*/React.createElement(StyledJRWindow, {
       ref: this.ref,
       className: `jr-window ${this.props.className ?? ''}`,
       $x: this.x,
@@ -7808,13 +7808,13 @@ class JRWindow extends JRFrame {
       $width: this.width,
       $height: this.height,
       $thick: this.thick
-    }, /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(TitleBar, {
+    }, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(TitleBar, {
       titleBarRef: this.titleBarRef,
       windowRef: this.ref,
       window: this,
       title: this.props.title,
       thick: this.thick
-    }), /*#__PURE__*/React$1.createElement("main", null, super.renderer())), /*#__PURE__*/React$1.createElement(Sliders, {
+    }), /*#__PURE__*/React.createElement("main", null, super.renderer())), /*#__PURE__*/React.createElement(Sliders, {
       thick: this.thick,
       windowRef: this.ref,
       window: this,
@@ -7845,7 +7845,7 @@ const setMapObject = (map, names, value) => {
 class JRTable extends JRWindow {
   constructor(props) {
     super(props);
-    this.colGroupRef = /*#__PURE__*/React$1.createRef();
+    this.colGroupRef = /*#__PURE__*/React.createRef();
   }
   UNSAFE_componentWillMount() {
     this.setColumns(this.props.columns ?? []);
@@ -7862,7 +7862,7 @@ class JRTable extends JRWindow {
         value,
         onChange
       }) {
-        return /*#__PURE__*/React$1.createElement("checkbox", {
+        return /*#__PURE__*/React.createElement("checkbox", {
           checked: value,
           onChange: e => {
             onChange(e.target.checked);
@@ -7901,7 +7901,7 @@ class JRTable extends JRWindow {
         value,
         onChange
       }) {
-        return /*#__PURE__*/React$1.createElement("checkbox", {
+        return /*#__PURE__*/React.createElement("checkbox", {
           checked: value,
           onChange: e => {
             onChange(e.target.checked);
@@ -7911,7 +7911,7 @@ class JRTable extends JRWindow {
       align: 'center',
       name,
       label() {
-        return /*#__PURE__*/React$1.createElement("button", {
+        return /*#__PURE__*/React.createElement("button", {
           onClick: () => {
             const value = this.props.delete.value ?? this.getDataSource()?.filter(record => record[name]).map(record => sendValue ? record[sendValue] : record);
             const callback = this.props.delete.callback ?? function (a, b, c) {
@@ -8034,25 +8034,25 @@ class JRTable extends JRWindow {
   }
   //------------------------------------------------------------------------------------
   renderMe() {
-    return /*#__PURE__*/React$1.createElement(StyledJRTable, {
+    return /*#__PURE__*/React.createElement(StyledJRTable, {
       className: `${this.props.className ?? ''} jr-table ${this.props.onRowClick ? 'row-highlightable' : ''}`
-    }, /*#__PURE__*/React$1.createElement("table", {
+    }, /*#__PURE__*/React.createElement("table", {
       className: 'jr-table-table'
-    }, /*#__PURE__*/React$1.createElement(TBodies, {
+    }, /*#__PURE__*/React.createElement(TBodies, {
       table: this,
       leafColumns: this.state.leafColumns,
       groupHeader: this.props.groupHeader,
       groupFooter: this.props.groupFooter,
       dataSource: this.getDataSource(),
       onRowClick: this.props.onRowClick
-    }), /*#__PURE__*/React$1.createElement(TFoot, {
+    }), /*#__PURE__*/React.createElement(TFoot, {
       columns: this.props.footColumns,
       table: this
-    }), /*#__PURE__*/React$1.createElement(THead, {
+    }), /*#__PURE__*/React.createElement(THead, {
       columns: this.state.columns,
       leafColumns: this.state.leafColumns,
       table: this
-    })), /*#__PURE__*/React$1.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: 'empty'
     }, this.noData() && '無資料'));
   }
@@ -8401,12 +8401,12 @@ class JRFields extends JRWindow {
     }
     if (type) {
       const typeStyle = flexType(_typeStyle, this, null);
-      content = /*#__PURE__*/React$1.createElement(StyledColumnValue, {
+      content = /*#__PURE__*/React.createElement(StyledColumnValue, {
         className: 'jr-column-value',
         style: {
           gridColumn: label == null ? 'span 2' : null
         }
-      }, /*#__PURE__*/React$1.createElement(type, {
+      }, /*#__PURE__*/React.createElement(type, {
         value: value,
         onChange,
         record: parentValue,
@@ -8417,13 +8417,13 @@ class JRFields extends JRWindow {
         ...column
       }));
     } else if (column.columns) {
-      content = /*#__PURE__*/React$1.createElement(StyledGrid, {
+      content = /*#__PURE__*/React.createElement(StyledGrid, {
         cols: column.cols,
         className: 'jr-grid',
         $gap: gap
       }, this.createColumns(value, column.columns, _parentName, fullname));
     } else if (name || column.render) {
-      content = /*#__PURE__*/React$1.createElement(StyledColumnValue, {
+      content = /*#__PURE__*/React.createElement(StyledColumnValue, {
         className: 'jr-column-value',
         style: {
           gridColumn: label == null ? 'span 2' : null,
@@ -8437,7 +8437,7 @@ class JRFields extends JRWindow {
     }
     const layout = column.labelProps?.layout === undefined ? this.props.labelProps?.layout : column.labelProps?.layout;
     const labelStyle = column.labelProps?.style ?? this.props.labelProps?.style ?? {};
-    return /*#__PURE__*/React$1.createElement(StyledColumn, {
+    return /*#__PURE__*/React.createElement(StyledColumn, {
       $layout: layout,
       $hasLabel: label != null,
       key: `f${index}`,
@@ -8445,18 +8445,18 @@ class JRFields extends JRWindow {
       className: 'jr-column',
       $labelWidth: column.labelProps?.width ?? this.props.labelProps?.width ?? '120px',
       $valueWidth: column.valueProps?.width ?? this.props.valueProps?.width ?? '1fr'
-    }, label != null && /*#__PURE__*/React$1.createElement(StyledColumnLabel, {
+    }, label != null && /*#__PURE__*/React.createElement(StyledColumnLabel, {
       style: labelStyle,
       $required: required,
       className: 'label',
       $layout: layout,
       $colon: column.labelProps?.colon === undefined ? this.colon : column.labelProps?.colon
-    }, label), content, this.props.debugMode && /*#__PURE__*/React$1.createElement(StyledColumnFooter, null, /*#__PURE__*/React$1.createElement("div", {
+    }, label), content, this.props.debugMode && /*#__PURE__*/React.createElement(StyledColumnFooter, null, /*#__PURE__*/React.createElement("div", {
       className: "left"
-    }, /*#__PURE__*/React$1.createElement(ColumnMessage, {
+    }, /*#__PURE__*/React.createElement(ColumnMessage, {
       value: this.getValidateValue(_parentName.join('.')),
       record: this.getValue()
-    })), /*#__PURE__*/React$1.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: "right"
     }))
     // validateValue?.[name]!==undefined && <StyledColumnFooter $layout={layout}>
@@ -8471,10 +8471,10 @@ class JRFields extends JRWindow {
     });
   }
   renderMe() {
-    return /*#__PURE__*/React$1.createElement(StyleJRFields, {
+    return /*#__PURE__*/React.createElement(StyleJRFields, {
       className: 'jr-fields',
       style: this.props.typeStyle
-    }, /*#__PURE__*/React$1.createElement(StyledGrid, {
+    }, /*#__PURE__*/React.createElement(StyledGrid, {
       cols: this.props.cols,
       style: this.props.gridStyle,
       className: 'jr-grid',
@@ -8536,7 +8536,7 @@ const FreeType = ({
     const content = config.bind(me)({
       setStyle
     });
-    return /*#__PURE__*/React$1.createElement(Tag, {
+    return /*#__PURE__*/React.createElement(Tag, {
       className: className,
       style: style
     }, content);
@@ -8544,33 +8544,33 @@ const FreeType = ({
 };
 class JRTestReact extends JRSubmit {
   renderer() {
-    return /*#__PURE__*/React$1.createElement(StyledJRFrame, {
+    return /*#__PURE__*/React.createElement(StyledJRFrame, {
       style: this.props.style,
       className: `${this.props.className} jr-frame`
-    }, /*#__PURE__*/React$1.createElement(FreeType, {
+    }, /*#__PURE__*/React.createElement(FreeType, {
       tag: "div",
       config: this.props.start,
       me: this,
       className: 'start'
-    }), /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(FreeType, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
       tag: "header",
       config: this.props.top,
       me: this
-    }), /*#__PURE__*/React$1.createElement("main", null, /*#__PURE__*/React$1.createElement(FreeType, {
+    }), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(FreeType, {
       tag: "div",
       config: this.props.left,
       me: this,
       className: 'left'
-    }), this.renderMe(), /*#__PURE__*/React$1.createElement(FreeType, {
+    }), this.renderMe(), /*#__PURE__*/React.createElement(FreeType, {
       tag: "div",
       config: this.props.right,
       me: this,
       className: 'right'
-    })), /*#__PURE__*/React$1.createElement(FreeType, {
+    })), /*#__PURE__*/React.createElement(FreeType, {
       tag: "footer",
       config: this.props.bottom,
       me: this
-    })), /*#__PURE__*/React$1.createElement(FreeType, {
+    })), /*#__PURE__*/React.createElement(FreeType, {
       tag: "div",
       config: this.props.end,
       me: this,
@@ -8578,7 +8578,7 @@ class JRTestReact extends JRSubmit {
     }));
   }
   renderMe() {
-    return /*#__PURE__*/React$1.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       style: {
         flex: 1
       }
@@ -8586,6 +8586,7 @@ class JRTestReact extends JRSubmit {
   }
 }
 
+exports.JRButton = JRButton;
 exports.JRFields = JRFields;
 exports.JRFrame = JRFrame;
 exports.JRSubmit = JRSubmit;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jrs-react",
-	"version": "1.2.9",
+	"version": "1.2.11",
 	"description": "",
 	"main": "build/index.js",
 	"module": "build/index.es.js",

package/src/components/JRInput/JRButton.jsx

@@ -1,3 +1,5 @@
+import React from "react"
+
 export default function JRButton({icon,children,...props}){
     return <button {...props}>{icon}{children}</button>
 }

package/src/index.js

@@ -3,7 +3,9 @@ import JRFrame from './components/JRFrame/JRFrame'
 import JRTable from './components/JRTable/JRTable'
 import JRFields from './components/JRFields/JRFields'
 import JRTestReact from './components/JRTest'
+import JRButton from './components/JRInput/JRButton'
 export {
     JRTestReact
     ,JRSubmit,JRFrame,JRTable,JRFields
+    ,JRButton
 }