@fctc/sme-widget-ui 2.5.8 → 2.6.0

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/dist/index.js +10 -8
  2. package/dist/index.mjs +10 -8
  3. package/dist/widgets.js +10 -8
  4. package/dist/widgets.mjs +10 -8
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -17057,7 +17057,7 @@ var BinaryField = (props) => {
17057
17057
  "label",
17058
17058
  {
17059
17059
  htmlFor: inputId,
17060
- className: `relative p-2 flex cursor-pointer items-center justify-center rounded-lg transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
17060
+ className: `relative p-2 flex cursor-pointer items-center justify-center rounded-[12px] transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
17061
17061
  children: [
17062
17062
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17063
17063
  "input",
@@ -17603,7 +17603,12 @@ var SecureField = (props) => {
17603
17603
  {
17604
17604
  type: "button",
17605
17605
  onClick: () => setShowPlain((s4) => !s4),
17606
- className: "absolute right-[12px] top-[15px] rounded-md text-[#60656c]",
17606
+ style: {
17607
+ top: "50%",
17608
+ right: "12px",
17609
+ transform: "translateY(-50%)"
17610
+ },
17611
+ className: "absolute rounded-md text-[#60656c]",
17607
17612
  children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(EyeIconComponent, { open: showPlain })
17608
17613
  }
17609
17614
  ),
@@ -32488,7 +32493,8 @@ var HtmlField = (props) => {
32488
32493
  defaultValue = "",
32489
32494
  onChange: onChange2,
32490
32495
  value,
32491
- isEditTable
32496
+ isEditTable,
32497
+ baseClassName
32492
32498
  } = props;
32493
32499
  const divRef = (0, import_react61.useRef)(null);
32494
32500
  if (!isForm && !isEditTable) {
@@ -32519,11 +32525,7 @@ var HtmlField = (props) => {
32519
32525
  ref: divRef,
32520
32526
  contentEditable: !readonly,
32521
32527
  onInput: handleInput,
32522
- className: `${!isForm ? "!bg-transparent focus-within:!border-none" : `rounded-lg border min-h-[44px] w-full ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] border-input-primary outline-0 border-[rgba(66,66,66,0.12)] bg-white
32523
- p-2 pl-3 font-normal text-sm gap-2 leading-5
32524
- resize-none opacity-100 overflow-hidden
32525
-
32526
- `}`
32528
+ className: `widget widget-html ${baseClassName}`
32527
32529
  }
32528
32530
  );
32529
32531
  }
package/dist/index.mjs CHANGED
@@ -16930,7 +16930,7 @@ var BinaryField = (props) => {
16930
16930
  "label",
16931
16931
  {
16932
16932
  htmlFor: inputId,
16933
- className: `relative p-2 flex cursor-pointer items-center justify-center rounded-lg transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16933
+ className: `relative p-2 flex cursor-pointer items-center justify-center rounded-[12px] transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16934
16934
  children: [
16935
16935
  /* @__PURE__ */ jsx75(
16936
16936
  "input",
@@ -17476,7 +17476,12 @@ var SecureField = (props) => {
17476
17476
  {
17477
17477
  type: "button",
17478
17478
  onClick: () => setShowPlain((s4) => !s4),
17479
- className: "absolute right-[12px] top-[15px] rounded-md text-[#60656c]",
17479
+ style: {
17480
+ top: "50%",
17481
+ right: "12px",
17482
+ transform: "translateY(-50%)"
17483
+ },
17484
+ className: "absolute rounded-md text-[#60656c]",
17480
17485
  children: /* @__PURE__ */ jsx80(EyeIconComponent, { open: showPlain })
17481
17486
  }
17482
17487
  ),
@@ -32361,7 +32366,8 @@ var HtmlField = (props) => {
32361
32366
  defaultValue = "",
32362
32367
  onChange: onChange2,
32363
32368
  value,
32364
- isEditTable
32369
+ isEditTable,
32370
+ baseClassName
32365
32371
  } = props;
32366
32372
  const divRef = useRef16(null);
32367
32373
  if (!isForm && !isEditTable) {
@@ -32392,11 +32398,7 @@ var HtmlField = (props) => {
32392
32398
  ref: divRef,
32393
32399
  contentEditable: !readonly,
32394
32400
  onInput: handleInput,
32395
- className: `${!isForm ? "!bg-transparent focus-within:!border-none" : `rounded-lg border min-h-[44px] w-full ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] border-input-primary outline-0 border-[rgba(66,66,66,0.12)] bg-white
32396
- p-2 pl-3 font-normal text-sm gap-2 leading-5
32397
- resize-none opacity-100 overflow-hidden
32398
-
32399
- `}`
32401
+ className: `widget widget-html ${baseClassName}`
32400
32402
  }
32401
32403
  );
32402
32404
  }
package/dist/widgets.js CHANGED
@@ -16306,7 +16306,7 @@ var BinaryField = (props) => {
16306
16306
  "label",
16307
16307
  {
16308
16308
  htmlFor: inputId,
16309
- className: `relative p-2 flex cursor-pointer items-center justify-center rounded-lg transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16309
+ className: `relative p-2 flex cursor-pointer items-center justify-center rounded-[12px] transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16310
16310
  children: [
16311
16311
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
16312
16312
  "input",
@@ -16852,7 +16852,12 @@ var SecureField = (props) => {
16852
16852
  {
16853
16853
  type: "button",
16854
16854
  onClick: () => setShowPlain((s4) => !s4),
16855
- className: "absolute right-[12px] top-[15px] rounded-md text-[#60656c]",
16855
+ style: {
16856
+ top: "50%",
16857
+ right: "12px",
16858
+ transform: "translateY(-50%)"
16859
+ },
16860
+ className: "absolute rounded-md text-[#60656c]",
16856
16861
  children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(EyeIconComponent, { open: showPlain })
16857
16862
  }
16858
16863
  ),
@@ -31737,7 +31742,8 @@ var HtmlField = (props) => {
31737
31742
  defaultValue = "",
31738
31743
  onChange: onChange2,
31739
31744
  value,
31740
- isEditTable
31745
+ isEditTable,
31746
+ baseClassName
31741
31747
  } = props;
31742
31748
  const divRef = (0, import_react61.useRef)(null);
31743
31749
  if (!isForm && !isEditTable) {
@@ -31768,11 +31774,7 @@ var HtmlField = (props) => {
31768
31774
  ref: divRef,
31769
31775
  contentEditable: !readonly,
31770
31776
  onInput: handleInput,
31771
- className: `${!isForm ? "!bg-transparent focus-within:!border-none" : `rounded-lg border min-h-[44px] w-full ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] border-input-primary outline-0 border-[rgba(66,66,66,0.12)] bg-white
31772
- p-2 pl-3 font-normal text-sm gap-2 leading-5
31773
- resize-none opacity-100 overflow-hidden
31774
-
31775
- `}`
31777
+ className: `widget widget-html ${baseClassName}`
31776
31778
  }
31777
31779
  );
31778
31780
  }
package/dist/widgets.mjs CHANGED
@@ -16243,7 +16243,7 @@ var BinaryField = (props) => {
16243
16243
  "label",
16244
16244
  {
16245
16245
  htmlFor: inputId,
16246
- className: `relative p-2 flex cursor-pointer items-center justify-center rounded-lg transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16246
+ className: `relative p-2 flex cursor-pointer items-center justify-center rounded-[12px] transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16247
16247
  children: [
16248
16248
  /* @__PURE__ */ jsx75(
16249
16249
  "input",
@@ -16789,7 +16789,12 @@ var SecureField = (props) => {
16789
16789
  {
16790
16790
  type: "button",
16791
16791
  onClick: () => setShowPlain((s4) => !s4),
16792
- className: "absolute right-[12px] top-[15px] rounded-md text-[#60656c]",
16792
+ style: {
16793
+ top: "50%",
16794
+ right: "12px",
16795
+ transform: "translateY(-50%)"
16796
+ },
16797
+ className: "absolute rounded-md text-[#60656c]",
16793
16798
  children: /* @__PURE__ */ jsx80(EyeIconComponent, { open: showPlain })
16794
16799
  }
16795
16800
  ),
@@ -31674,7 +31679,8 @@ var HtmlField = (props) => {
31674
31679
  defaultValue = "",
31675
31680
  onChange: onChange2,
31676
31681
  value,
31677
- isEditTable
31682
+ isEditTable,
31683
+ baseClassName
31678
31684
  } = props;
31679
31685
  const divRef = useRef16(null);
31680
31686
  if (!isForm && !isEditTable) {
@@ -31705,11 +31711,7 @@ var HtmlField = (props) => {
31705
31711
  ref: divRef,
31706
31712
  contentEditable: !readonly,
31707
31713
  onInput: handleInput,
31708
- className: `${!isForm ? "!bg-transparent focus-within:!border-none" : `rounded-lg border min-h-[44px] w-full ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] border-input-primary outline-0 border-[rgba(66,66,66,0.12)] bg-white
31709
- p-2 pl-3 font-normal text-sm gap-2 leading-5
31710
- resize-none opacity-100 overflow-hidden
31711
-
31712
- `}`
31714
+ className: `widget widget-html ${baseClassName}`
31713
31715
  }
31714
31716
  );
31715
31717
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "2.5.8",
3
+ "version": "2.6.0",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",