@scaleflex/ui-tw 0.0.90 → 0.0.92
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.
|
@@ -67,7 +67,7 @@ function Calendar(_ref) {
|
|
|
67
67
|
week: cn('flex w-full mt-2', defaultClassNames.week),
|
|
68
68
|
week_number_header: cn('select-none w-(--cell-size)', defaultClassNames.week_number_header),
|
|
69
69
|
week_number: cn('text-[0.8rem] select-none text-muted-foreground', defaultClassNames.week_number),
|
|
70
|
-
day: cn('relative
|
|
70
|
+
day: cn('relative basis-1/7 h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none', defaultClassNames.day),
|
|
71
71
|
range_start: cn('rounded-l-md bg-accent', defaultClassNames.range_start),
|
|
72
72
|
range_middle: cn('rounded-none', defaultClassNames.range_middle),
|
|
73
73
|
range_end: cn('rounded-r-md bg-accent', defaultClassNames.range_end),
|
|
@@ -69,6 +69,7 @@ export interface CommandItemProps extends ComponentProps<typeof CommandPrimitive
|
|
|
69
69
|
selectedValue?: string | string[];
|
|
70
70
|
multiple?: boolean;
|
|
71
71
|
iconClassName?: string;
|
|
72
|
+
textClassName?: string;
|
|
72
73
|
}
|
|
73
74
|
interface ComboboxCommonProps {
|
|
74
75
|
options: SelectOption[];
|
|
@@ -14,7 +14,7 @@ declare function CommandList({ className, ...props }: ComponentProps<typeof Comm
|
|
|
14
14
|
declare function CommandEmpty({ className, ...rest }: ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
|
|
15
15
|
declare function CommandGroup({ className, size, ...props }: CommandGroupProps): React.JSX.Element;
|
|
16
16
|
declare function CommandSeparator({ className, ...props }: ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
|
|
17
|
-
declare function CommandItem({ className, size, isGroup, icon, tooltip, children, selectedValue, multiple, value, shortcut, disabledTooltip, disabled, iconClassName, ...props }: CommandItemProps): React.JSX.Element;
|
|
18
|
-
declare function CommandCheckboxItem({ className, size, isGroup, children, selectedValue, value, icon, disabled, tooltip, disabledTooltip, ...props }: CommandItemProps): React.JSX.Element;
|
|
17
|
+
declare function CommandItem({ className, size, isGroup, icon, tooltip, children, selectedValue, multiple, value, shortcut, disabledTooltip, disabled, iconClassName, textClassName, ...props }: CommandItemProps): React.JSX.Element;
|
|
18
|
+
declare function CommandCheckboxItem({ className, textClassName, size, isGroup, children, selectedValue, value, icon, disabled, tooltip, disabledTooltip, ...props }: CommandItemProps): React.JSX.Element;
|
|
19
19
|
declare function CommandShortcut({ className, ...props }: ComponentProps<'span'>): React.JSX.Element;
|
|
20
20
|
export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandCheckboxItem, CommandShortcut, CommandSeparator, CommandClear, };
|
|
@@ -9,8 +9,8 @@ var _excluded = ["className"],
|
|
|
9
9
|
_excluded6 = ["className"],
|
|
10
10
|
_excluded7 = ["className", "size"],
|
|
11
11
|
_excluded8 = ["className"],
|
|
12
|
-
_excluded9 = ["className", "size", "isGroup", "icon", "tooltip", "children", "selectedValue", "multiple", "value", "shortcut", "disabledTooltip", "disabled", "iconClassName"],
|
|
13
|
-
_excluded10 = ["className", "size", "isGroup", "children", "selectedValue", "value", "icon", "disabled", "tooltip", "disabledTooltip"],
|
|
12
|
+
_excluded9 = ["className", "size", "isGroup", "icon", "tooltip", "children", "selectedValue", "multiple", "value", "shortcut", "disabledTooltip", "disabled", "iconClassName", "textClassName"],
|
|
13
|
+
_excluded10 = ["className", "textClassName", "size", "isGroup", "children", "selectedValue", "value", "icon", "disabled", "tooltip", "disabledTooltip"],
|
|
14
14
|
_excluded11 = ["className"];
|
|
15
15
|
import { ButtonVariant, buttonVariants } from '@scaleflex/ui-tw/button';
|
|
16
16
|
import { buttonBaseClassNames } from '@scaleflex/ui-tw/button/button.constants';
|
|
@@ -186,6 +186,7 @@ function CommandItem(_ref9) {
|
|
|
186
186
|
disabledTooltip = _ref9.disabledTooltip,
|
|
187
187
|
disabled = _ref9.disabled,
|
|
188
188
|
iconClassName = _ref9.iconClassName,
|
|
189
|
+
textClassName = _ref9.textClassName,
|
|
189
190
|
props = _objectWithoutProperties(_ref9, _excluded9);
|
|
190
191
|
var selected = value && (multiple ? selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.includes(value) : value === selectedValue);
|
|
191
192
|
return /*#__PURE__*/React.createElement(CommandPrimitive.Item, _extends({
|
|
@@ -204,7 +205,7 @@ function CommandItem(_ref9) {
|
|
|
204
205
|
}), /*#__PURE__*/React.createElement("div", {
|
|
205
206
|
className: "flex items-center gap-1 overflow-hidden"
|
|
206
207
|
}, /*#__PURE__*/React.createElement("div", {
|
|
207
|
-
className: cn('line-clamp-2 overflow-hidden text-left break-words text-ellipsis', disabled && 'opacity-50')
|
|
208
|
+
className: cn('line-clamp-2 overflow-hidden text-left break-words text-ellipsis', textClassName, disabled && 'opacity-50')
|
|
208
209
|
}, children), (tooltip || disabledTooltip) && /*#__PURE__*/React.createElement("div", {
|
|
209
210
|
className: "flex shrink-0 items-center"
|
|
210
211
|
}, /*#__PURE__*/React.createElement(LabelIcon, {
|
|
@@ -220,6 +221,7 @@ function CommandItem(_ref9) {
|
|
|
220
221
|
}
|
|
221
222
|
function CommandCheckboxItem(_ref10) {
|
|
222
223
|
var className = _ref10.className,
|
|
224
|
+
textClassName = _ref10.textClassName,
|
|
223
225
|
size = _ref10.size,
|
|
224
226
|
isGroup = _ref10.isGroup,
|
|
225
227
|
children = _ref10.children,
|
|
@@ -250,7 +252,7 @@ function CommandCheckboxItem(_ref10) {
|
|
|
250
252
|
icon: icon,
|
|
251
253
|
className: cn('text-muted-foreground hover:text-primary !mr-1 shrink-0', selected && 'text-primary', disabled && 'opacity-50')
|
|
252
254
|
}), /*#__PURE__*/React.createElement("div", {
|
|
253
|
-
className: cn('line-clamp-2 overflow-hidden text-left break-words text-ellipsis', disabled && 'opacity-50')
|
|
255
|
+
className: cn('line-clamp-2 overflow-hidden text-left break-words text-ellipsis', textClassName, disabled && 'opacity-50')
|
|
254
256
|
}, children), (tooltip || disabledTooltip) && /*#__PURE__*/React.createElement("div", {
|
|
255
257
|
className: "flex shrink-0 items-center"
|
|
256
258
|
}, /*#__PURE__*/React.createElement(LabelIcon, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scaleflex/ui-tw",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.92",
|
|
4
4
|
"author": "scaleflex",
|
|
5
5
|
"repository": "github:scaleflex/ui",
|
|
6
6
|
"homepage": "https://github.com/scaleflex/ui/blob/master/README.md",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"@radix-ui/react-slot": "^1.1.2",
|
|
24
24
|
"@radix-ui/react-switch": "^1.0.1",
|
|
25
25
|
"@radix-ui/react-tooltip": "^1.2.6",
|
|
26
|
-
"@scaleflex/icons-tw": "^0.0.
|
|
26
|
+
"@scaleflex/icons-tw": "^0.0.92",
|
|
27
27
|
"@tanstack/react-table": "^8.21.3",
|
|
28
28
|
"@types/lodash.merge": "^4.6.9",
|
|
29
29
|
"class-variance-authority": "^0.7.1",
|