@farmzone/fz-react-ui 0.0.6 → 0.0.8
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.
- package/dist/index.cjs +30 -40
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +30 -40
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/tw.css +30 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -371,7 +371,7 @@ function Checkbox(props) {
|
|
|
371
371
|
"aria-checked": indeterminate ? "mixed" : checked,
|
|
372
372
|
"aria-disabled": disabled,
|
|
373
373
|
className: cn(
|
|
374
|
-
"size-4 shrink-0 rounded-[3px] border flex-center transition-colors",
|
|
374
|
+
"size-4 shrink-0 rounded-[3px] border flex items-center justify-center transition-colors",
|
|
375
375
|
disabled ? cn("cursor-not-allowed", isActive ? disabledCheckedClassName : disabledUncheckedClassName) : cn("cursor-pointer", isActive ? checkedClassName : uncheckedClassName),
|
|
376
376
|
className
|
|
377
377
|
),
|
|
@@ -386,7 +386,7 @@ function Checkbox(props) {
|
|
|
386
386
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
387
387
|
"div",
|
|
388
388
|
{
|
|
389
|
-
className: cn("flex-center gap-1.5", wrapperClassName),
|
|
389
|
+
className: cn("flex items-center justify-center gap-1.5", wrapperClassName),
|
|
390
390
|
onClick: (e) => e.stopPropagation(),
|
|
391
391
|
...rest,
|
|
392
392
|
children: [
|
|
@@ -3094,46 +3094,36 @@ function EmptyContent(props) {
|
|
|
3094
3094
|
const hasHeader = icon || title || description;
|
|
3095
3095
|
const isPage = layout === "page";
|
|
3096
3096
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
3097
|
-
hasHeader && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3098
|
-
"div",
|
|
3099
|
-
|
|
3100
|
-
|
|
3101
|
-
|
|
3102
|
-
|
|
3103
|
-
|
|
3104
|
-
|
|
3105
|
-
|
|
3106
|
-
icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(emptyIconVariants({ iconVariant }), iconClassName), children: icon }),
|
|
3107
|
-
title && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3108
|
-
"div",
|
|
3109
|
-
{
|
|
3110
|
-
className: cn(
|
|
3111
|
-
isPage && "text-2xl font-bold",
|
|
3112
|
-
!isPage && "text-lg font-medium tracking-tight text-foreground",
|
|
3113
|
-
titleClassName
|
|
3114
|
-
),
|
|
3115
|
-
children: title
|
|
3116
|
-
}
|
|
3097
|
+
hasHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center gap-2", isPage && "mt-14 mb-10 gap-3", !isPage && "max-w-sm"), children: [
|
|
3098
|
+
icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(emptyIconVariants({ iconVariant }), iconClassName), children: icon }),
|
|
3099
|
+
title && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3100
|
+
"div",
|
|
3101
|
+
{
|
|
3102
|
+
className: cn(
|
|
3103
|
+
isPage && "text-2xl font-bold",
|
|
3104
|
+
!isPage && "text-lg font-medium tracking-tight text-foreground",
|
|
3105
|
+
titleClassName
|
|
3117
3106
|
),
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
|
|
3126
|
-
|
|
3127
|
-
|
|
3128
|
-
)
|
|
3129
|
-
|
|
3130
|
-
|
|
3131
|
-
|
|
3107
|
+
children: title
|
|
3108
|
+
}
|
|
3109
|
+
),
|
|
3110
|
+
description && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3111
|
+
"p",
|
|
3112
|
+
{
|
|
3113
|
+
className: cn(
|
|
3114
|
+
isPage && "text-lg text-gray-500",
|
|
3115
|
+
!isPage && "text-sm leading-relaxed text-muted-foreground",
|
|
3116
|
+
descriptionClassName
|
|
3117
|
+
),
|
|
3118
|
+
children: description
|
|
3119
|
+
}
|
|
3120
|
+
)
|
|
3121
|
+
] }),
|
|
3132
3122
|
action && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3133
3123
|
"div",
|
|
3134
3124
|
{
|
|
3135
3125
|
className: cn(
|
|
3136
|
-
isPage && "flex-center w-full",
|
|
3126
|
+
isPage && "flex items-center justify-center w-full",
|
|
3137
3127
|
!isPage && "flex w-full max-w-sm flex-col items-center gap-3",
|
|
3138
3128
|
actionClassName
|
|
3139
3129
|
),
|
|
@@ -3894,7 +3884,7 @@ function TableHeader(props) {
|
|
|
3894
3884
|
const subTitleClasses = column.key === "subTitle" ? "inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800" : "";
|
|
3895
3885
|
if (column.align === "left") {
|
|
3896
3886
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex item-center w-full", children: [
|
|
3897
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `pl-2 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) }),
|
|
3887
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `pl-2 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) }),
|
|
3898
3888
|
column.sortable && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3899
3889
|
"div",
|
|
3900
3890
|
{
|
|
@@ -3906,7 +3896,7 @@ function TableHeader(props) {
|
|
|
3906
3896
|
}
|
|
3907
3897
|
if (column.align === "center") {
|
|
3908
3898
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center w-full", children: [
|
|
3909
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex-center ${column.sortable ? "pl-5" : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `whitespace-nowrap ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) }),
|
|
3899
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `flex items-center justify-center ${column.sortable ? "pl-5" : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `whitespace-nowrap ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) }),
|
|
3910
3900
|
column.sortable && /* @__PURE__ */ jsxRuntime.jsx(
|
|
3911
3901
|
"div",
|
|
3912
3902
|
{
|
|
@@ -3925,7 +3915,7 @@ function TableHeader(props) {
|
|
|
3925
3915
|
children: renderSortIcon(column.key)
|
|
3926
3916
|
}
|
|
3927
3917
|
),
|
|
3928
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `pr-2 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) })
|
|
3918
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `pr-2 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title }) })
|
|
3929
3919
|
] });
|
|
3930
3920
|
}
|
|
3931
3921
|
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: `px-1.5 truncate ${baseClasses} ${isClickableHead} ${subTitleClasses}`, children: column.title });
|