@uxf/ui - npm Package Compare versions

Comparing version 11.6.1 to 11.7.0

checkbox-input/checkbox-input.d.ts

@@ -6,2 +6,3 @@ import React, { CSSProperties, ReactNode } from "react";
     className?: string;
+    hiddenLabel?: boolean;
     id?: string;
@@ -8,0 +9,0 @@ indeterminate?: boolean;

checkbox-input/checkbox-input.js

@@ -38,3 +38,3 @@ "use strict";
             react_2.default.createElement(react_1.Switch, { as: react_2.Fragment, checked: props.value, name: props.name, onChange: props.onChange }, ({ checked }) => (react_2.default.createElement(checkbox_1.Checkbox, { className: "uxf-checkbox-input", id: props.id, indeterminate: props.indeterminate, isDisabled: props.isDisabled, isFocused: props.isFocused, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, onChange: props.onChange, ref: ref, size: props.size, style: props.style, value: checked }))),
-            react_2.default.createElement(react_1.Switch.Label, { className: "uxf-checkbox-input__label" },
+            react_2.default.createElement(react_1.Switch.Label, { className: `uxf-checkbox-input__label ${props.hiddenLabel ? "uxf-checkbox-input__label--hidden" : ""}` },
                 react_2.default.createElement("span", { className: "uxf-checkbox-input__label--text" }, props.label),
@@ -41,0 +41,0 @@ react_2.default.createElement("span", { id: errorId, className: "uxf-checkbox-input__label--subtitle" }, props.helperText)))));

checkbox-input/checkbox-input.stories.js

@@ -41,3 +41,4 @@ "use strict";
         react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "Opravdu?", isInvalid: true, onChange: onChange, value: checked }),
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "Opravdu? (size lg)", onChange: onChange, value: checked, size: "lg" })));
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "Opravdu? (size lg)", onChange: onChange, value: checked, size: "lg" }),
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: "hidden label", hiddenLabel: true, onChange: onChange, value: checked, size: "lg" })));
     return (react_1.default.createElement("div", { className: "flex" },
@@ -44,0 +45,0 @@ react_1.default.createElement("div", { className: "light flex flex-col gap-4 p-20" }, checkboxes),

create-component-preview-page/create-component-preview-page.js

@@ -9,3 +9,3 @@ "use strict";
 const react_1 = __importDefault(require("react"));
-const ui_components_1 = require("./ui-components");
+const components_1 = require("../components");
 function ComponentPreview(props) {
@@ -23,3 +23,3 @@ return (react_1.default.createElement(react_1.default.Fragment, null, Object.entries(props.stories).map(([key, Story]) => {
         if ((0, is_nil_1.isNil)(componentName)) {
-            return (react_1.default.createElement("div", { style: { padding: 32 } }, Object.entries(ui_components_1.uiComponents).map(([key, config]) => (react_1.default.createElement("div", { key: key, style: { marginTop: 32, marginBottom: 32 } },
+            return (react_1.default.createElement("div", { style: { padding: 32 } }, Object.entries(components_1.components).map(([key, config]) => (react_1.default.createElement("div", { key: key, style: { marginTop: 32, marginBottom: 32 } },
                 react_1.default.createElement("h2", null, config.title),
@@ -29,3 +29,3 @@ react_1.default.createElement("div", { style: { border: "2px dashed gray", padding: 32, borderRadius: 4 } },
         }
-        const componentConfig = ui_components_1.uiComponents[componentName]; // TODO @vejvis
+        const componentConfig = components_1.components[componentName]; // TODO @vejvis
         if ((0, is_nil_1.isNil)(componentConfig)) {
@@ -32,0 +32,0 @@ return react_1.default.createElement("div", null, "component not found");

create-component-preview-page/index.d.ts

@@ -0,2 +1,2 @@
+export * from "../components";
 export * from "./create-component-preview-page";
-export * from "./ui-components";

create-component-preview-page/index.js

@@ -17,3 +17,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../components"), exports);
 __exportStar(require("./create-component-preview-page"), exports);
-__exportStar(require("./ui-components"), exports);

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

@@ -45,3 +45,6 @@ "use strict";
         react_1.default.createElement(date_picker_input_1.DatePickerInput, { id: "date-test-invalid", isClearable: true, minDate: "2023-06-06", maxDate: "2023-06-12", label: "Min/max", name: "date-invalid", onChange: onChange, placeholder: "", value: date }),
-        react_1.default.createElement(date_picker_input_1.DatePickerInput, { allowedDateFormats: ["MM/DD/YYYY", "M/D/YYYY"], displayDateFormat: "MM/DD/YYYY", id: "date-custom-format", isClearable: true, label: "Datum s vlastn\u00EDm form\u00E1tem (US)", name: "date", onChange: onChange, value: date })));
+        react_1.default.createElement(date_picker_input_1.DatePickerInput, { allowedDateFormats: ["MM/DD/YYYY", "M/D/YYYY"], displayDateFormat: "MM/DD/YYYY", id: "date-custom-format", isClearable: true, label: "Datum s vlastn\u00EDm form\u00E1tem (US)", name: "date", onChange: onChange, value: date }),
+        react_1.default.createElement(date_picker_input_1.DatePickerInput, { bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")), id: "date-test", isClearable: true, label: "With bottom content", name: "date", onChange: onChange, placeholder: "Zadejte datum...", value: date })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -48,0 +51,0 @@ react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),

date-picker/date-picker.stories.js

@@ -76,3 +76,7 @@ "use strict";
             react_1.default.createElement("li", null, "now + 8 days -> no custom className, disabled")),
-        react_1.default.createElement(date_picker_1.DatePicker, { onChange: onChange, selectedDate: value, datesConfig: datesConfig })));
+        react_1.default.createElement(date_picker_1.DatePicker, { onChange: onChange, selectedDate: value, datesConfig: datesConfig }),
+        react_1.default.createElement("p", { className: "text-lg" }, "Date picker with bottom content"),
+        react_1.default.createElement(date_picker_1.DatePicker, { onChange: onChange, selectedDate: value, bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")) })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -79,0 +83,0 @@ react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),

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

@@ -48,3 +48,6 @@ "use strict";
         react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { id: "date-test-readonly", name: "date-readonly", label: "Datum readonly", value: range, onChange: onChange, isReadOnly: true }),
-        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { id: "date-test-invalid", name: "date-invalid", label: "Datum invalid", value: range, onChange: onChange, isInvalid: true, isClearable: true })));
+        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { id: "date-test-invalid", name: "date-invalid", label: "Datum invalid", value: range, onChange: onChange, isInvalid: true, isClearable: true }),
+        react_1.default.createElement(date_range_picker_input_1.DateRangePickerInput, { bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")), id: "date-test", name: "date", label: "With bottom content", value: range, onChange: onChange, isClearable: true })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -51,0 +54,0 @@ react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),

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

@@ -44,3 +44,6 @@ "use strict";
         react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-invalid", isClearable: true, isInvalid: true, label: "Datum a \u010Das invalid", name: "date-invalid", onChange: onChange, value: date }),
-        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-invalid", isClearable: true, minDate: "2023-06-13", maxDate: "2023-06-26", label: "min/max-validate", name: "min/max", onChange: onChange, placeholder: "", value: date })));
+        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { id: "date-test-invalid", isClearable: true, minDate: "2023-06-13", maxDate: "2023-06-26", label: "min/max-validate", name: "min/max", onChange: onChange, placeholder: "", value: date }),
+        react_1.default.createElement(datetime_picker_input_1.DatetimePickerInput, { bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")), id: "date-test", isClearable: true, label: "With bottom content", name: "date", onChange: onChange, placeholder: "Zadejte datum...", value: date })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -47,0 +50,0 @@ react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),

datetime-picker/datetime-picker.stories.js

@@ -38,3 +38,5 @@ "use strict";
     const testDatetimePickers = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(datetime_picker_1.DatetimePicker, { onChange: onChange, value: value })));
+        react_1.default.createElement(datetime_picker_1.DatetimePicker, { bottomContent: react_1.default.createElement("div", null,
+                "Bottom content",
+                react_1.default.createElement("p", null, "Here can goes anything")), onChange: onChange, value: value })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -41,0 +43,0 @@ react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatetimePickers),

hooks/use-dropdown.d.ts

@@ -25,4 +25,4 @@ /// <reference types="react" />
         y: number;
+        placement: Placement;
         strategy: Strategy;
-        placement: Placement;
         middlewareData: import("@floating-ui/core").MiddlewareData;
@@ -29,0 +29,0 @@ isPositioned: boolean;

multi-select/_multi-select-base.js

@@ -63,3 +63,3 @@ "use strict";
                     ? props.placeholder
-                    : selectedOptions.map((item) => (react_3.default.createElement(chip_1.Chip, { className: "uxf-multi-combobox__input-chip", color: item.color, key: item.id, onClose: handleRemove(item.id), size: "large", suppressFocus: true }, item.label)))),
+                    : selectedOptions.map((item) => (react_3.default.createElement(chip_1.Chip, { className: "uxf-multi-combobox__input-chip", color: item.color, key: item.id, onClose: item.disabled ? undefined : handleRemove(item.id), size: "large", suppressFocus: true }, item.label)))),
                 react_3.default.createElement(icon_1.Icon, { className: (0, cx_1.cx)("uxf-select-base__arrow-icon", renderProps.open && classes_1.CLASSES.IS_OPEN), name: iconName })),
@@ -66,0 +66,0 @@ renderProps.open && (react_3.default.createElement(react_1.FloatingPortal, null,

package.json

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

tooltip/use-tooltip.d.ts

@@ -31,4 +31,4 @@ import { Placement } from "@floating-ui/react";
         y: number;
+        placement: Placement;
         strategy: import("@floating-ui/utils").Strategy;
-        placement: Placement;
         middlewareData: import("@floating-ui/core").MiddlewareData;
@@ -35,0 +35,0 @@ isPositioned: boolean;

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

792671

increased by0.71%

Number of package files

763

increased by0.26%

Lines of code

16770

increased by0.7%

No dependency changes