alif-ui 2.0.0-alpha.10 → 2.0.0-alpha.12

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.
@@ -11,7 +11,7 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
11
11
  //#region src/lib/components/Backdrop/Backdrop.tsx
12
12
  var d = ({ isOpen: d, onClose: f, children: p, closeOnClickOutside: m = !0, className: h, zIndex: g, transitionProps: _, ...v }) => {
13
13
  let y = r(d), b = (e) => {
14
- e.target === e.currentTarget && m && f();
14
+ e.stopPropagation(), e.target === e.currentTarget && m && f();
15
15
  };
16
16
  return c(() => {
17
17
  let e = (e) => {
@@ -4,36 +4,39 @@ import { usePopoverContext as n } from "../Popover.context.js";
4
4
  import { PopoverArrow as r } from "./PopoverArrow.js";
5
5
  import { jsx as i, jsxs as a } from "react/jsx-runtime";
6
6
  //#region src/lib/components/Popover/PopoverDropdown/PopoverDropdown.tsx
7
- var o = ({ children: o, className: s, style: c, ...l }) => {
8
- let { isOpen: u, isOpenControlled: d, placement: f, setPopoverRefState: p, zIndex: m, width: h, withArrow: g, arrowPlacement: _, triggerRefState: v, transitionProps: y, isFixed: b, delayedClose: x, delayedOpen: S, triggerType: C } = n(), w = C === "hover" || C === "click-hover", T = () => {
9
- w && S();
10
- }, E = (e) => {
11
- if (!w) return;
7
+ var o = ({ children: o, className: s, style: c, onClick: l, ...u }) => {
8
+ let { isOpen: d, isOpenControlled: f, placement: p, setPopoverRefState: m, zIndex: h, width: g, withArrow: _, arrowPlacement: v, triggerRefState: y, transitionProps: b, isFixed: x, delayedClose: S, delayedOpen: C, triggerType: w } = n(), T = w === "hover" || w === "click-hover", E = () => {
9
+ T && C();
10
+ }, D = (e) => {
11
+ if (!T) return;
12
12
  let t = e.relatedTarget;
13
- t instanceof Node && v?.contains(t) || x();
13
+ t instanceof Node && y?.contains(t) || S();
14
+ }, O = (e) => {
15
+ e.stopPropagation(), l?.(e);
14
16
  };
15
17
  return /* @__PURE__ */ i(e, {
16
- isFixed: b,
18
+ isFixed: x,
17
19
  placement: {
18
- ...f,
19
- zIndex: m
20
+ ...p,
21
+ zIndex: h
20
22
  },
21
23
  children: /* @__PURE__ */ i(t, {
22
- mounted: d || u,
23
- ...y,
24
+ mounted: f || d,
25
+ ...b,
24
26
  children: (e) => /* @__PURE__ */ a("div", {
25
27
  "data-popover-dropdown": !0,
26
28
  style: {
27
29
  ...e,
28
30
  ...c,
29
- width: h === "trigger" ? v?.getBoundingClientRect().width : h
31
+ width: g === "trigger" ? y?.getBoundingClientRect().width : g
30
32
  },
31
33
  className: s,
32
- ref: p,
33
- onMouseEnter: T,
34
- onMouseLeave: E,
35
- ...l,
36
- children: [g && /* @__PURE__ */ i(r, { ..._ }), o]
34
+ ref: m,
35
+ onClick: O,
36
+ onMouseEnter: E,
37
+ onMouseLeave: D,
38
+ ...u,
39
+ children: [_ && /* @__PURE__ */ i(r, { ...v }), o]
37
40
  })
38
41
  })
39
42
  });
@@ -21,8 +21,8 @@ var a = ({ children: a, className: o, ...s }) => {
21
21
  t instanceof Node && h?.contains(t) || f();
22
22
  },
23
23
  className: e(r.popoverTrigger, o),
24
- onClick: () => {
25
- m || (p === "click" || p === "click-hover") && l();
24
+ onClick: (e) => {
25
+ e.stopPropagation(), !m && (p === "click" || p === "click-hover") && l();
26
26
  },
27
27
  ...s,
28
28
  children: a
@@ -1 +1 @@
1
- {"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,eAAO,MAAM,QAAQ,GAAI,kGAStB,aAAa,4CAkDf,CAAC"}
1
+ {"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,eAAO,MAAM,QAAQ,GAAI,kGAStB,aAAa,4CAoDf,CAAC"}
@@ -2,6 +2,6 @@ import { PopoverProps } from './Popover.types';
2
2
  export declare const Popover: {
3
3
  ({ children, offset, position, isOpen: isOpenControlled, onChange, onClose, withArrow, width, zIndex, isFixed, transitionProps, triggerType, disabled, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
4
4
  Trigger: ({ children, className, ...props }: import('./PopoverTrigger/PopoverTrigger.types').PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
5
- Dropdown: ({ children, className, style, ...restProps }: import('./PopoverDropdown/PopoverDropdown.types').PopoverDropdownProps) => import("react/jsx-runtime").JSX.Element;
5
+ Dropdown: ({ children, className, style, onClick, ...restProps }: import('./PopoverDropdown/PopoverDropdown.types').PopoverDropdownProps) => import("react/jsx-runtime").JSX.Element;
6
6
  };
7
7
  //# sourceMappingURL=Popover.d.ts.map
@@ -1,3 +1,3 @@
1
1
  import { PopoverDropdownProps } from './PopoverDropdown.types';
2
- export declare const PopoverDropdown: ({ children, className, style, ...restProps }: PopoverDropdownProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const PopoverDropdown: ({ children, className, style, onClick, ...restProps }: PopoverDropdownProps) => import("react/jsx-runtime").JSX.Element;
3
3
  //# sourceMappingURL=PopoverDropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Popover/PopoverDropdown/PopoverDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAI/D,eAAO,MAAM,eAAe,GAAI,8CAK7B,oBAAoB,4CAiEtB,CAAC"}
1
+ {"version":3,"file":"PopoverDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Popover/PopoverDropdown/PopoverDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAI/D,eAAO,MAAM,eAAe,GAAI,uDAM7B,oBAAoB,4CAuEtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Popover/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAI7D,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAiDrB,CAAC"}
1
+ {"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/Popover/PopoverTrigger/PopoverTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAI7D,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAkDrB,CAAC"}
package/package.json CHANGED
@@ -21,7 +21,7 @@
21
21
  },
22
22
  "license": "ISC",
23
23
  "private": false,
24
- "version": "2.0.0-alpha.10",
24
+ "version": "2.0.0-alpha.12",
25
25
  "type": "module",
26
26
  "files": [
27
27
  "dist"
@@ -50,12 +50,12 @@
50
50
  "stylelint:fix": "stylelint \"**/*.css\" --fix",
51
51
  "eslint": "eslint --fix",
52
52
  "format": "prettier --no-error-on-unmatched-pattern --write **/*.{jsx,ts,tsx}",
53
- "prepare": "husky || true",
54
53
  "test": "jest --config config/jest/jestconfig.json",
55
54
  "storybook": "storybook dev -p 6006",
56
55
  "build-storybook": "storybook build"
57
56
  },
58
57
  "devDependencies": {
58
+ "@eslint/js": "^10.0.1",
59
59
  "@storybook/addon-docs": "10.2.10",
60
60
  "@storybook/react-vite": "10.2.10",
61
61
  "@testing-library/dom": "^10.4.1",
@@ -67,7 +67,6 @@
67
67
  "@types/node": "^25.9.1",
68
68
  "@types/react": "^19.2.7",
69
69
  "@types/react-dom": "^19.2.3",
70
- "@eslint/js": "^10.0.1",
71
70
  "@typescript-eslint/eslint-plugin": "^8.59.4",
72
71
  "@typescript-eslint/parser": "^8.59.4",
73
72
  "@vitejs/plugin-react": "^6.0.2",