@uxf/ui 11.44.0 → 11.45.0

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.
Files changed (7) hide show
  1. package/css/modal-header.css +2 -0
  2. package/datetime-picker/datetime-picker.js +1 -1
  3. package/hooks/use-dropdown.d.ts +4 -4
  4. package/icon-button/icon-button.js +1 -1
  5. package/modal-header/modal-header.js +1 -1
  6. package/package.json +7 -7
  7. package/tooltip/use-tooltip.d.ts +7 -7
package/css/modal-header.css CHANGED
@@ -30,6 +30,8 @@
30
30
  }
31
31
 
32
32
  &__text-wrapper {
33
+ align-items: center;
34
+ display: flex;
33
35
  flex-grow: 1;
34
36
  padding: theme("spacing.1");
35
37
  }
package/datetime-picker/datetime-picker.js CHANGED
@@ -65,7 +65,7 @@ const DatetimePicker = (props) => {
65
65
  const [tmpDate, setTmpDate] = (0, react_1.useState)(props.value ? (0, dayjs_1.default)(props.value) : null);
66
66
  const onDatePickerChange = (0, react_1.useCallback)((value) => {
67
67
  let parsedValue = (0, dayjs_1.default)(value);
68
- if (tmpDate) {
68
+ if (tmpDate === null || tmpDate === void 0 ? void 0 : tmpDate.isValid()) {
69
69
  parsedValue = tmpDate.date(parsedValue.date()).month(parsedValue.month()).year(parsedValue.year());
70
70
  }
71
71
  onChange(parsedValue.toISOString());
package/hooks/use-dropdown.d.ts CHANGED
@@ -7,10 +7,10 @@ export declare function useDropdown(placement: Placement, matchWidth?: boolean,
7
7
  y: number;
8
8
  isPositioned: boolean;
9
9
  update: () => void;
10
- floatingStyles: import("react").CSSProperties;
10
+ floatingStyles: React.CSSProperties;
11
11
  refs: {
12
12
  reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
13
- floating: import("react").MutableRefObject<HTMLElement | null>;
13
+ floating: React.MutableRefObject<HTMLElement | null>;
14
14
  setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
15
15
  setFloating: (node: HTMLElement | null) => void;
16
16
  } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
@@ -26,11 +26,11 @@ export declare function useDropdown(placement: Placement, matchWidth?: boolean,
26
26
  middlewareData: import("@floating-ui/core").MiddlewareData;
27
27
  isPositioned: boolean;
28
28
  update: () => void;
29
- floatingStyles: import("react").CSSProperties;
29
+ floatingStyles: React.CSSProperties;
30
30
  open: boolean;
31
31
  onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
32
32
  events: import("@floating-ui/react").FloatingEvents;
33
- dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
33
+ dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
34
34
  nodeId: string | undefined;
35
35
  floatingId: string;
36
36
  refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
package/icon-button/icon-button.js CHANGED
@@ -33,4 +33,4 @@ exports.IconButton = (0, react_1.forwardRef)((props, ref) => {
33
33
  return (react_1.default.createElement(button_1.Button, { className: `uxf-icon-button ${className !== null && className !== void 0 ? className : ""}`, ref: ref, ...buttonProps },
34
34
  react_1.default.createElement(icon_1.Icon, { "aria-label": label, name: iconName, size: iconSize })));
35
35
  });
36
- exports.IconButton.displayName = "IconButton";
36
+ exports.IconButton.displayName = "UxfUiIconButton";
package/modal-header/modal-header.js CHANGED
@@ -12,7 +12,7 @@ const react_1 = __importDefault(require("react"));
12
12
  const button_1 = require("../button");
13
13
  const icon_1 = require("../icon");
14
14
  function ModalHeader(props) {
15
- return (react_1.default.createElement("header", { className: (0, cx_1.cx)("uxf-modal-header", props.onGoBack && "uxf-modal-header--has-go-back") },
15
+ return (react_1.default.createElement("header", { className: (0, cx_1.cx)("uxf-modal-header", props.onGoBack && "uxf-modal-header--has-go-back", props.className) },
16
16
  react_1.default.createElement(show_1.Show, { when: (0, is_not_nil_1.isNotNil)(props.onGoBack) },
17
17
  react_1.default.createElement(button_1.Button, { isIconButton: true, onClick: props.onGoBack, size: "sm", variant: "text" },
18
18
  react_1.default.createElement(icon_1.Icon, { name: "angle-left" }))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/ui",
3
- "version": "11.44.0",
3
+ "version": "11.45.0",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -21,12 +21,12 @@
21
21
  },
22
22
  "license": "MIT",
23
23
  "dependencies": {
24
- "@floating-ui/react": "0.26.23",
25
- "@headlessui/react": "1.7.14",
26
- "@uxf/core": "11.42.0",
27
- "@uxf/core-react": "11.42.0",
28
- "@uxf/datepicker": "11.32.0",
29
- "@uxf/styles": "11.42.0",
24
+ "@floating-ui/react": "0.26.28",
25
+ "@headlessui/react": "1.7.19",
26
+ "@uxf/core": "11.45.0",
27
+ "@uxf/core-react": "11.45.0",
28
+ "@uxf/datepicker": "11.45.0",
29
+ "@uxf/styles": "11.45.0",
30
30
  "color2k": "2.0.3",
31
31
  "dayjs": "1.11.13",
32
32
  "jump.js": "1.0.2",
package/tooltip/use-tooltip.d.ts CHANGED
@@ -14,10 +14,10 @@ export declare function useTooltip(options: TooltipOptions): {
14
14
  y: number;
15
15
  isPositioned: boolean;
16
16
  update: () => void;
17
- floatingStyles: import("react").CSSProperties;
17
+ floatingStyles: React.CSSProperties;
18
18
  refs: {
19
19
  reference: MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
20
- floating: MutableRefObject<HTMLElement | null>;
20
+ floating: React.MutableRefObject<HTMLElement | null>;
21
21
  setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
22
22
  setFloating: (node: HTMLElement | null) => void;
23
23
  } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
@@ -33,19 +33,19 @@ export declare function useTooltip(options: TooltipOptions): {
33
33
  middlewareData: import("@floating-ui/core").MiddlewareData;
34
34
  isPositioned: boolean;
35
35
  update: () => void;
36
- floatingStyles: import("react").CSSProperties;
36
+ floatingStyles: React.CSSProperties;
37
37
  open: boolean;
38
38
  onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
39
39
  events: import("@floating-ui/react").FloatingEvents;
40
- dataRef: MutableRefObject<import("@floating-ui/react").ContextData>;
40
+ dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
41
41
  nodeId: string | undefined;
42
42
  floatingId: string;
43
43
  refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
44
44
  elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
45
45
  };
46
- getReferenceProps: (userProps?: import("react").HTMLProps<Element>) => Record<string, unknown>;
47
- getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement>) => Record<string, unknown>;
48
- getItemProps: (userProps?: Omit<import("react").HTMLProps<HTMLElement>, "selected" | "active"> & {
46
+ getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
47
+ getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
48
+ getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
49
49
  active?: boolean;
50
50
  selected?: boolean;
51
51
  }) => Record<string, unknown>;