react-table-edit 0.8.0 → 0.8.2

package/dist/index.mjs

@@ -2437,11 +2437,14 @@ var TableEdit = forwardRef3((props, ref) => {
             }
           }
         }
-        changeDataSource(dataSource);
         if (dataSourceChange) {
           dataSourceChange(dataSource);
         }
       }
+    } else {
+      if (dataSourceChange) {
+        dataSourceChange(dataSource);
+      }
     }
   };
   const handleKeyPress = (e) => {
@@ -2543,7 +2546,7 @@ var TableEdit = forwardRef3((props, ref) => {
           optionsSelect = col.selectSettings?.options ? col.selectSettings?.validateOption ? col.selectSettings?.options.filter((item) => col.selectSettings?.validateOption(item, row)) : col.selectSettings?.options : [];
         }
         if (col.selectSettings?.isMulti) {
-          valueSelect = !isNullOrUndefined(row[col.field]) && row[col.field]?.length > 0 ? optionsSelect?.filter((val) => row[col.field]?.includes(val[col.selectSettings?.fieldValue ?? "value"])) : [];
+          valueSelect = row[col.field];
         } else {
           valueSelect = !isNullOrUndefined(row[col.field]) && row[col.field] !== "" ? optionsSelect?.find((val) => val[col.selectSettings?.fieldValue ?? "value"] === row[col.field]) : "";
         }
@@ -3781,11 +3784,989 @@ 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";
+
+// test-app/src/component/input-style/fonts.ts
+var OptionFont = [
+  {
+    value: 1,
+    label: "Times New Roman"
+  },
+  {
+    value: 2,
+    label: "Arial"
+  },
+  {
+    value: 3,
+    label: "Arial Black"
+  },
+  {
+    value: 4,
+    label: "Calibri"
+  },
+  {
+    value: 5,
+    label: "Cambria"
+  },
+  {
+    value: 6,
+    label: "Candara"
+  },
+  {
+    value: 7,
+    label: "Comic Sans MS"
+  },
+  {
+    value: 8,
+    label: "Consolas"
+  },
+  {
+    value: 9,
+    label: "Courier New"
+  },
+  {
+    value: 10,
+    label: "Georgia"
+  },
+  {
+    value: 11,
+    label: "Impact"
+  },
+  {
+    value: 12,
+    label: "Lucida Console"
+  },
+  {
+    value: 13,
+    label: "Lucida Sans Unicode"
+  },
+  {
+    value: 14,
+    label: "Palatino Linotype"
+  },
+  {
+    value: 15,
+    label: "Segoe UI"
+  },
+  {
+    value: 16,
+    label: "Tahoma"
+  },
+  {
+    value: 17,
+    label: "Trebuchet MS"
+  },
+  {
+    value: 18,
+    label: "Verdana"
+  },
+  {
+    value: 19,
+    label: "Book Antiqua"
+  },
+  {
+    value: 20,
+    label: "Garamond"
+  },
+  {
+    value: 21,
+    label: "Gill Sans"
+  },
+  {
+    value: 22,
+    label: "Helvetica"
+  },
+  {
+    value: 23,
+    label: "Franklin Gothic Medium"
+  },
+  {
+    value: 24,
+    label: "Futura"
+  },
+  {
+    value: 25,
+    label: "Baskerville"
+  },
+  {
+    value: 26,
+    label: "Brush Script MT"
+  },
+  {
+    value: 27,
+    label: "Rockwell"
+  },
+  {
+    value: 28,
+    label: "Century Gothic"
+  },
+  {
+    value: 29,
+    label: "Perpetua"
+  },
+  {
+    value: 30,
+    label: "Didot"
+  },
+  {
+    value: 31,
+    label: "Arial Narrow"
+  },
+  {
+    value: 32,
+    label: "Arial Rounded MT Bold"
+  },
+  {
+    value: 33,
+    label: "Calibri Light"
+  },
+  {
+    value: 34,
+    label: "Cambria Math"
+  },
+  {
+    value: 35,
+    label: "Century"
+  },
+  {
+    value: 36,
+    label: "Charter"
+  },
+  {
+    value: 37,
+    label: "Cochin"
+  },
+  {
+    value: 40,
+    label: "Frank Ruhl"
+  },
+  {
+    value: 43,
+    label: "Lucida Bright"
+  },
+  {
+    value: 44,
+    label: "Lucida Handwriting"
+  },
+  {
+    value: 45,
+    label: "Mongolian Baiti"
+  },
+  {
+    value: 46,
+    label: "Miriam"
+  },
+  {
+    value: 47,
+    label: "MS Gothic"
+  },
+  {
+    value: 48,
+    label: "MS Mincho"
+  },
+  {
+    value: 49,
+    label: "MS PMincho"
+  },
+  {
+    value: 50,
+    label: "MS PGothic"
+  },
+  {
+    value: 51,
+    label: "MT Extra"
+  },
+  {
+    value: 52,
+    label: "Palatino"
+  },
+  {
+    value: 53,
+    label: "Tisa"
+  },
+  {
+    value: 54,
+    label: "Vivaldi"
+  },
+  {
+    value: 55,
+    label: "WST_Gothic"
+  },
+  {
+    value: 56,
+    label: "Andalus"
+  },
+  {
+    value: 57,
+    label: "Angsana New"
+  },
+  {
+    value: 58,
+    label: "Arabic Typesetting"
+  },
+  {
+    value: 59,
+    label: "Avenir"
+  },
+  {
+    value: 60,
+    label: "Browallia New"
+  },
+  {
+    value: 63,
+    label: "Iris"
+  },
+  {
+    value: 64,
+    label: "Jasmine"
+  },
+  {
+    value: 65,
+    label: "Mistral"
+  },
+  {
+    value: 66,
+    label: "Myriad Pro"
+  },
+  {
+    value: 68,
+    label: "Vladimir Script"
+  },
+  {
+    value: 69,
+    label: "Algerian"
+  },
+  {
+    value: 70,
+    label: "Berlin Sans FB"
+  },
+  {
+    value: 71,
+    label: "Bodoni MT"
+  },
+  {
+    value: 72,
+    label: "Bookman Old Style"
+  },
+  {
+    value: 73,
+    label: "Copperplate Gothic"
+  },
+  {
+    value: 74,
+    label: "Elephant"
+  },
+  {
+    value: 75,
+    label: "FangSong"
+  },
+  {
+    value: 76,
+    label: "Garamond Premr"
+  },
+  {
+    value: 77,
+    label: "Jokerman"
+  },
+  {
+    value: 78,
+    label: "Kaiti"
+  },
+  {
+    value: 79,
+    label: "MingLiU"
+  },
+  {
+    value: 80,
+    label: "Myriad"
+  },
+  {
+    value: 81,
+    label: "Oklahoma"
+  },
+  {
+    value: 82,
+    label: "Papyrus"
+  },
+  {
+    value: 83,
+    label: "Perpetua Titling MT"
+  },
+  {
+    value: 84,
+    label: "Rockwell Extra Bold"
+  },
+  {
+    value: 85,
+    label: "Script MT Bold"
+  },
+  {
+    value: 86,
+    label: "Snap ITC"
+  },
+  {
+    value: 88,
+    label: "Viner Hand ITC"
+  },
+  {
+    value: 89,
+    label: "Wingdings"
+  },
+  {
+    value: 90,
+    label: "Zapf Dingbats"
+  },
+  {
+    value: 91,
+    label: "Apple Chancery"
+  },
+  {
+    value: 92,
+    label: "Avant Garde"
+  },
+  {
+    value: 93,
+    label: "Big Caslon"
+  },
+  {
+    value: 94,
+    label: "Bodoni 72"
+  },
+  {
+    value: 95,
+    label: "Caslon"
+  },
+  {
+    value: 96,
+    label: "Chaparral Pro"
+  },
+  {
+    value: 97,
+    label: "Clarendon"
+  },
+  {
+    value: 98,
+    label: "Coolvetica"
+  },
+  {
+    value: 99,
+    label: "Doulos SIL"
+  },
+  {
+    value: 100,
+    label: "Fira Sans"
+  },
+  {
+    value: 101,
+    label: "Frutiger"
+  },
+  {
+    value: 102,
+    label: "Georgia Pro"
+  },
+  {
+    value: 103,
+    label: "Goudy Old Style"
+  },
+  {
+    value: 104,
+    label: "ITC Garamond"
+  },
+  {
+    value: 105,
+    label: "ITC Officina Sans"
+  },
+  {
+    value: 106,
+    label: "Janson Text"
+  },
+  {
+    value: 108,
+    label: "Kabel"
+  },
+  {
+    value: 109,
+    label: "Lato"
+  },
+  {
+    value: 110,
+    label: "Lora"
+  },
+  {
+    value: 111,
+    label: "Mangal"
+  },
+  {
+    value: 112,
+    label: "Marlett"
+  },
+  {
+    value: 113,
+    label: "Minion Pro"
+  },
+  {
+    value: 114,
+    label: "Modern No. 20"
+  },
+  {
+    value: 115,
+    label: "Neutraface"
+  },
+  {
+    value: 116,
+    label: "Noto Sans"
+  },
+  {
+    value: 117,
+    label: "Open Sans"
+  },
+  {
+    value: 118,
+    label: "Orator"
+  },
+  {
+    value: 119,
+    label: "Oswald"
+  },
+  {
+    value: 120,
+    label: "Playfair Display"
+  },
+  {
+    value: 121,
+    label: "Quicksand"
+  },
+  {
+    value: 122,
+    label: "Roboto"
+  },
+  {
+    value: 124,
+    label: "Sabon"
+  },
+  {
+    value: 125,
+    label: "Segoe Print"
+  },
+  {
+    value: 126,
+    label: "Segoe Script"
+  },
+  {
+    value: 128,
+    label: "TeX Gyre Adventor"
+  },
+  {
+    value: 129,
+    label: "TeX Gyre Bonum"
+  },
+  {
+    value: 130,
+    label: "TeX Gyre Chorus"
+  },
+  {
+    value: 131,
+    label: "TeX Gyre Cursor"
+  },
+  {
+    value: 132,
+    label: "TeX Gyre Heros"
+  },
+  {
+    value: 133,
+    label: "TeX Gyre Pagella"
+  },
+  {
+    value: 134,
+    label: "TeX Gyre Schola"
+  },
+  {
+    value: 135,
+    label: "TeX Gyre Termes"
+  },
+  {
+    value: 136,
+    label: "Trajan Pro"
+  },
+  {
+    value: 137,
+    label: "Univers"
+  },
+  {
+    value: 138,
+    label: "Verdana Pro"
+  },
+  {
+    value: 140,
+    label: "Zapf Calligraphic"
+  },
+  {
+    value: 141,
+    label: "Zapf Chancery"
+  },
+  {
+    value: 143,
+    label: "Abadi MT Condensed"
+  },
+  {
+    value: 144,
+    label: "Albertus"
+  },
+  {
+    value: 146,
+    label: "Aldine"
+  },
+  {
+    value: 147,
+    label: "American Typewriter"
+  },
+  {
+    value: 148,
+    label: "Andale Mono"
+  },
+  {
+    value: 149,
+    label: "Apple Gothic"
+  },
+  {
+    value: 150,
+    label: "Apple Symbols"
+  },
+  {
+    value: 151,
+    label: "Arial Unicode MS"
+  },
+  {
+    value: 153,
+    label: "Bernhard Fashion"
+  },
+  {
+    value: 154,
+    label: "Bernhard Gothic"
+  },
+  {
+    value: 155,
+    label: "Bernhard Modern"
+  },
+  {
+    value: 157,
+    label: "Blackadder ITC"
+  },
+  {
+    value: 158,
+    label: "Bodoni MT Condensed"
+  },
+  {
+    value: 160,
+    label: "Bookman"
+  },
+  {
+    value: 162,
+    label: "Bradley Hand ITC"
+  },
+  {
+    value: 163,
+    label: "Brush Script Std"
+  },
+  {
+    value: 164,
+    label: "Calisto MT"
+  },
+  {
+    value: 165,
+    label: "Castle"
+  },
+  {
+    value: 166,
+    label: "Chalkboard SE"
+  },
+  {
+    value: 167,
+    label: "Chalkduster"
+  },
+  {
+    value: 168,
+    label: "Cheltenham"
+  },
+  {
+    value: 170,
+    label: "Copperplate"
+  },
+  {
+    value: 171,
+    label: "Courier"
+  },
+  {
+    value: 172,
+    label: "Creepster"
+  },
+  {
+    value: 173,
+    label: "Crimson Text"
+  },
+  {
+    value: 177,
+    label: "Freestyle Script"
+  },
+  {
+    value: 180,
+    label: "Gill Sans MT"
+  },
+  {
+    value: 181,
+    label: "Gotham"
+  },
+  {
+    value: 182,
+    label: "Harlow Solid Italic"
+  },
+  {
+    value: 183,
+    label: "Harrington"
+  },
+  {
+    value: 184,
+    label: "Hobo Std"
+  },
+  {
+    value: 185,
+    label: "Hoefler Text"
+  },
+  {
+    value: 186,
+    label: "Humin"
+  },
+  {
+    value: 187,
+    label: "Inconsolata"
+  },
+  {
+    value: 189,
+    label: "Kaiti SC"
+  },
+  {
+    value: 190,
+    label: "Klavika"
+  },
+  {
+    value: 191,
+    label: "Kozuka Gothic"
+  },
+  {
+    value: 192,
+    label: "Kozuka Mincho"
+  },
+  {
+    value: 193,
+    label: "Lucida Grande"
+  },
+  {
+    value: 194,
+    label: "Lucida Sans"
+  },
+  {
+    value: 195,
+    label: "Lucida Sans Typewriter"
+  },
+  {
+    value: 196,
+    label: "Merryweather"
+  },
+  {
+    value: 198,
+    label: "Monaco"
+  },
+  {
+    value: 200,
+    label: "Noto Serif"
+  },
+  {
+    value: 201,
+    label: "Odin Rounded"
+  },
+  {
+    value: 202,
+    label: "Open Sans Condensed"
+  },
+  {
+    value: 203,
+    label: "Optima"
+  },
+  {
+    value: 205,
+    label: "Parchment"
+  },
+  {
+    value: 208,
+    label: "PT Serif"
+  },
+  {
+    value: 210,
+    label: "Ravie"
+  },
+  {
+    value: 212,
+    label: "Ruge Boogie"
+  },
+  {
+    value: 214,
+    label: "Segoe MDL2 Assets"
+  },
+  {
+    value: 217,
+    label: "Shonar Bangla"
+  },
+  {
+    value: 218,
+    label: "Simplified Arabic"
+  },
+  {
+    value: 219,
+    label: "Sitka"
+  },
+  {
+    value: 220,
+    label: "Stencil"
+  },
+  {
+    value: 221,
+    label: "Swis721 BT"
+  },
+  {
+    value: 230,
+    label: "Adobe Caslon Pro"
+  },
+  {
+    value: 231,
+    label: "Adobe Garamond Pro"
+  },
+  {
+    value: 232,
+    label: "Avenir Next"
+  },
+  {
+    value: 233,
+    label: "Baskerville Old Face"
+  },
+  {
+    value: 234,
+    label: "Bebas Neue"
+  },
+  {
+    value: 235,
+    label: "Bembo"
+  },
+  {
+    value: 238,
+    label: "Bodoni MT Poster Compressed"
+  },
+  {
+    value: 239,
+    label: "Braggadocio"
+  },
+  {
+    value: 241,
+    label: "Castellar"
+  },
+  {
+    value: 242,
+    label: "Chiller"
+  },
+  {
+    value: 244,
+    label: "Edwardian Script ITC"
+  },
+  {
+    value: 245,
+    label: "Exo"
+  },
+  {
+    value: 246,
+    label: "Fira Code"
+  },
+  {
+    value: 251,
+    label: "Helvetica Neue"
+  },
+  {
+    value: 252,
+    label: "Karla"
+  },
+  {
+    value: 254,
+    label: "Merriweather"
+  },
+  {
+    value: 255,
+    label: "Montserrat"
+  },
+  {
+    value: 257,
+    label: "Old English Text MT"
+  },
+  {
+    value: 258,
+    label: "Oxygen"
+  },
+  {
+    value: 261,
+    label: "Roboto Condensed"
+  },
+  {
+    value: 262,
+    label: "Source Sans Pro"
+  },
+  {
+    value: 263,
+    label: "Space Mono"
+  },
+  {
+    value: 264,
+    label: "Spectral"
+  },
+  {
+    value: 265,
+    label: "Titan One"
+  },
+  {
+    value: 266,
+    label: "Ubuntu"
+  },
+  {
+    value: 267,
+    label: "Ubuntu Condensed"
+  },
+  {
+    value: 268,
+    label: "Varela Round"
+  }
+];
+
+// test-app/src/component/input-style/index.tsx
 import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var InputStyleComponent = (props) => {
+  const { value, onChange, disabled } = props;
+  return /* @__PURE__ */ jsx18(Fragment20, { children: /* @__PURE__ */ jsxs17("div", { className: "d-flex align-items-center", children: [
+    /* @__PURE__ */ jsx18(
+      SelectTable,
+      {
+        options: OptionFont,
+        isDisabled: disabled,
+        noHeader: true,
+        value: value.fontFamily ? OptionFont.find((x) => x.label === value.fontFamily) : null,
+        onChange: (val) => {
+          onChange({ ...value, fontFamily: val.label });
+        },
+        fieldValue: "label",
+        columns: [
+          {
+            field: "label",
+            headerText: "",
+            template: (row) => {
+              return /* @__PURE__ */ jsx18("div", { style: { fontFamily: row.label }, children: row.label });
+            }
+          }
+        ],
+        formatOptionLabel: (props2) => {
+          return /* @__PURE__ */ jsx18("p", { style: {
+            paddingLeft: 3,
+            borderRadius: 2,
+            fontFamily: value.fontFamily,
+            fontWeight: value.bold ? "bold" : "normal",
+            fontStyle: value.italic ? "italic" : "normal",
+            textDecoration: value.underline ? "underline" : "normal",
+            backgroundColor: value.backgroundColor ?? "#ffffff",
+            color: value.color ?? "#000000"
+          }, children: props2.label });
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx18("div", { className: "ms-25", style: { width: 60 }, children: /* @__PURE__ */ jsx18(
+      SelectTable,
+      {
+        options: Array.from({ length: 100 }, (_, i) => ({ value: i + 1, label: i + 1 })),
+        noHeader: true,
+        isDisabled: disabled,
+        value: value.fontSize ? { value: value.fontSize, label: value.fontSize } : null,
+        onChange: (val) => {
+          onChange({ ...value, fontSize: val.value });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx18(
+      "div",
+      {
+        className: classnames10("btn-input-style", { "active-custom": value.bold }),
+        onClick: () => {
+          if (!disabled) {
+            onChange({ ...value, bold: !value.bold });
+          }
+        },
+        children: /* @__PURE__ */ jsx18(Bold, { fontSize: 18 })
+      }
+    ),
+    /* @__PURE__ */ jsx18(
+      "div",
+      {
+        className: classnames10("btn-input-style", { "active-custom": value.italic }),
+        onClick: () => {
+          if (!disabled) {
+            onChange({ ...value, italic: !value.italic });
+          }
+        },
+        children: /* @__PURE__ */ jsx18(Italic, { fontSize: 18 })
+      }
+    ),
+    /* @__PURE__ */ jsx18(
+      "div",
+      {
+        className: classnames10("btn-input-style", { "active-custom": value.underline }),
+        onClick: () => {
+          if (!disabled) {
+            onChange({ ...value, underline: !value.underline });
+          }
+        },
+        children: /* @__PURE__ */ jsx18(Underline, { fontSize: 18 })
+      }
+    ),
+    /* @__PURE__ */ jsxs17(Button6, { tag: "label", color: "none", className: "btn-input-style", children: [
+      /* @__PURE__ */ jsx18(Type, { stroke: value.color ?? "#000000", fontSize: 18 }),
+      /* @__PURE__ */ jsx18(
+        "input",
+        {
+          type: "color",
+          id: "color",
+          disabled,
+          value: value.color,
+          style: { color: "#FFF", border: "none", height: 0, width: 0, outline: "none", padding: 0 },
+          onChange: (e) => {
+            onChange({ ...value, color: e.target.value });
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs17(Button6, { tag: "label", color: "none", className: "btn-input-style", children: [
+      /* @__PURE__ */ jsx18(Droplet, { fill: value.backgroundColor ?? "#ffffff", fontSize: 18 }),
+      /* @__PURE__ */ jsx18(
+        Input9,
+        {
+          id: "backgroundColor",
+          type: "color",
+          disabled,
+          style: { color: "#FFF", border: "none", height: 0, width: 0, outline: "none", padding: 0 },
+          value: value.backgroundColor,
+          onChange: (e) => {
+            onChange({ ...value, backgroundColor: e.target.value });
+          }
+        }
+      )
+    ] })
+  ] }) });
+};
 
 // index.ts
 var Table_edit_default = table_default;
 export {
+  InputStyleComponent,
   SelectTable,
   TabsMenuComponent,
   Table_edit_default as default,