@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.
- package/dist/components/popover/popover.d.ts +7 -1
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.stories.d.ts +1 -0
- package/dist/components/popover/popover.stories.d.ts.map +1 -1
- package/dist/components/unit-slider/unit-slider.d.ts.map +1 -1
- package/dist/components/unit-slider/unit-slider.test-case.stories.d.ts.map +1 -1
- package/dist/index.js +30 -28
- package/package.json +1 -1
|
@@ -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;
|
|
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,
|
|
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,
|
|
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
|
|
1457
|
-
|
|
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
|
-
]),
|
|
1463
|
-
!h && e ||
|
|
1464
|
-
}, [
|
|
1465
|
-
|
|
1466
|
-
}, [
|
|
1462
|
+
]), M = l((e) => {
|
|
1463
|
+
!h && e || j(e);
|
|
1464
|
+
}, [j, h]), N = l(() => {
|
|
1465
|
+
j(!1);
|
|
1466
|
+
}, [j]);
|
|
1467
1467
|
d(() => {
|
|
1468
|
-
|
|
1468
|
+
O && A && N();
|
|
1469
1469
|
}, [
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1470
|
+
O,
|
|
1471
|
+
A,
|
|
1472
|
+
N
|
|
1473
1473
|
]);
|
|
1474
|
-
let
|
|
1474
|
+
let P = Ua(T.current);
|
|
1475
1475
|
if (!Xa(e)) return null;
|
|
1476
|
-
let
|
|
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:
|
|
1480
|
-
triggerRef:
|
|
1479
|
+
isDisabled: O,
|
|
1480
|
+
triggerRef: T,
|
|
1481
1481
|
safeComponents: [K],
|
|
1482
1482
|
children: e
|
|
1483
|
-
}),
|
|
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:
|
|
1490
|
-
onOpenChange:
|
|
1491
|
-
triggerRef:
|
|
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:
|
|
1496
|
+
UNSTABLE_portalContainer: P,
|
|
1496
1497
|
"data-testid": c ? `${c}-layer` : void 0,
|
|
1497
|
-
children: [/* @__PURE__ */ S("div", { children: [
|
|
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:
|
|
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:
|
|
1516
|
-
onOpenChange:
|
|
1517
|
-
children: [
|
|
1518
|
-
}) : /* @__PURE__ */ S(b, { children: [
|
|
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