@deepnoid/ui 0.0.96 → 0.0.98

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.
@@ -76,7 +76,7 @@ Tooltip.displayName = "Tooltip";
76
76
  var tooltip_default = Tooltip;
77
77
  var tooltip = tv({
78
78
  slots: {
79
- base: ["z-0", "relative", "inline-flex", "bg-transparent"],
79
+ base: ["z-0", "relative", "bg-transparent"],
80
80
  content: [
81
81
  "absolute",
82
82
  "top-0",
@@ -13,7 +13,7 @@ import {
13
13
  } from "./chunk-E3G5QXSH.mjs";
14
14
 
15
15
  // src/components/table/table.tsx
16
- import { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from "react";
16
+ import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from "react";
17
17
  import { tv } from "tailwind-variants";
18
18
  import { jsx, jsxs } from "react/jsx-runtime";
19
19
  var Table = forwardRef((originalProps, ref) => {
@@ -21,6 +21,12 @@ var Table = forwardRef((originalProps, ref) => {
21
21
  const { classNames, rows, columns, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
22
22
  const [checkedRows, setCheckedRows] = useState(/* @__PURE__ */ new Set());
23
23
  const [selectedRows, setSelectedRows] = useState(/* @__PURE__ */ new Set());
24
+ useEffect(() => {
25
+ setCheckedRows(/* @__PURE__ */ new Set());
26
+ }, [rows]);
27
+ useEffect(() => {
28
+ setSelectedRows(/* @__PURE__ */ new Set());
29
+ }, [rows]);
24
30
  const slots = useMemo(() => table({ ...variantProps }), [...Object.values(variantProps)]);
25
31
  const getBaseProps = useCallback(
26
32
  (props2) => ({
@@ -117,10 +123,10 @@ var table_default = Table;
117
123
  var table = tv({
118
124
  slots: {
119
125
  base: "flex flex-col relative gap-4",
120
- table: "min-w-full h-auto",
126
+ table: "w-full h-auto",
121
127
  thead: "[&>tr]:first:rounded-lg",
122
- tbody: "",
123
- tr: ["group", "outline-none"],
128
+ tbody: "w-full",
129
+ tr: ["group", "outline-none", "w-full"],
124
130
  th: [
125
131
  "text-foreground",
126
132
  "!text-center",
@@ -2,14 +2,14 @@
2
2
  import {
3
3
  dateTimePickerStyle,
4
4
  dateTimePicker_default
5
- } from "../../chunk-I5SI4OCM.mjs";
5
+ } from "../../chunk-ON2OTH5K.mjs";
6
+ import "../../chunk-FWJ2ZKH6.mjs";
6
7
  import "../../chunk-FDKT4IBP.mjs";
8
+ import "../../chunk-P732YGHO.mjs";
7
9
  import "../../chunk-BCN5F2MN.mjs";
8
10
  import "../../chunk-7MVEAQ7Z.mjs";
9
11
  import "../../chunk-EYY4CRRR.mjs";
10
12
  import "../../chunk-V77MALL4.mjs";
11
- import "../../chunk-FWJ2ZKH6.mjs";
12
- import "../../chunk-P732YGHO.mjs";
13
13
  import "../../chunk-ZYIIXWVY.mjs";
14
14
  import "../../chunk-LCI6RPWE.mjs";
15
15
  import "../../chunk-IOCRFIQF.mjs";
@@ -2,14 +2,14 @@
2
2
  import "../../chunk-75HLCORR.mjs";
3
3
  import {
4
4
  dateTimePicker_default
5
- } from "../../chunk-I5SI4OCM.mjs";
5
+ } from "../../chunk-ON2OTH5K.mjs";
6
+ import "../../chunk-FWJ2ZKH6.mjs";
6
7
  import "../../chunk-FDKT4IBP.mjs";
8
+ import "../../chunk-P732YGHO.mjs";
7
9
  import "../../chunk-BCN5F2MN.mjs";
8
10
  import "../../chunk-7MVEAQ7Z.mjs";
9
11
  import "../../chunk-EYY4CRRR.mjs";
10
12
  import "../../chunk-V77MALL4.mjs";
11
- import "../../chunk-FWJ2ZKH6.mjs";
12
- import "../../chunk-P732YGHO.mjs";
13
13
  import "../../chunk-ZYIIXWVY.mjs";
14
14
  import "../../chunk-LCI6RPWE.mjs";
15
15
  import "../../chunk-IOCRFIQF.mjs";
@@ -2,9 +2,9 @@
2
2
  import "../../chunk-QCEKPS7U.mjs";
3
3
  import {
4
4
  select_default
5
- } from "../../chunk-2BCJZILI.mjs";
6
- import "../../chunk-S3QS5B7F.mjs";
5
+ } from "../../chunk-JN7EGKJL.mjs";
7
6
  import "../../chunk-RZZWHI6O.mjs";
7
+ import "../../chunk-S3QS5B7F.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-LCI6RPWE.mjs";
10
10
  import "../../chunk-IOCRFIQF.mjs";
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  select_default
4
- } from "../../chunk-2BCJZILI.mjs";
5
- import "../../chunk-S3QS5B7F.mjs";
4
+ } from "../../chunk-JN7EGKJL.mjs";
6
5
  import "../../chunk-RZZWHI6O.mjs";
6
+ import "../../chunk-S3QS5B7F.mjs";
7
7
  import "../../chunk-ZYIIXWVY.mjs";
8
8
  import "../../chunk-LCI6RPWE.mjs";
9
9
  import "../../chunk-IOCRFIQF.mjs";
@@ -4,9 +4,9 @@ import {
4
4
  } from "../../chunk-S4DTK5GI.mjs";
5
5
  import {
6
6
  select_default
7
- } from "../../chunk-2BCJZILI.mjs";
8
- import "../../chunk-S3QS5B7F.mjs";
7
+ } from "../../chunk-JN7EGKJL.mjs";
9
8
  import "../../chunk-RZZWHI6O.mjs";
9
+ import "../../chunk-S3QS5B7F.mjs";
10
10
  import {
11
11
  act,
12
12
  render
@@ -4055,6 +4055,12 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
4055
4055
  const { classNames, rows, columns, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
4056
4056
  const [checkedRows, setCheckedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
4057
4057
  const [selectedRows, setSelectedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
4058
+ (0, import_react6.useEffect)(() => {
4059
+ setCheckedRows(/* @__PURE__ */ new Set());
4060
+ }, [rows]);
4061
+ (0, import_react6.useEffect)(() => {
4062
+ setSelectedRows(/* @__PURE__ */ new Set());
4063
+ }, [rows]);
4058
4064
  const slots = (0, import_react6.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
4059
4065
  const getBaseProps = (0, import_react6.useCallback)(
4060
4066
  (props2) => ({
@@ -4151,10 +4157,10 @@ var table_default = Table;
4151
4157
  var table = (0, import_tailwind_variants3.tv)({
4152
4158
  slots: {
4153
4159
  base: "flex flex-col relative gap-4",
4154
- table: "min-w-full h-auto",
4160
+ table: "w-full h-auto",
4155
4161
  thead: "[&>tr]:first:rounded-lg",
4156
- tbody: "",
4157
- tr: ["group", "outline-none"],
4162
+ tbody: "w-full",
4163
+ tr: ["group", "outline-none", "w-full"],
4158
4164
  th: [
4159
4165
  "text-foreground",
4160
4166
  "!text-center",
@@ -2,7 +2,7 @@
2
2
  import "../../chunk-2UUH2MBF.mjs";
3
3
  import {
4
4
  table_default
5
- } from "../../chunk-HAKQYVWB.mjs";
5
+ } from "../../chunk-PNFR2J4Q.mjs";
6
6
  import "../../chunk-QDDEQY63.mjs";
7
7
  import "../../chunk-PO3ADNA5.mjs";
8
8
  import "../../chunk-QZ3LVYJW.mjs";
@@ -4053,6 +4053,12 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
4053
4053
  const { classNames, rows, columns, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
4054
4054
  const [checkedRows, setCheckedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
4055
4055
  const [selectedRows, setSelectedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
4056
+ (0, import_react6.useEffect)(() => {
4057
+ setCheckedRows(/* @__PURE__ */ new Set());
4058
+ }, [rows]);
4059
+ (0, import_react6.useEffect)(() => {
4060
+ setSelectedRows(/* @__PURE__ */ new Set());
4061
+ }, [rows]);
4056
4062
  const slots = (0, import_react6.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
4057
4063
  const getBaseProps = (0, import_react6.useCallback)(
4058
4064
  (props2) => ({
@@ -4149,10 +4155,10 @@ var table_default = Table;
4149
4155
  var table = (0, import_tailwind_variants3.tv)({
4150
4156
  slots: {
4151
4157
  base: "flex flex-col relative gap-4",
4152
- table: "min-w-full h-auto",
4158
+ table: "w-full h-auto",
4153
4159
  thead: "[&>tr]:first:rounded-lg",
4154
- tbody: "",
4155
- tr: ["group", "outline-none"],
4160
+ tbody: "w-full",
4161
+ tr: ["group", "outline-none", "w-full"],
4156
4162
  th: [
4157
4163
  "text-foreground",
4158
4164
  "!text-center",
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  table_default
4
- } from "../../chunk-HAKQYVWB.mjs";
4
+ } from "../../chunk-PNFR2J4Q.mjs";
5
5
  import "../../chunk-QDDEQY63.mjs";
6
6
  import "../../chunk-PO3ADNA5.mjs";
7
7
  import "../../chunk-QZ3LVYJW.mjs";
@@ -16890,6 +16890,12 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
16890
16890
  const { classNames, rows: rows2, columns: columns2, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
16891
16891
  const [checkedRows, setCheckedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
16892
16892
  const [selectedRows, setSelectedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
16893
+ (0, import_react6.useEffect)(() => {
16894
+ setCheckedRows(/* @__PURE__ */ new Set());
16895
+ }, [rows2]);
16896
+ (0, import_react6.useEffect)(() => {
16897
+ setSelectedRows(/* @__PURE__ */ new Set());
16898
+ }, [rows2]);
16893
16899
  const slots = (0, import_react6.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
16894
16900
  const getBaseProps = (0, import_react6.useCallback)(
16895
16901
  (props2) => ({
@@ -16986,10 +16992,10 @@ var table_default = Table;
16986
16992
  var table = (0, import_tailwind_variants3.tv)({
16987
16993
  slots: {
16988
16994
  base: "flex flex-col relative gap-4",
16989
- table: "min-w-full h-auto",
16995
+ table: "w-full h-auto",
16990
16996
  thead: "[&>tr]:first:rounded-lg",
16991
- tbody: "",
16992
- tr: ["group", "outline-none"],
16997
+ tbody: "w-full",
16998
+ tr: ["group", "outline-none", "w-full"],
16993
16999
  th: [
16994
17000
  "text-foreground",
16995
17001
  "!text-center",
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  table_default
4
- } from "../../chunk-HAKQYVWB.mjs";
4
+ } from "../../chunk-PNFR2J4Q.mjs";
5
5
  import "../../chunk-QDDEQY63.mjs";
6
6
  import "../../chunk-PO3ADNA5.mjs";
7
7
  import "../../chunk-QZ3LVYJW.mjs";
@@ -215,7 +215,7 @@ Tooltip.displayName = "Tooltip";
215
215
  var tooltip_default = Tooltip;
216
216
  var tooltip = tv({
217
217
  slots: {
218
- base: ["z-0", "relative", "inline-flex", "bg-transparent"],
218
+ base: ["z-0", "relative", "bg-transparent"],
219
219
  content: [
220
220
  "absolute",
221
221
  "top-0",
@@ -2,7 +2,7 @@
2
2
  import "../../chunk-HIE2YRGA.mjs";
3
3
  import {
4
4
  tooltip_default
5
- } from "../../chunk-P6AZMYVR.mjs";
5
+ } from "../../chunk-FY5YCQL5.mjs";
6
6
  import "../../chunk-DSBSLSJW.mjs";
7
7
  import "../../chunk-ODMRJXLJ.mjs";
8
8
  import "../../chunk-E3G5QXSH.mjs";
@@ -213,7 +213,7 @@ Tooltip.displayName = "Tooltip";
213
213
  var tooltip_default = Tooltip;
214
214
  var tooltip = tv({
215
215
  slots: {
216
- base: ["z-0", "relative", "inline-flex", "bg-transparent"],
216
+ base: ["z-0", "relative", "bg-transparent"],
217
217
  content: [
218
218
  "absolute",
219
219
  "top-0",
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  tooltip_default
4
- } from "../../chunk-P6AZMYVR.mjs";
4
+ } from "../../chunk-FY5YCQL5.mjs";
5
5
  import "../../chunk-DSBSLSJW.mjs";
6
6
  import "../../chunk-ODMRJXLJ.mjs";
7
7
  import "../../chunk-E3G5QXSH.mjs";
@@ -13060,7 +13060,7 @@ Tooltip.displayName = "Tooltip";
13060
13060
  var tooltip_default = Tooltip;
13061
13061
  var tooltip = tv({
13062
13062
  slots: {
13063
- base: ["z-0", "relative", "inline-flex", "bg-transparent"],
13063
+ base: ["z-0", "relative", "bg-transparent"],
13064
13064
  content: [
13065
13065
  "absolute",
13066
13066
  "top-0",
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  tooltip_default
4
- } from "../../chunk-P6AZMYVR.mjs";
4
+ } from "../../chunk-FY5YCQL5.mjs";
5
5
  import "../../chunk-DSBSLSJW.mjs";
6
6
  import "../../chunk-ODMRJXLJ.mjs";
7
7
  import "../../chunk-VUYUQGLF.mjs";
package/dist/index.js CHANGED
@@ -5469,6 +5469,12 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
5469
5469
  const { classNames, rows, columns, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
5470
5470
  const [checkedRows, setCheckedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
5471
5471
  const [selectedRows, setSelectedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
5472
+ (0, import_react11.useEffect)(() => {
5473
+ setCheckedRows(/* @__PURE__ */ new Set());
5474
+ }, [rows]);
5475
+ (0, import_react11.useEffect)(() => {
5476
+ setSelectedRows(/* @__PURE__ */ new Set());
5477
+ }, [rows]);
5472
5478
  const slots = (0, import_react11.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
5473
5479
  const getBaseProps = (0, import_react11.useCallback)(
5474
5480
  (props2) => ({
@@ -5565,10 +5571,10 @@ var table_default = Table;
5565
5571
  var table = (0, import_tailwind_variants8.tv)({
5566
5572
  slots: {
5567
5573
  base: "flex flex-col relative gap-4",
5568
- table: "min-w-full h-auto",
5574
+ table: "w-full h-auto",
5569
5575
  thead: "[&>tr]:first:rounded-lg",
5570
- tbody: "",
5571
- tr: ["group", "outline-none"],
5576
+ tbody: "w-full",
5577
+ tr: ["group", "outline-none", "w-full"],
5572
5578
  th: [
5573
5579
  "text-foreground",
5574
5580
  "!text-center",
@@ -7144,7 +7150,7 @@ Tooltip.displayName = "Tooltip";
7144
7150
  var tooltip_default = Tooltip;
7145
7151
  var tooltip = tv({
7146
7152
  slots: {
7147
- base: ["z-0", "relative", "inline-flex", "bg-transparent"],
7153
+ base: ["z-0", "relative", "bg-transparent"],
7148
7154
  content: [
7149
7155
  "absolute",
7150
7156
  "top-0",
package/dist/index.mjs CHANGED
@@ -2,9 +2,13 @@
2
2
  import "./chunk-HIE2YRGA.mjs";
3
3
  import {
4
4
  tooltip_default
5
- } from "./chunk-P6AZMYVR.mjs";
5
+ } from "./chunk-FY5YCQL5.mjs";
6
6
  import "./chunk-DSBSLSJW.mjs";
7
7
  import "./chunk-ODMRJXLJ.mjs";
8
+ import "./chunk-3MY6LO7N.mjs";
9
+ import {
10
+ tabs_default
11
+ } from "./chunk-KRI5IALM.mjs";
8
12
  import "./chunk-RRAZM5D3.mjs";
9
13
  import {
10
14
  textarea_default
@@ -22,34 +26,30 @@ import "./chunk-LVFI2NOH.mjs";
22
26
  import {
23
27
  switch_default
24
28
  } from "./chunk-S3O52LLG.mjs";
25
- import "./chunk-3MY6LO7N.mjs";
26
- import {
27
- tabs_default
28
- } from "./chunk-KRI5IALM.mjs";
29
29
  import "./chunk-2UUH2MBF.mjs";
30
30
  import {
31
31
  table_default
32
- } from "./chunk-HAKQYVWB.mjs";
32
+ } from "./chunk-PNFR2J4Q.mjs";
33
33
  import "./chunk-QDDEQY63.mjs";
34
34
  import "./chunk-PO3ADNA5.mjs";
35
+ import "./chunk-QCEKPS7U.mjs";
36
+ import {
37
+ select_default
38
+ } from "./chunk-JN7EGKJL.mjs";
39
+ import "./chunk-RZZWHI6O.mjs";
40
+ import "./chunk-S3QS5B7F.mjs";
35
41
  import "./chunk-MV2WCFK7.mjs";
36
42
  import {
37
43
  slider_default
38
44
  } from "./chunk-A3RWT3JJ.mjs";
39
- import "./chunk-TPFN22HR.mjs";
40
- import {
41
- radio_default
42
- } from "./chunk-QWFOYO3D.mjs";
43
45
  import "./chunk-7VOQKIIK.mjs";
44
46
  import {
45
47
  progress_default
46
48
  } from "./chunk-N2JULHST.mjs";
47
- import "./chunk-QCEKPS7U.mjs";
49
+ import "./chunk-TPFN22HR.mjs";
48
50
  import {
49
- select_default
50
- } from "./chunk-2BCJZILI.mjs";
51
- import "./chunk-S3QS5B7F.mjs";
52
- import "./chunk-RZZWHI6O.mjs";
51
+ radio_default
52
+ } from "./chunk-QWFOYO3D.mjs";
53
53
  import "./chunk-DJOG6Z35.mjs";
54
54
  import {
55
55
  modal_default
@@ -59,17 +59,22 @@ import {
59
59
  pagination_default
60
60
  } from "./chunk-B4KZBOGT.mjs";
61
61
  import "./chunk-F3HENRVM.mjs";
62
- import "./chunk-QZ3LVYJW.mjs";
63
62
  import "./chunk-2GCSFWHD.mjs";
64
63
  import {
65
64
  input_default
66
65
  } from "./chunk-ZNEEYSIK.mjs";
67
66
  import "./chunk-HAOK24MK.mjs";
67
+ import "./chunk-QZ3LVYJW.mjs";
68
+ import {
69
+ checkbox_default
70
+ } from "./chunk-ANYPMQH4.mjs";
68
71
  import "./chunk-75HLCORR.mjs";
69
72
  import {
70
73
  dateTimePicker_default
71
- } from "./chunk-I5SI4OCM.mjs";
74
+ } from "./chunk-ON2OTH5K.mjs";
75
+ import "./chunk-FWJ2ZKH6.mjs";
72
76
  import "./chunk-FDKT4IBP.mjs";
77
+ import "./chunk-P732YGHO.mjs";
73
78
  import "./chunk-BCN5F2MN.mjs";
74
79
  import "./chunk-7MVEAQ7Z.mjs";
75
80
  import {
@@ -78,11 +83,6 @@ import {
78
83
  import {
79
84
  listItem_default
80
85
  } from "./chunk-V77MALL4.mjs";
81
- import "./chunk-FWJ2ZKH6.mjs";
82
- import "./chunk-P732YGHO.mjs";
83
- import {
84
- checkbox_default
85
- } from "./chunk-ANYPMQH4.mjs";
86
86
  import "./chunk-NMSDSEBD.mjs";
87
87
  import "./chunk-VUYUQGLF.mjs";
88
88
  import {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepnoid/ui",
3
- "version": "0.0.96",
3
+ "version": "0.0.98",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/index.js",
@@ -1,10 +1,10 @@
1
1
  "use client";
2
- import {
3
- useSelect
4
- } from "./chunk-S3QS5B7F.mjs";
5
2
  import {
6
3
  option_default
7
4
  } from "./chunk-RZZWHI6O.mjs";
5
+ import {
6
+ useSelect
7
+ } from "./chunk-S3QS5B7F.mjs";
8
8
  import {
9
9
  Icon_default
10
10
  } from "./chunk-LCI6RPWE.mjs";
@@ -1,13 +1,13 @@
1
1
  "use client";
2
+ import {
3
+ useDatePicker
4
+ } from "./chunk-FWJ2ZKH6.mjs";
2
5
  import {
3
6
  calendar_default
4
7
  } from "./chunk-FDKT4IBP.mjs";
5
8
  import {
6
9
  timePicker_default
7
10
  } from "./chunk-BCN5F2MN.mjs";
8
- import {
9
- useDatePicker
10
- } from "./chunk-FWJ2ZKH6.mjs";
11
11
  import {
12
12
  Icon_default
13
13
  } from "./chunk-LCI6RPWE.mjs";