@uxf/form - npm Package Compare versions

Comparing version 11.28.4 to 11.29.0

components.d.ts

 import * as avatarFileInputStories from "./avatar-file-input/avatar-file-input.stories";
-import * as checkboxButtonStories from "./checkbox-button/checkbox-button.stories";
-import * as checkboxInputStories from "./checkbox-input/checkbox-input.stories";
 import * as colorRadioGroupStories from "./color-radio-group/color-radio-group.stories";
@@ -13,2 +11,4 @@ import * as comboboxStories from "./combobox/combobox.stories";
 import * as gpsInputStories from "./gps-input/gps-input.stories";
+import * as checkboxButtonStories from "./checkbox-button/checkbox-button.stories";
+import * as checkboxInputStories from "./checkbox-input/checkbox-input.stories";
 import * as multiComboboxStories from "./multi-combobox/multi-combobox.stories";
@@ -29,10 +29,2 @@ import * as multiSelectStories from "./multi-select/multi-select.stories";
     };
-    readonly "checkbox-button": {
-        readonly title: "CheckboxButton";
-        readonly stories: typeof checkboxButtonStories;
-    };
-    readonly "checkbox-input": {
-        readonly title: "CheckboxInput";
-        readonly stories: typeof checkboxInputStories;
-    };
     readonly "color-radio-group": {
@@ -74,2 +66,10 @@ readonly title: "ColorRadioGroup";
     };
+    readonly "checkbox-button": {
+        readonly title: "CheckboxButton";
+        readonly stories: typeof checkboxButtonStories;
+    };
+    readonly "checkbox-input": {
+        readonly title: "CheckboxInput";
+        readonly stories: typeof checkboxInputStories;
+    };
     readonly "multi-combobox": {
@@ -76,0 +76,0 @@ readonly title: "MultiCombobox";

components.js

@@ -29,4 +29,2 @@ "use strict";
 const avatarFileInputStories = __importStar(require("./avatar-file-input/avatar-file-input.stories"));
-const checkboxButtonStories = __importStar(require("./checkbox-button/checkbox-button.stories"));
-const checkboxInputStories = __importStar(require("./checkbox-input/checkbox-input.stories"));
 const colorRadioGroupStories = __importStar(require("./color-radio-group/color-radio-group.stories"));
@@ -41,2 +39,4 @@ const comboboxStories = __importStar(require("./combobox/combobox.stories"));
 const gpsInputStories = __importStar(require("./gps-input/gps-input.stories"));
+const checkboxButtonStories = __importStar(require("./checkbox-button/checkbox-button.stories"));
+const checkboxInputStories = __importStar(require("./checkbox-input/checkbox-input.stories"));
 const multiComboboxStories = __importStar(require("./multi-combobox/multi-combobox.stories"));
@@ -57,10 +57,2 @@ const multiSelectStories = __importStar(require("./multi-select/multi-select.stories"));
     },
-    "checkbox-button": {
-        title: "CheckboxButton",
-        stories: checkboxButtonStories
-    },
-    "checkbox-input": {
-        title: "CheckboxInput",
-        stories: checkboxInputStories
-    },
     "color-radio-group": {
@@ -102,2 +94,10 @@ title: "ColorRadioGroup",
     },
+    "checkbox-button": {
+        title: "CheckboxButton",
+        stories: checkboxButtonStories
+    },
+    "checkbox-input": {
+        title: "CheckboxInput",
+        stories: checkboxInputStories
+    },
     "multi-combobox": {
@@ -104,0 +104,0 @@ title: "MultiCombobox",

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

@@ -86,5 +86,5 @@ "use strict";
     };
-    return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { autoFocus: props.autoFocus, bottomContent: props.bottomContent, className: props.className, form: props.form, helperText: (_g = (_f = fieldState.error) === null || _f === void 0 ? void 0 : _f.message) !== null && _g !== void 0 ? _g : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isClearable: props.isClearable, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, maxDate: props.maxDate, minDate: props.minDate, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, placeholder: props.placeholder, popoverPlacement: props.popoverPlacement, popoverStrategy: props.popoverStrategy, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, triggerElement: props.triggerElement, unavailableDates: props.unavailableDates, value: field.value, variant: props.variant }));
+    return (react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { autoFocus: props.autoFocus, bottomContent: props.bottomContent, className: props.className, form: props.form, helperText: (_g = (_f = fieldState.error) === null || _f === void 0 ? void 0 : _f.message) !== null && _g !== void 0 ? _g : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isClearable: props.isClearable, isDisabled: props.isDisabled, isInvalid: !!fieldState.error, isReadOnly: props.isReadOnly, isRequired: props.isRequired, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, maxDate: props.maxDate, minDate: props.minDate, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, placeholder: props.placeholder, popoverPlacement: props.popoverPlacement, popoverStrategy: props.popoverStrategy, ref: field.ref, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, triggerElement: props.triggerElement, unavailableDates: props.unavailableDates, value: field.value, variant: props.variant, CustomDatetimePicker: props.CustomDatetimePicker }));
 }
 exports.DatetimePickerInput = DatetimePickerInput;
 DatetimePickerInput.displayName = "UxfFormDatePickerInput";

datetime-picker-input/datetime-picker-input.stories.d.ts

 import React from "react";
-import { DatetimePickerInput } from "./datetime-picker-input";
-declare const _default: {
-    title: string;
-    component: typeof DatetimePickerInput;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

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

@@ -13,8 +13,4 @@ "use strict";
 const datetime_picker_input_1 = require("./datetime-picker-input");
-exports.default = {
-    title: "Form/DatetimePickerInput",
-    component: datetime_picker_input_1.DatetimePickerInput,
-};
 function Default() {
-    const storyFormDatePickers = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
+    return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: { withDefaultValue: (0, dayjs_1.default)("2023-10-20T14:32:10.511").toISOString() }, className: "space-y-4 p-4" }, ({ control }) => (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, isClearable: true, isRequired: true, label: "Default datetime picker", name: "default" }),
@@ -26,8 +22,11 @@ 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("p", null, "Here can goes anything")), control: control, isClearable: true, isRequired: true, label: "With bottom content", name: "default" }),
-        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
-    return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: {
-            withDefaultValue: (0, dayjs_1.default)("2023-10-20T14:32:10.511").toISOString(),
-        } }, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
-        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormDatePickers(control))))));
+        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { control: control, name: "withCustomDatetimePicker", label: "With custom datetime picker", CustomDatetimePicker: (props) => (react_1.default.createElement("div", null,
+                react_1.default.createElement(button_1.Button, { onClick: () => {
+                        props.onChange((0, dayjs_1.default)()
+                            .add(1, "day")
+                            .startOf("day")
+                            .format("YYYY-MM-DD[T]HH:mm:ssZ"));
+                        props.onClose();
+                    } }, "Z\u00EDtra"))), isClearable: true })))));
 }
 exports.Default = Default;

package.json

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

readmes.d.ts

@@ -5,4 +5,2 @@ /// <reference types="mdx" />
     readonly "avatar-file-input": typeof avatarFileInputReadme;
-    readonly "checkbox-button": typeof avatarFileInputReadme;
-    readonly "checkbox-input": typeof avatarFileInputReadme;
     readonly "color-radio-group": typeof avatarFileInputReadme;
@@ -17,2 +15,4 @@ readonly combobox: typeof avatarFileInputReadme;
     readonly "gps-input": typeof avatarFileInputReadme;
+    readonly "checkbox-button": typeof avatarFileInputReadme;
+    readonly "checkbox-input": typeof avatarFileInputReadme;
     readonly "multi-combobox": typeof avatarFileInputReadme;
@@ -19,0 +19,0 @@ readonly "multi-select": typeof avatarFileInputReadme;

readmes.js

@@ -9,13 +9,13 @@ "use strict";
 const README_md_1 = __importDefault(require("./avatar-file-input/README.md"));
-const README_md_2 = __importDefault(require("./checkbox-button/README.md"));
-const README_md_3 = __importDefault(require("./checkbox-input/README.md"));
-const README_md_4 = __importDefault(require("./color-radio-group/README.md"));
-const README_md_5 = __importDefault(require("./combobox/README.md"));
-const README_md_6 = __importDefault(require("./date-picker-input/README.md"));
-const README_md_7 = __importDefault(require("./date-range-picker-input/README.md"));
-const README_md_8 = __importDefault(require("./datetime-picker-input/README.md"));
-const README_md_9 = __importDefault(require("./dropzone/README.md"));
-const README_md_10 = __importDefault(require("./file-input/README.md"));
-const README_md_11 = __importDefault(require("./form/README.md"));
-const README_md_12 = __importDefault(require("./gps-input/README.md"));
+const README_md_2 = __importDefault(require("./color-radio-group/README.md"));
+const README_md_3 = __importDefault(require("./combobox/README.md"));
+const README_md_4 = __importDefault(require("./date-picker-input/README.md"));
+const README_md_5 = __importDefault(require("./date-range-picker-input/README.md"));
+const README_md_6 = __importDefault(require("./datetime-picker-input/README.md"));
+const README_md_7 = __importDefault(require("./dropzone/README.md"));
+const README_md_8 = __importDefault(require("./file-input/README.md"));
+const README_md_9 = __importDefault(require("./form/README.md"));
+const README_md_10 = __importDefault(require("./gps-input/README.md"));
+const README_md_11 = __importDefault(require("./checkbox-button/README.md"));
+const README_md_12 = __importDefault(require("./checkbox-input/README.md"));
 const README_md_13 = __importDefault(require("./multi-combobox/README.md"));
@@ -33,13 +33,13 @@ const README_md_14 = __importDefault(require("./multi-select/README.md"));
     "avatar-file-input": README_md_1.default,
-    "checkbox-button": README_md_2.default,
-    "checkbox-input": README_md_3.default,
-    "color-radio-group": README_md_4.default,
-    "combobox": README_md_5.default,
-    "date-picker-input": README_md_6.default,
-    "date-range-picker-input": README_md_7.default,
-    "datetime-picker-input": README_md_8.default,
-    "dropzone": README_md_9.default,
-    "file-input": README_md_10.default,
-    "form": README_md_11.default,
-    "gps-input": README_md_12.default,
+    "color-radio-group": README_md_2.default,
+    "combobox": README_md_3.default,
+    "date-picker-input": README_md_4.default,
+    "date-range-picker-input": README_md_5.default,
+    "datetime-picker-input": README_md_6.default,
+    "dropzone": README_md_7.default,
+    "file-input": README_md_8.default,
+    "form": README_md_9.default,
+    "gps-input": README_md_10.default,
+    "checkbox-button": README_md_11.default,
+    "checkbox-input": README_md_12.default,
     "multi-combobox": README_md_13.default,
@@ -46,0 +46,0 @@ "multi-select": README_md_14.default,

storybook/storybook-form.d.ts

@@ -5,4 +5,5 @@ import React, { ReactNode } from "react";
     children: (form: UseFormReturn) => ReactNode;
+    className?: string;
 }
 export declare function StorybookForm(props: FormProps): React.JSX.Element;
 export {};

storybook/storybook-form.js

@@ -37,3 +37,3 @@ "use strict";
     // eslint-disable-next-line no-console
-    react_1.default.createElement(form_1.Form, { formApi: form, id: formId, onSubmit: console.log },
+    react_1.default.createElement(form_1.Form, { formApi: form, id: formId, onSubmit: console.log, className: props.className },
         props.children(form),
@@ -40,0 +40,0 @@ react_1.default.createElement("div", { className: "my-4" },

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

189394

increased by0.06%

Worsened metrics

Lines of code

3444

decreased by-0.12%

Dependency changes

• + Added@floating-ui/core@1.6.8(transitive)

• + Added@floating-ui/dom@1.6.11(transitive)

• + Added@floating-ui/react-dom@2.1.2(transitive)

• + Added@floating-ui/utils@0.2.8(transitive)

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

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

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

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

• - Removed@floating-ui/core@1.6.7(transitive)

• - Removed@floating-ui/dom@1.6.10(transitive)

• - Removed@floating-ui/react-dom@2.1.1(transitive)

• - Removed@floating-ui/utils@0.2.7(transitive)

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

• - Removed@uxf/core-react@11.22.0(transitive)

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

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

• Updated@uxf/ui@11.29.0