react-table-edit 0.7.8 → 0.8.0

package/dist/index.d.mts

@@ -34,6 +34,7 @@ type Props = {
     handleAdd?: any;
     options: any[];
     isMulti?: boolean;
+    noHeader?: boolean;
     maxHeight?: number;
     columns?: IFColumnSelectTable[];
     decimalSeparator?: string;
@@ -70,6 +71,7 @@ type ISettingFormElement = {
 type ISettingSelectElement = {
     isClearable?: boolean;
     isMulti?: boolean;
+    noHeader?: boolean;
     loadOptions?: any;
     defaultValue?: any;
     fieldValue?: string;

package/dist/index.d.ts

@@ -34,6 +34,7 @@ type Props = {
     handleAdd?: any;
     options: any[];
     isMulti?: boolean;
+    noHeader?: boolean;
     maxHeight?: number;
     columns?: IFColumnSelectTable[];
     decimalSeparator?: string;
@@ -70,6 +71,7 @@ type ISettingFormElement = {
 type ISettingSelectElement = {
     isClearable?: boolean;
     isMulti?: boolean;
+    noHeader?: boolean;
     loadOptions?: any;
     defaultValue?: any;
     fieldValue?: string;

package/dist/index.js

@@ -1581,7 +1581,7 @@ var import_classnames11 = __toESM(require("classnames"));
 var import_moment = __toESM(require("moment"));
 var import_becoxy_icons5 = require("becoxy-icons");
 var import_jsx_runtime12 = require("react/jsx-runtime");
-var defaultMaxHeight = 300;
+var defaultMaxHeight = 250;
 var SelectTable = (0, import_react12.forwardRef)((props, ref) => {
   const {
     id,
@@ -1605,6 +1605,7 @@ var SelectTable = (0, import_react12.forwardRef)((props, ref) => {
     component,
     formatOptionLabel,
     isMulti,
+    noHeader,
     isDisabled,
     showFooter,
     onPaste
@@ -1622,7 +1623,13 @@ var SelectTable = (0, import_react12.forwardRef)((props, ref) => {
   const isSelectedAll = (0, import_react12.useMemo)(() => {
     return isMulti === true && (optionsLoad ? optionsLoad : options).length > 0 && value?.length >= (optionsLoad ? optionsLoad : options).length;
   }, [optionsLoad, options, value]);
-  const defaultColumns = [
+  const defaultColumns = noHeader ? [
+    {
+      headerText: "Name",
+      field: fieldLabel ?? "label",
+      width: menuWidth
+    }
+  ] : [
     {
       field: "key",
       headerText: "Code",
@@ -1962,7 +1969,7 @@ var SelectTable = (0, import_react12.forwardRef)((props, ref) => {
     let countDisplay = 0;
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { style: { width: "100%" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "r-select-gridheader", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { className: "r-select-row", role: "row", children: [
+        !noHeader && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "r-select-gridheader", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { className: "r-select-row", role: "row", children: [
           isMulti && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: (0, import_classnames11.default)(`r-select-headercell`), style: { width: 40, top: `0px` }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "div",
             {
@@ -1990,7 +1997,7 @@ var SelectTable = (0, import_react12.forwardRef)((props, ref) => {
               )
             }
           ) }),
-          (columns ? columns : defaultColumns).map((col, index) => {
+          !noHeader && (columns ? columns : defaultColumns).map((col, index) => {
             return renderHeaderCol(col, index);
           })
         ] }) }),
@@ -2107,6 +2114,7 @@ var SelectTable = (0, import_react12.forwardRef)((props, ref) => {
                 style: {
                   width: menuWidth ? menuWidth : "min-content",
                   position: "fixed",
+                  borderRadius: 3,
                   zIndex: 9999
                 },
                 children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_reactstrap8.DropdownItem, { className: (0, import_classnames11.default)("p-0 menu-select-table"), style: { borderRadius: "6px" }, tag: "div", header: true, children: dropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -2598,6 +2606,7 @@ var TableEdit = (0, import_react16.forwardRef)((props, ref) => {
             loadOptions: col.selectSettings?.loadOptions,
             handleAdd: col.selectSettings?.handAddNew,
             isMulti: col.selectSettings?.isMulti,
+            noHeader: col.selectSettings?.noHeader,
             invalid: col.validate && col.validate(row[col.field], row),
             maxHeight: col.selectSettings?.heightPopup ? Number(col.selectSettings?.heightPopup) : void 0,
             menuWidth: col.selectSettings?.widthPopup ? Number(col.selectSettings?.widthPopup) : void 0,
@@ -3801,6 +3810,13 @@ var TabsMenuComponent = ({
   ] });
 };
 
+// test-app/src/component/input-style/index.tsx
+var import_becoxy_icons8 = require("becoxy-icons");
+var import_reactstrap13 = require("reactstrap");
+var import_classnames16 = __toESM(require("classnames"));
+var import_react18 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+
 // index.ts
 var Table_edit_default = table_default;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -1547,7 +1547,7 @@ import classnames6 from "classnames";
 import moment from "moment";
 import { Plus as Plus2 } from "becoxy-icons";
 import { Fragment as Fragment13, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
-var defaultMaxHeight = 300;
+var defaultMaxHeight = 250;
 var SelectTable = forwardRef2((props, ref) => {
   const {
     id,
@@ -1571,6 +1571,7 @@ var SelectTable = forwardRef2((props, ref) => {
     component,
     formatOptionLabel,
     isMulti,
+    noHeader,
     isDisabled,
     showFooter,
     onPaste
@@ -1588,7 +1589,13 @@ var SelectTable = forwardRef2((props, ref) => {
   const isSelectedAll = useMemo(() => {
     return isMulti === true && (optionsLoad ? optionsLoad : options).length > 0 && value?.length >= (optionsLoad ? optionsLoad : options).length;
   }, [optionsLoad, options, value]);
-  const defaultColumns = [
+  const defaultColumns = noHeader ? [
+    {
+      headerText: "Name",
+      field: fieldLabel ?? "label",
+      width: menuWidth
+    }
+  ] : [
     {
       field: "key",
       headerText: "Code",
@@ -1928,7 +1935,7 @@ var SelectTable = forwardRef2((props, ref) => {
     let countDisplay = 0;
     return /* @__PURE__ */ jsxs12(Fragment13, { children: [
       /* @__PURE__ */ jsxs12("table", { style: { width: "100%" }, children: [
-        /* @__PURE__ */ jsx12("thead", { className: "r-select-gridheader", children: /* @__PURE__ */ jsxs12("tr", { className: "r-select-row", role: "row", children: [
+        !noHeader && /* @__PURE__ */ jsx12("thead", { className: "r-select-gridheader", children: /* @__PURE__ */ jsxs12("tr", { className: "r-select-row", role: "row", children: [
           isMulti && /* @__PURE__ */ jsx12("th", { className: classnames6(`r-select-headercell`), style: { width: 40, top: `0px` }, children: /* @__PURE__ */ jsx12(
             "div",
             {
@@ -1956,7 +1963,7 @@ var SelectTable = forwardRef2((props, ref) => {
               )
             }
           ) }),
-          (columns ? columns : defaultColumns).map((col, index) => {
+          !noHeader && (columns ? columns : defaultColumns).map((col, index) => {
             return renderHeaderCol(col, index);
           })
         ] }) }),
@@ -2073,6 +2080,7 @@ var SelectTable = forwardRef2((props, ref) => {
                 style: {
                   width: menuWidth ? menuWidth : "min-content",
                   position: "fixed",
+                  borderRadius: 3,
                   zIndex: 9999
                 },
                 children: /* @__PURE__ */ jsx12(DropdownItem2, { className: classnames6("p-0 menu-select-table"), style: { borderRadius: "6px" }, tag: "div", header: true, children: dropdownOpen && /* @__PURE__ */ jsx12(
@@ -2564,6 +2572,7 @@ var TableEdit = forwardRef3((props, ref) => {
             loadOptions: col.selectSettings?.loadOptions,
             handleAdd: col.selectSettings?.handAddNew,
             isMulti: col.selectSettings?.isMulti,
+            noHeader: col.selectSettings?.noHeader,
             invalid: col.validate && col.validate(row[col.field], row),
             maxHeight: col.selectSettings?.heightPopup ? Number(col.selectSettings?.heightPopup) : void 0,
             menuWidth: col.selectSettings?.widthPopup ? Number(col.selectSettings?.widthPopup) : void 0,
@@ -3767,6 +3776,13 @@ var TabsMenuComponent = ({
   ] });
 };
 
+// test-app/src/component/input-style/index.tsx
+import { Bold, Droplet, Italic, Type, Underline } from "becoxy-icons";
+import { Button as Button6, Input as Input9 } from "reactstrap";
+import classnames10 from "classnames";
+import { Fragment as Fragment20 } from "react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+
 // index.ts
 var Table_edit_default = table_default;
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-table-edit",
   "license": "MIT",
-  "version": "0.7.8",
+  "version": "0.8.0",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",