@teselagen/ui 0.10.21 → 0.10.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/index.cjs.js +6 -3
  2. package/index.es.js +6 -3
  3. package/index.umd.js +6 -3
  4. package/package.json +1 -1
  5. package/src/TgSelect/index.js +3 -1
package/index.cjs.js CHANGED
@@ -32672,7 +32672,7 @@ const _TgSelect = class _TgSelect extends React.Component {
32672
32672
  };
32673
32673
  }
32674
32674
  render() {
32675
- var _b;
32675
+ var _b, _c;
32676
32676
  let _a = this.props, {
32677
32677
  multi,
32678
32678
  asTag,
@@ -32772,6 +32772,7 @@ const _TgSelect = class _TgSelect extends React.Component {
32772
32772
  (opt) => opt && opt.value === (value2 && value2.value || value2)
32773
32773
  );
32774
32774
  });
32775
+ const inputClassname = `${multi ? "tg-multiselect-input" : "tg-single-select-input"} ${tagInputProps && ((_c = tagInputProps.inputProps) == null ? void 0 : _c.className) || ""}`;
32775
32776
  const toRet = /* @__PURE__ */ React.createElement(
32776
32777
  select.MultiSelect,
32777
32778
  __spreadValues(__spreadValues({
@@ -32848,12 +32849,14 @@ const _TgSelect = class _TgSelect extends React.Component {
32848
32849
  this.setOpenState(true);
32849
32850
  }
32850
32851
  }, "onKeyDown"),
32851
- inputProps: __spreadValues({
32852
+ inputProps: __spreadProps(__spreadValues({
32852
32853
  autoComplete: "off",
32853
32854
  name: "tg-multiselect-input",
32854
32855
  autoFocus: autoFocus || autoOpen,
32855
32856
  onBlur
32856
- }, tagInputProps && tagInputProps.inputProps)
32857
+ }, tagInputProps && tagInputProps.inputProps), {
32858
+ className: inputClassname
32859
+ })
32857
32860
  })
32858
32861
  }), rest)
32859
32862
  );
package/index.es.js CHANGED
@@ -32654,7 +32654,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
32654
32654
  };
32655
32655
  }
32656
32656
  render() {
32657
- var _b;
32657
+ var _b, _c;
32658
32658
  let _a = this.props, {
32659
32659
  multi,
32660
32660
  asTag,
@@ -32754,6 +32754,7 @@ const _TgSelect = class _TgSelect extends React__default.Component {
32754
32754
  (opt) => opt && opt.value === (value2 && value2.value || value2)
32755
32755
  );
32756
32756
  });
32757
+ const inputClassname = `${multi ? "tg-multiselect-input" : "tg-single-select-input"} ${tagInputProps && ((_c = tagInputProps.inputProps) == null ? void 0 : _c.className) || ""}`;
32757
32758
  const toRet = /* @__PURE__ */ React__default.createElement(
32758
32759
  MultiSelect,
32759
32760
  __spreadValues(__spreadValues({
@@ -32830,12 +32831,14 @@ const _TgSelect = class _TgSelect extends React__default.Component {
32830
32831
  this.setOpenState(true);
32831
32832
  }
32832
32833
  }, "onKeyDown"),
32833
- inputProps: __spreadValues({
32834
+ inputProps: __spreadProps(__spreadValues({
32834
32835
  autoComplete: "off",
32835
32836
  name: "tg-multiselect-input",
32836
32837
  autoFocus: autoFocus || autoOpen,
32837
32838
  onBlur
32838
- }, tagInputProps && tagInputProps.inputProps)
32839
+ }, tagInputProps && tagInputProps.inputProps), {
32840
+ className: inputClassname
32841
+ })
32839
32842
  })
32840
32843
  }), rest)
32841
32844
  );
package/index.umd.js CHANGED
@@ -60275,7 +60275,7 @@ ${latestSubscriptionCallbackError.current.stack}
60275
60275
  };
60276
60276
  }
60277
60277
  render() {
60278
- var _b2;
60278
+ var _b2, _c2;
60279
60279
  let _a2 = this.props, {
60280
60280
  multi,
60281
60281
  asTag,
@@ -60375,6 +60375,7 @@ ${latestSubscriptionCallbackError.current.stack}
60375
60375
  (opt) => opt && opt.value === (value2 && value2.value || value2)
60376
60376
  );
60377
60377
  });
60378
+ const inputClassname = `${multi ? "tg-multiselect-input" : "tg-single-select-input"} ${tagInputProps && ((_c2 = tagInputProps.inputProps) == null ? void 0 : _c2.className) || ""}`;
60378
60379
  const toRet = /* @__PURE__ */ React.createElement(
60379
60380
  MultiSelect,
60380
60381
  __spreadValues(__spreadValues({
@@ -60451,12 +60452,14 @@ ${latestSubscriptionCallbackError.current.stack}
60451
60452
  this.setOpenState(true);
60452
60453
  }
60453
60454
  }, "onKeyDown"),
60454
- inputProps: __spreadValues({
60455
+ inputProps: __spreadProps(__spreadValues({
60455
60456
  autoComplete: "off",
60456
60457
  name: "tg-multiselect-input",
60457
60458
  autoFocus: autoFocus || autoOpen,
60458
60459
  onBlur
60459
- }, tagInputProps && tagInputProps.inputProps)
60460
+ }, tagInputProps && tagInputProps.inputProps), {
60461
+ className: inputClassname
60462
+ })
60460
60463
  })
60461
60464
  }), rest)
60462
60465
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teselagen/ui",
3
- "version": "0.10.21",
3
+ "version": "0.10.22",
4
4
  "main": "./src/index.js",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/TeselaGen/tg-oss",
package/src/TgSelect/index.js CHANGED
@@ -334,6 +334,7 @@ class TgSelect extends React.Component {
334
334
  opt => opt && opt.value === ((value && value.value) || value)
335
335
  );
336
336
  });
337
+ const inputClassname = `${multi ? "tg-multiselect-input" : "tg-single-select-input"} ${(tagInputProps && tagInputProps.inputProps?.className) || ""}`;
337
338
  const toRet = (
338
339
  <MultiSelect
339
340
  onActiveItemChange={this.handleActiveItemChange}
@@ -433,7 +434,8 @@ class TgSelect extends React.Component {
433
434
  name: "tg-multiselect-input",
434
435
  autoFocus: autoFocus || autoOpen,
435
436
  onBlur,
436
- ...(tagInputProps && tagInputProps.inputProps)
437
+ ...(tagInputProps && tagInputProps.inputProps),
438
+ className: inputClassname
437
439
  }
438
440
  }
439
441
  }}