@oliasoft-open-source/react-ui-library 6.14.0-beta-7 → 6.14.0-beta-9

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.
@@ -15,6 +15,12 @@ export interface IPopoverProps {
15
15
  toggleOnTriggerClick?: boolean;
16
16
  /** When true, content outside the popover layer stays interactive (e.g. inline edit fields). */
17
17
  isNonModal?: boolean;
18
+ /**
19
+ * TODO: Remove this prop when we have a better way to manage focus in UnitSlider
20
+ *
21
+ * When false, the trigger does not regain focus on close. Use with inline-edit triggers that open the popover from onFocus (e.g. UnitSlider).
22
+ */
23
+ restoreTriggerFocusOnClose?: boolean;
18
24
  }
19
- export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, isOpen: externalIsOpen, onToggle: externalOnToggle, toggleOnTriggerClick, isNonModal, }: IPopoverProps) => import("react/jsx-runtime").JSX.Element | null;
25
+ export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, isOpen: externalIsOpen, onToggle: externalOnToggle, toggleOnTriggerClick, isNonModal, restoreTriggerFocusOnClose, }: IPopoverProps) => import("react/jsx-runtime").JSX.Element | null;
20
26
  //# sourceMappingURL=popover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAIZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAanD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gGAAgG;IAChG,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,4LAarB,aAAa,mDA6Hf,CAAC"}
1
+ {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAIZ,SAAS,EAMV,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAanD,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gGAAgG;IAChG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,OAAO,GAAI,wNAcrB,aAAa,mDA8Hf,CAAC"}
@@ -8,4 +8,5 @@ export declare const CloseButton: import('storybook/internal/csf').AnnotatedStor
8
8
  export declare const Placement: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IPopoverProps>;
9
9
  export declare const Disabled: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IPopoverProps>;
10
10
  export declare const ExternalControl: StoryFn<IPopoverProps>;
11
+ export declare const NonModal: StoryFn;
11
12
  //# sourceMappingURL=popover.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EAAE,aAAa,EAAW,MAAM,WAAW,CAAC;wBA6C9C,IAAI;AAhBT,wBAgBU;AAIV,eAAO,MAAM,OAAO,iHAAoB,CAAC;AAEzC,eAAO,MAAM,YAAY,iHAAoB,CAAC;AAK9C,eAAO,MAAM,WAAW,iHAAoB,CAAC;AAM7C,eAAO,MAAM,SAAS,iHAAoB,CAAC;AAK3C,eAAO,MAAM,QAAQ,iHAAoB,CAAC;AAK1C,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,aAAa,CAelD,CAAC"}
1
+ {"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,EAAE,aAAa,EAAW,MAAM,WAAW,CAAC;wBA6C9C,IAAI;AAhBT,wBAgBU;AAIV,eAAO,MAAM,OAAO,iHAAoB,CAAC;AAEzC,eAAO,MAAM,YAAY,iHAAoB,CAAC;AAK9C,eAAO,MAAM,WAAW,iHAAoB,CAAC;AAM7C,eAAO,MAAM,SAAS,iHAAoB,CAAC;AAK3C,eAAO,MAAM,QAAQ,iHAAoB,CAAC;AAK1C,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,aAAa,CAelD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,OA2CtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"unit-slider.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAS7E,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQ5D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAaD,eAAO,MAAM,UAAU,GAAI,6NAqBxB,gBAAgB,4CAiKlB,CAAC"}
1
+ {"version":3,"file":"unit-slider.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAS7E,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQ5D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAaD,eAAO,MAAM,UAAU,GAAI,6NAqBxB,gBAAgB,4CAkKlB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"unit-slider.test-case.stories.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.test-case.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;CAIyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,cAAc,EAAE,KAoB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAC"}
1
+ {"version":3,"file":"unit-slider.test-case.stories.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.test-case.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;CAIyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAC"}
package/dist/index.js CHANGED
@@ -1452,54 +1452,55 @@ var $i = {
1452
1452
  arrowIcon: "_arrowIcon_eamgh_27",
1453
1453
  fullWidthStyleFix: "_fullWidthStyleFix_eamgh_43",
1454
1454
  dismiss: "_dismiss_eamgh_48"
1455
- }, $a = ({ children: e, content: t, placement: n = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: c, disabled: f = !1, isOpen: p, onToggle: m, toggleOnTriggerClick: h = !0, isNonModal: v = !1 }) => {
1456
- let C = u(U), w = g(null), [T, E] = _(!1), D = f || C, O = p !== void 0, k = O ? p : T, A = l((e) => {
1457
- D || (O ? m == null || m(e) : E(e));
1455
+ }, $a = ({ children: e, content: t, placement: n = "top-center", closeOnOutsideClick: i = !0, fullWidth: a = !1, showCloseButton: o = !1, testId: c, disabled: f = !1, isOpen: p, onToggle: m, toggleOnTriggerClick: h = !0, isNonModal: v = !1, restoreTriggerFocusOnClose: C = !0 }) => {
1456
+ let w = u(U), T = g(null), [E, D] = _(!1), O = f || w, k = p !== void 0, A = k ? p : E, j = l((e) => {
1457
+ O || (k ? m == null || m(e) : D(e));
1458
1458
  }, [
1459
+ k,
1459
1460
  O,
1460
- D,
1461
1461
  m
1462
- ]), j = l((e) => {
1463
- !h && e || A(e);
1464
- }, [A, h]), M = l(() => {
1465
- A(!1);
1466
- }, [A]);
1462
+ ]), M = l((e) => {
1463
+ !h && e || j(e);
1464
+ }, [j, h]), N = l(() => {
1465
+ j(!1);
1466
+ }, [j]);
1467
1467
  d(() => {
1468
- D && k && M();
1468
+ O && A && N();
1469
1469
  }, [
1470
- D,
1471
- k,
1472
- M
1470
+ O,
1471
+ A,
1472
+ N
1473
1473
  ]);
1474
- let N = Ua(w.current);
1474
+ let P = Ua(T.current);
1475
1475
  if (!Xa(e)) return null;
1476
- let P = s(t) && typeof t.type != "string" ? r(t, { close: M }) : t, F = /* @__PURE__ */ x(Za, {
1476
+ let F = s(t) && typeof t.type != "string" ? r(t, { close: N }) : t, I = /* @__PURE__ */ x(Za, {
1477
1477
  behavior: "press",
1478
1478
  testId: c,
1479
- isDisabled: D,
1480
- triggerRef: w,
1479
+ isDisabled: O,
1480
+ triggerRef: T,
1481
1481
  safeComponents: [K],
1482
1482
  children: e
1483
- }), I = /* @__PURE__ */ S(Nn, {
1483
+ }), L = /* @__PURE__ */ S(Nn, {
1484
1484
  className: y(Qa.toggleBox, a && Qa.fullWidthStyleFix),
1485
1485
  placement: Va(n),
1486
1486
  offset: 6,
1487
1487
  ...v ? { isNonModal: !0 } : {},
1488
+ ...C ? {} : { disableFocusManagement: !0 },
1488
1489
  ...h ? {} : {
1489
- isOpen: k,
1490
- onOpenChange: A,
1491
- triggerRef: w
1490
+ isOpen: A,
1491
+ onOpenChange: j,
1492
+ triggerRef: T
1492
1493
  },
1493
1494
  shouldCloseOnInteractOutside: i ? void 0 : () => !1,
1494
1495
  isKeyboardDismissDisabled: !i,
1495
- UNSTABLE_portalContainer: N,
1496
+ UNSTABLE_portalContainer: P,
1496
1497
  "data-testid": c ? `${c}-layer` : void 0,
1497
- children: [/* @__PURE__ */ S("div", { children: [P, o && /* @__PURE__ */ x("div", {
1498
+ children: [/* @__PURE__ */ S("div", { children: [F, o && /* @__PURE__ */ x("div", {
1498
1499
  className: Qa.dismiss,
1499
1500
  children: /* @__PURE__ */ x(K, {
1500
1501
  small: !0,
1501
1502
  round: !0,
1502
- onClick: M,
1503
+ onClick: N,
1503
1504
  icon: H.CLOSE
1504
1505
  })
1505
1506
  })] }), /* @__PURE__ */ x(Mn, { children: /* @__PURE__ */ x("svg", {
@@ -1512,10 +1513,10 @@ var $i = {
1512
1513
  }) })]
1513
1514
  });
1514
1515
  return h ? /* @__PURE__ */ S(An, {
1515
- isOpen: k,
1516
- onOpenChange: j,
1517
- children: [F, I]
1518
- }) : /* @__PURE__ */ S(b, { children: [F, I] });
1516
+ isOpen: A,
1517
+ onOpenChange: M,
1518
+ children: [I, L]
1519
+ }) : /* @__PURE__ */ S(b, { children: [I, L] });
1519
1520
  }, eo = { grid: "_grid_obkz4_1" }, to = (e) => typeof e == "boolean" ? e ? "var(--padding)" : "0px" : typeof e == "number" ? `${e}px` : e || "initial", no = (e) => typeof e == "number" ? `${e}px` : e || "initial", ro = ({ rows: e = "initial", columns: t = "initial", columnsTablet: n = null, columnsMobile: r = null, gap: i = !1, height: a = "initial", children: o }) => {
1520
1521
  let s = {
1521
1522
  "--grid-gap": to(i),
@@ -6953,6 +6954,7 @@ var oo = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), so =
6953
6954
  content: ee,
6954
6955
  isOpen: O,
6955
6956
  isNonModal: !0,
6957
+ restoreTriggerFocusOnClose: !1,
6956
6958
  onToggle: (e) => {
6957
6959
  e || I();
6958
6960
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "6.14.0-beta-7",
3
+ "version": "6.14.0-beta-9",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {