@lv-x-software-house/x_view 1.2.6-dev.39 → 1.2.6-dev.41

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 (3) hide show
  1. package/dist/index.js +20 -17
  2. package/dist/index.mjs +20 -17
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -8517,12 +8517,12 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8517
8517
  {
8518
8518
  type: "button",
8519
8519
  onClick: () => !disabled && setIsOpen(!isOpen),
8520
- className: `h-5 w-5 rounded border border-white/20 shadow-sm transition-all hover:scale-110 active:scale-95 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 relative overflow-hidden ${disabled ? "opacity-40 grayscale pointer-events-none" : ""}`,
8520
+ className: `h-4 w-4 rounded-[4px] border border-white/20 shadow-sm transition-all hover:scale-110 active:scale-95 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 relative overflow-hidden ${disabled ? "opacity-40 grayscale pointer-events-none" : ""}`,
8521
8521
  style: { backgroundColor: color },
8522
8522
  title: "Alterar Cor"
8523
8523
  },
8524
8524
  /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute inset-0 shadow-[inset_0_0_2px_rgba(255,255,255,0.2)]" })
8525
- ), isOpen && !disabled && /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute bottom-full right-0 mb-2 z-[9999] p-3 bg-slate-950 rounded-xl border border-white/10 shadow-2xl w-[200px] animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "mb-3 custom-react-colorful" }, /* @__PURE__ */ import_react13.default.createElement(import_react_colorful.HexColorPicker, { color, onChange })), /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-px bg-white/10 my-3" }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "grid grid-cols-5 gap-2" }, PRESET_COLORS.map((preset) => /* @__PURE__ */ import_react13.default.createElement(
8525
+ ), isOpen && !disabled && /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute top-full right-0 mt-1 z-[9999] p-2 bg-slate-950 rounded-lg border border-white/10 shadow-[0_10px_40px_rgba(0,0,0,0.7)] w-[170px] animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "mb-2 custom-react-colorful compact" }, /* @__PURE__ */ import_react13.default.createElement(import_react_colorful.HexColorPicker, { color, onChange })), /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-px bg-white/5 my-2" }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "grid grid-cols-5 gap-1.5" }, PRESET_COLORS.map((preset) => /* @__PURE__ */ import_react13.default.createElement(
8526
8526
  "button",
8527
8527
  {
8528
8528
  key: preset,
@@ -8539,7 +8539,7 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8539
8539
  import_fi12.FiCheck,
8540
8540
  {
8541
8541
  className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`,
8542
- size: 12
8542
+ size: 10
8543
8543
  }
8544
8544
  )
8545
8545
  )))), /* @__PURE__ */ import_react13.default.createElement("style", null, `
@@ -8547,18 +8547,21 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8547
8547
  width: 100%;
8548
8548
  height: 150px;
8549
8549
  }
8550
+ .custom-react-colorful.compact .react-colorful {
8551
+ height: 100px;
8552
+ }
8550
8553
  .custom-react-colorful .react-colorful__saturation {
8551
- border-radius: 8px 8px 0 0;
8554
+ border-radius: 6px 6px 0 0;
8552
8555
  border-bottom: 1px solid rgba(255,255,255,0.1);
8553
8556
  }
8554
8557
  .custom-react-colorful .react-colorful__hue {
8555
- height: 16px;
8556
- border-radius: 0 0 8px 8px;
8558
+ height: 12px;
8559
+ border-radius: 0 0 6px 6px;
8557
8560
  margin-top: 2px;
8558
8561
  }
8559
8562
  .custom-react-colorful .react-colorful__pointer {
8560
- width: 16px;
8561
- height: 16px;
8563
+ width: 14px;
8564
+ height: 14px;
8562
8565
  border: 2px solid #fff;
8563
8566
  box-shadow: 0 1px 4px rgba(0,0,0,0.5);
8564
8567
  }
@@ -13431,7 +13434,15 @@ var BoardItem = import_react29.default.memo(
13431
13434
  placeholder: "Nome..."
13432
13435
  }
13433
13436
  ) : /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-xs font-semibold text-slate-200 block truncate" }, item.name), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[9px] text-slate-500 uppercase tracking-widest font-bold" }, ((_a = item.children) == null ? void 0 : _a.length) || 0, " itens")),
13434
- canEdit && /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute inset-y-0 right-1.5 opacity-0 group-hover/folder:opacity-100 transition-all duration-300 z-10 flex items-center" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex bg-slate-950/90 backdrop-blur-md p-1 rounded-lg border border-white/10 shadow-2xl items-center" }, /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ import_react29.default.createElement(
13437
+ canEdit && /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute inset-y-0 right-1.5 opacity-0 group-hover/folder:opacity-100 transition-all duration-300 z-10 flex items-center" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex bg-slate-950/90 backdrop-blur-md p-1 rounded-lg border border-white/10 shadow-2xl items-center" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "px-1", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react29.default.createElement(
13438
+ ColorPicker,
13439
+ {
13440
+ isCompact: true,
13441
+ color: item.color || "#6366f1",
13442
+ onChange: handleColorChange,
13443
+ disabled: !canEdit
13444
+ }
13445
+ )), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ import_react29.default.createElement(
13435
13446
  "button",
13436
13447
  {
13437
13448
  onClick: (e) => {
@@ -13493,14 +13504,6 @@ var BoardItem = import_react29.default.memo(
13493
13504
  className: "p-1 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors"
13494
13505
  },
13495
13506
  /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiTrash2, { size: 14 })
13496
- )), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__PURE__ */ import_react29.default.createElement("div", { className: "px-1", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ import_react29.default.createElement(
13497
- ColorPicker,
13498
- {
13499
- isCompact: true,
13500
- color: item.color || "#6366f1",
13501
- onChange: handleColorChange,
13502
- disabled: !canEdit
13503
- }
13504
13507
  ))))
13505
13508
  ));
13506
13509
  }
package/dist/index.mjs CHANGED
@@ -8509,12 +8509,12 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8509
8509
  {
8510
8510
  type: "button",
8511
8511
  onClick: () => !disabled && setIsOpen(!isOpen),
8512
- className: `h-5 w-5 rounded border border-white/20 shadow-sm transition-all hover:scale-110 active:scale-95 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 relative overflow-hidden ${disabled ? "opacity-40 grayscale pointer-events-none" : ""}`,
8512
+ className: `h-4 w-4 rounded-[4px] border border-white/20 shadow-sm transition-all hover:scale-110 active:scale-95 focus:outline-none focus:ring-2 focus:ring-indigo-500/50 relative overflow-hidden ${disabled ? "opacity-40 grayscale pointer-events-none" : ""}`,
8513
8513
  style: { backgroundColor: color },
8514
8514
  title: "Alterar Cor"
8515
8515
  },
8516
8516
  /* @__PURE__ */ React12.createElement("div", { className: "absolute inset-0 shadow-[inset_0_0_2px_rgba(255,255,255,0.2)]" })
8517
- ), isOpen && !disabled && /* @__PURE__ */ React12.createElement("div", { className: "absolute bottom-full right-0 mb-2 z-[9999] p-3 bg-slate-950 rounded-xl border border-white/10 shadow-2xl w-[200px] animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ React12.createElement("div", { className: "mb-3 custom-react-colorful" }, /* @__PURE__ */ React12.createElement(HexColorPicker, { color, onChange })), /* @__PURE__ */ React12.createElement("div", { className: "h-px bg-white/10 my-3" }), /* @__PURE__ */ React12.createElement("div", { className: "grid grid-cols-5 gap-2" }, PRESET_COLORS.map((preset) => /* @__PURE__ */ React12.createElement(
8517
+ ), isOpen && !disabled && /* @__PURE__ */ React12.createElement("div", { className: "absolute top-full right-0 mt-1 z-[9999] p-2 bg-slate-950 rounded-lg border border-white/10 shadow-[0_10px_40px_rgba(0,0,0,0.7)] w-[170px] animate-in fade-in zoom-in-95 duration-100" }, /* @__PURE__ */ React12.createElement("div", { className: "mb-2 custom-react-colorful compact" }, /* @__PURE__ */ React12.createElement(HexColorPicker, { color, onChange })), /* @__PURE__ */ React12.createElement("div", { className: "h-px bg-white/5 my-2" }), /* @__PURE__ */ React12.createElement("div", { className: "grid grid-cols-5 gap-1.5" }, PRESET_COLORS.map((preset) => /* @__PURE__ */ React12.createElement(
8518
8518
  "button",
8519
8519
  {
8520
8520
  key: preset,
@@ -8531,7 +8531,7 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8531
8531
  FiCheck6,
8532
8532
  {
8533
8533
  className: `drop-shadow-md ${["#ffffff", "#4df5cb", "#84cc16", "#f59e0b"].includes(preset) ? "text-black" : "text-white"}`,
8534
- size: 12
8534
+ size: 10
8535
8535
  }
8536
8536
  )
8537
8537
  )))), /* @__PURE__ */ React12.createElement("style", null, `
@@ -8539,18 +8539,21 @@ function ColorPicker({ color, onChange, disabled, isCompact = false }) {
8539
8539
  width: 100%;
8540
8540
  height: 150px;
8541
8541
  }
8542
+ .custom-react-colorful.compact .react-colorful {
8543
+ height: 100px;
8544
+ }
8542
8545
  .custom-react-colorful .react-colorful__saturation {
8543
- border-radius: 8px 8px 0 0;
8546
+ border-radius: 6px 6px 0 0;
8544
8547
  border-bottom: 1px solid rgba(255,255,255,0.1);
8545
8548
  }
8546
8549
  .custom-react-colorful .react-colorful__hue {
8547
- height: 16px;
8548
- border-radius: 0 0 8px 8px;
8550
+ height: 12px;
8551
+ border-radius: 0 0 6px 6px;
8549
8552
  margin-top: 2px;
8550
8553
  }
8551
8554
  .custom-react-colorful .react-colorful__pointer {
8552
- width: 16px;
8553
- height: 16px;
8555
+ width: 14px;
8556
+ height: 14px;
8554
8557
  border: 2px solid #fff;
8555
8558
  box-shadow: 0 1px 4px rgba(0,0,0,0.5);
8556
8559
  }
@@ -13487,7 +13490,15 @@ var BoardItem = React28.memo(
13487
13490
  placeholder: "Nome..."
13488
13491
  }
13489
13492
  ) : /* @__PURE__ */ React28.createElement("span", { className: "text-xs font-semibold text-slate-200 block truncate" }, item.name), /* @__PURE__ */ React28.createElement("span", { className: "text-[9px] text-slate-500 uppercase tracking-widest font-bold" }, ((_a = item.children) == null ? void 0 : _a.length) || 0, " itens")),
13490
- canEdit && /* @__PURE__ */ React28.createElement("div", { className: "absolute inset-y-0 right-1.5 opacity-0 group-hover/folder:opacity-100 transition-all duration-300 z-10 flex items-center" }, /* @__PURE__ */ React28.createElement("div", { className: "flex bg-slate-950/90 backdrop-blur-md p-1 rounded-lg border border-white/10 shadow-2xl items-center" }, /* @__PURE__ */ React28.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ React28.createElement(
13493
+ canEdit && /* @__PURE__ */ React28.createElement("div", { className: "absolute inset-y-0 right-1.5 opacity-0 group-hover/folder:opacity-100 transition-all duration-300 z-10 flex items-center" }, /* @__PURE__ */ React28.createElement("div", { className: "flex bg-slate-950/90 backdrop-blur-md p-1 rounded-lg border border-white/10 shadow-2xl items-center" }, /* @__PURE__ */ React28.createElement("div", { className: "px-1", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React28.createElement(
13494
+ ColorPicker,
13495
+ {
13496
+ isCompact: true,
13497
+ color: item.color || "#6366f1",
13498
+ onChange: handleColorChange,
13499
+ disabled: !canEdit
13500
+ }
13501
+ )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ React28.createElement(
13491
13502
  "button",
13492
13503
  {
13493
13504
  onClick: (e) => {
@@ -13549,14 +13560,6 @@ var BoardItem = React28.memo(
13549
13560
  className: "p-1 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors"
13550
13561
  },
13551
13562
  /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
13552
- )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__PURE__ */ React28.createElement("div", { className: "px-1", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React28.createElement(
13553
- ColorPicker,
13554
- {
13555
- isCompact: true,
13556
- color: item.color || "#6366f1",
13557
- onChange: handleColorChange,
13558
- disabled: !canEdit
13559
- }
13560
13563
  ))))
13561
13564
  ));
13562
13565
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lv-x-software-house/x_view",
3
- "version": "1.2.6-dev.39",
3
+ "version": "1.2.6-dev.41",
4
4
  "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
5
5
  "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
6
6
  "license": "UNLICENSED",