@uxf/ui - npm Package Compare versions

Comparing version 11.28.1 to 11.28.2

avatar-file-input/avatar-file-input.js

@@ -66,5 +66,5 @@ "use strict";
             })) : (react_1.default.createElement("div", { className: "uxf-avatar-file-input__controls-buttons" },
-                react_1.default.createElement(button_1.Button, { className: "uxf-avatar-file-input__controls-button uxf-avatar-file-input__controls-button--select", disabled: props.isDisabled, onClick: onSelectFile, size: "sm", variant: "secondary" }, (_e = props.selectFileLabel) !== null && _e !== void 0 ? _e : "Upload image"),
-                !!props.value && !props.isDisabled && (react_1.default.createElement(button_1.Button, { className: "uxf-avatar-file-input__controls-button uxf-avatar-file-input__controls-button--remove", color: "negative", disabled: props.isDisabled, onClick: onRemoveFile, size: "sm", variant: "secondary" }, (_f = props.removeFileLabel) !== null && _f !== void 0 ? _f : "Remove avatar"))))))));
+                react_1.default.createElement(button_1.Button, { className: "uxf-avatar-file-input__controls-button uxf-avatar-file-input__controls-button--select", isDisabled: props.isDisabled, onClick: onSelectFile, size: "sm", variant: "secondary" }, (_e = props.selectFileLabel) !== null && _e !== void 0 ? _e : "Upload image"),
+                !!props.value && !props.isDisabled && (react_1.default.createElement(button_1.Button, { className: "uxf-avatar-file-input__controls-button uxf-avatar-file-input__controls-button--remove", color: "negative", isDisabled: props.isDisabled, onClick: onRemoveFile, size: "sm", variant: "secondary" }, (_f = props.removeFileLabel) !== null && _f !== void 0 ? _f : "Remove avatar"))))))));
 });
 exports.AvatarFileInput.displayName = "UxfUiAvatarFileInput";

button-list/button-list.stories.js

@@ -19,3 +19,3 @@ "use strict";
                 { label: "Third item" },
-                { label: "Fourth item", disabled: true },
+                { label: "Fourth item", isDisabled: true },
                 { label: "Fifth item" },
@@ -22,0 +22,0 @@ { label: "Sixth item" },

button/button.d.ts

@@ -15,9 +15,5 @@ import { UseAnchorProps } from "@uxf/core-react/hooks/use-anchor-props";
     variant?: ButtonVariant;
-    /** @deprecated use isLoading */
-    loading?: boolean;
     isLoading?: boolean;
-    /** @deprecated use isDisabled */
-    disabled?: boolean;
     isDisabled?: boolean;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement>>;

button/button.js

@@ -32,6 +32,4 @@ "use strict";
     // eslint-disable-next-line react/destructuring-assignment
-    const { as = "a", color, isIconButton, isFullWidth, size, variant, className, ...restProps } = props;
+    const { as = "a", color, isIconButton, isFullWidth, size, variant, className, isDisabled, isLoading, ...restProps } = props;
     const Component = as;
-    const isDisabled = props.isDisabled || props.disabled;
-    const isLoading = props.isLoading || props.loading;
     const anchorProps = (0, use_anchor_props_1.useAnchorProps)({
@@ -38,0 +36,0 @@ ...restProps,

button/button.stories.js

@@ -74,7 +74,7 @@ "use strict";
             react_1.default.createElement(button_1.Button, { color: color, onClick: onClick, size: size, variant: variant }, "Default"),
-            react_1.default.createElement(button_1.Button, { color: color, loading: true, onClick: onClick, size: size, variant: variant }, "Loading"),
-            react_1.default.createElement(button_1.Button, { color: color, disabled: true, onClick: onClick, size: size, variant: variant }, "Disabled"),
+            react_1.default.createElement(button_1.Button, { color: color, isLoading: true, onClick: onClick, size: size, variant: variant }, "Loading"),
+            react_1.default.createElement(button_1.Button, { color: color, isDisabled: true, onClick: onClick, size: size, variant: variant }, "Disabled"),
             react_1.default.createElement(button_1.Button, { color: color, isIconButton: true, onClick: onClick, size: size, variant: variant },
                 react_1.default.createElement(icon_1.Icon, { name: "check" })),
-            react_1.default.createElement(button_1.Button, { color: color, isIconButton: true, onClick: onClick, size: size, variant: variant, loading: true },
+            react_1.default.createElement(button_1.Button, { color: color, isIconButton: true, onClick: onClick, size: size, variant: variant, isLoading: true },
                 react_1.default.createElement(icon_1.Icon, { name: "check" })),
@@ -81,0 +81,0 @@ react_1.default.createElement(button_1.Button, { className: "w-[200px]", color: color, onClick: onClick, size: size, variant: variant }, "Custom width")),

date-picker/date-picker-month.js

@@ -63,7 +63,7 @@ "use strict";
         react_1.default.createElement(calendar_1.CalendarNavigation, { prevButtonProps: {
-                disabled: !canGoToPrevMonth,
+                isDisabled: !canGoToPrevMonth,
                 onClick: canGoToPrevMonth ? handleGoToPrevMonth : undefined,
                 title: "Předchozí měsíc",
             }, nextButtonProps: {
-                disabled: !canGoToNextMonth,
+                isDisabled: !canGoToNextMonth,
                 onClick: canGoToNextMonth ? handleGoToNextMonth : undefined,
@@ -70,0 +70,0 @@ title: "Nadcházející měsíc",

date-picker/date-picker-year.js

@@ -65,7 +65,7 @@ "use strict";
         react_1.default.createElement(calendar_1.CalendarNavigation, { prevButtonProps: {
-                disabled: !canGoToPrevYear,
+                isDisabled: !canGoToPrevYear,
                 onClick: canGoToPrevYear ? handleGoToPrevYear : undefined,
                 title: "Předchozí rok",
             }, nextButtonProps: {
-                disabled: !canGoToNextYear,
+                isDisabled: !canGoToNextYear,
                 onClick: canGoToNextYear ? handleGoToNextYear : undefined,
@@ -72,0 +72,0 @@ title: "Nadcházející rok",

date-range-picker/date-range-picker-month.js

@@ -55,7 +55,7 @@ "use strict";
         react_1.default.createElement(calendar_1.CalendarNavigation, { prevButtonProps: {
-                disabled: !canGoToPrevMonth,
+                isDisabled: !canGoToPrevMonth,
                 onClick: canGoToPrevMonth ? handleGoToPrevMonth : undefined,
                 title: "Předchozí měsíc",
             }, nextButtonProps: {
-                disabled: !canGoToNextMonth,
+                isDisabled: !canGoToNextMonth,
                 onClick: canGoToNextMonth ? handleGoToNextMonth : undefined,
@@ -62,0 +62,0 @@ title: "Nadcházející měsíc",

date-range-picker/date-range-picker-year.js

@@ -66,7 +66,7 @@ "use strict";
         react_1.default.createElement(calendar_1.CalendarNavigation, { prevButtonProps: {
-                disabled: !canGoToPrevYear,
+                isDisabled: !canGoToPrevYear,
                 onClick: canGoToPrevYear ? handleGoToPrevYear : undefined,
                 title: "Předchozí rok",
             }, nextButtonProps: {
-                disabled: !canGoToNextYear,
+                isDisabled: !canGoToNextYear,
                 onClick: canGoToNextYear ? handleGoToNextYear : undefined,
@@ -73,0 +73,0 @@ title: "Nadcházející rok",

package.json

 {
   "name": "@uxf/ui",
-  "version": "11.28.1",
+  "version": "11.28.2",
   "description": "",
@@ -5,0 +5,0 @@ "publishConfig": {

text-input/text-input.stories.js

@@ -56,3 +56,3 @@ "use strict";
         react_1.default.createElement(text_input_1.TextInput, { name: "defaultHtmlTime", label: "Default html time input", value: timeValue, onChange: onTimeChange, placeholder: "Some beautiful placeholder...", type: "time" }),
-        react_1.default.createElement(text_input_1.TextInput, { name: "copyToClipboard", label: "Copy to clipboard input", leftAddon: "I can be copied!", onChange: onChange, placeholder: "Some beautiful placeholder...", rightAddon: react_1.default.createElement(button_1.Button, { className: "size-full rounded-l-none border-none", disabled: value === "", onClick: onCopy, variant: "secondary" },
+        react_1.default.createElement(text_input_1.TextInput, { name: "copyToClipboard", label: "Copy to clipboard input", leftAddon: "I can be copied!", onChange: onChange, placeholder: "Some beautiful placeholder...", rightAddon: react_1.default.createElement(button_1.Button, { className: "size-full rounded-l-none border-none", isDisabled: value === "", onClick: onCopy, variant: "secondary" },
                 react_1.default.createElement(icon_1.Icon, { className: "w-4", name: "copy" })), value: value })));
@@ -59,0 +59,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

843643

decreased by-0.02%

Lines of code

17591

decreased by-0.03%

No dependency changes