@uxf/form - npm Package Compare versions

Comparing version 11.19.2 to 11.20.0

date-picker-input/date-picker-input.stories.js

@@ -8,17 +8,18 @@ "use strict";
 const button_1 = require("@uxf/ui/button");
+const date_picker_input_1 = require("@uxf/ui/date-picker-input");
 const dayjs_1 = __importDefault(require("dayjs"));
 const react_1 = __importDefault(require("react"));
 const storybook_form_1 = require("../storybook/storybook-form");
-const date_picker_input_1 = require("./date-picker-input");
+const date_picker_input_2 = require("./date-picker-input");
 exports.default = {
     title: "Form/DatePickerInput",
-    component: date_picker_input_1.DatePickerInput,
+    component: date_picker_input_2.DatePickerInput,
 };
 function Default() {
     const storyFormDatePickers = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
-        react_1.default.createElement(date_picker_input_1.DatePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default date picker", name: "default" }),
-        react_1.default.createElement(date_picker_input_1.DatePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default date picker with default value", name: "withDefaultValue" }),
-        react_1.default.createElement(date_picker_input_1.DatePickerInput, { control: control, isClearable: true, isRequired: true, minDate: "2023-06-10", maxDate: "2023-06-20", label: "Date picker with input validation", name: "withMinMaxValidation", placeholder: "" }),
-        react_1.default.createElement(date_picker_input_1.DatePickerInput, { allowedDateFormats: ["MM/DD/YYYY", "M/D/YYYY"], control: control, displayDateFormat: "MM/DD/YYYY", id: "date-custom-format", isClearable: true, label: "Datum s vlastn\u00EDm form\u00E1tem (US)", name: "date" }),
-        react_1.default.createElement(date_picker_input_1.DatePickerInput, { bottomContent: react_1.default.createElement("div", null,
+        react_1.default.createElement(date_picker_input_2.DatePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default date picker", name: "default" }),
+        react_1.default.createElement(date_picker_input_2.DatePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default date picker with default value", name: "withDefaultValue" }),
+        react_1.default.createElement(date_picker_input_2.DatePickerInput, { control: control, isClearable: true, isRequired: true, minDate: (0, dayjs_1.default)().format(date_picker_input_1.OUTPUT_DATE_FORMAT), maxDate: (0, dayjs_1.default)().add(6, "days").format(date_picker_input_1.OUTPUT_DATE_FORMAT), label: "Date picker with input min/max validation - only next 7 days", name: "withMinMaxValidation" }),
+        react_1.default.createElement(date_picker_input_2.DatePickerInput, { allowedDateFormats: ["MM/DD/YYYY", "M/D/YYYY"], control: control, displayDateFormat: "MM/DD/YYYY", id: "date-custom-format", isClearable: true, label: "Datum s vlastn\u00EDm form\u00E1tem (US)", name: "date" }),
+        react_1.default.createElement(date_picker_input_2.DatePickerInput, { bottomContent: react_1.default.createElement("div", null,
                 "Bottom content",
@@ -25,0 +26,0 @@ react_1.default.createElement("p", null, "Here can goes anything")), control: control, isClearable: true, isRequired: true, label: "With bottom content", name: "default" }),

datetime-picker-input/datetime-picker-input.stories.js

@@ -8,2 +8,3 @@ "use strict";
 const button_1 = require("@uxf/ui/button");
+const date_picker_input_1 = require("@uxf/ui/date-picker-input");
 const dayjs_1 = __importDefault(require("dayjs"));
@@ -21,3 +22,3 @@ const react_1 = __importDefault(require("react"));
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default datetime picker with default value", name: "withDefaultValue" }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: true, isRequired: true, minDate: "2023-06-10", maxDate: "2023-06-20", label: "Date time picker with input validation", name: "withMinMaxValidation", placeholder: "" }),
+        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: true, isRequired: true, minDate: (0, dayjs_1.default)().format(date_picker_input_1.OUTPUT_DATE_FORMAT), maxDate: (0, dayjs_1.default)().add(6, "days").format(date_picker_input_1.OUTPUT_DATE_FORMAT), label: "Date time picker with input min/max validation - only next 7 days", name: "withMinMaxValidation" }),
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { bottomContent: react_1.default.createElement("div", null,
@@ -24,0 +25,0 @@ "Bottom content",

package.json

 {
   "name": "@uxf/form",
-  "version": "11.19.2",
+  "version": "11.20.0",
   "description": "",
@@ -15,3 +15,3 @@ "publishConfig": {
   "dependencies": {
-    "@uxf/ui": "11.19.0",
+    "@uxf/ui": "11.20.0",
     "coordinate-parser": "1.0.7",
@@ -18,0 +18,0 @@ "dayjs": "1.11.10",

password-input/password-input.js

@@ -27,3 +27,3 @@ "use strict";
 exports.PasswordInput = void 0;
-const useOnUnmount_1 = require("@uxf/core/hooks/useOnUnmount");
+const use_on_unmount_1 = require("@uxf/core-react/hooks/use-on-unmount");
 const composeRefs_1 = require("@uxf/core/utils/composeRefs");
@@ -55,3 +55,3 @@ const is_nil_1 = require("@uxf/core/utils/is-nil");
     };
-    (0, useOnUnmount_1.useOnUnmount)(() => clearTimeout(timer.current));
+    (0, use_on_unmount_1.useOnUnmount)(() => clearTimeout(timer.current));
     return { isVisible, inputRef, onToggle: visibilityChangeHandler };
@@ -58,0 +58,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

Improved metrics

Total package byte prevSize

186929

increased by0.23%

Lines of code

3433

increased by0.12%

Dependency changes

• + Added@uxf/core@11.20.0(transitive)

• + Added@uxf/core-react@11.20.0(transitive)

• + Added@uxf/styles@11.20.0(transitive)

• + Added@uxf/ui@11.20.0(transitive)

• - Removed@uxf/core@11.19.0(transitive)

• - Removed@uxf/styles@11.19.0(transitive)

• - Removed@uxf/ui@11.19.0(transitive)

• Updated@uxf/ui@11.20.0