@anoki/fse-ui 1.0.0-beta1.47.3 → 1.0.0-beta1.47.5
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/index.cjs16.js +1 -1
- package/dist/index.cjs16.js.map +1 -1
- package/dist/index.cjs295.js +1 -1
- package/dist/index.cjs303.js +1 -1
- package/dist/index.cjs314.js +1 -1
- package/dist/index.cjs32.js +1 -1
- package/dist/index.cjs321.js +1 -1
- package/dist/index.cjs328.js +1 -1
- package/dist/index.cjs33.js +1 -1
- package/dist/index.cjs333.js +1 -1
- package/dist/index.cjs344.js +1 -1
- package/dist/index.cjs352.js +1 -1
- package/dist/index.cjs393.js +1 -1
- package/dist/index.cjs399.js +1 -1
- package/dist/index.cjs40.js +1 -1
- package/dist/index.cjs40.js.map +1 -1
- package/dist/index.cjs433.js +1 -1
- package/dist/index.cjs466.js +1 -1
- package/dist/index.cjs467.js +1 -1
- package/dist/index.cjs469.js +1 -1
- package/dist/index.cjs469.js.map +1 -1
- package/dist/{index.cjs473.js → index.cjs470.js} +1 -1
- package/dist/{index.cjs473.js.map → index.cjs470.js.map} +1 -1
- package/dist/{index.cjs474.js → index.cjs471.js} +1 -1
- package/dist/{index.cjs474.js.map → index.cjs471.js.map} +1 -1
- package/dist/index.cjs472.js +1 -1
- package/dist/index.cjs472.js.map +1 -1
- package/dist/index.cjs484.js +2 -0
- package/dist/index.cjs484.js.map +1 -0
- package/dist/index.cjs490.js +1 -1
- package/dist/index.cjs490.js.map +1 -1
- package/dist/{index.cjs478.js → index.cjs491.js} +1 -1
- package/dist/{index.cjs478.js.map → index.cjs491.js.map} +1 -1
- package/dist/{index.cjs479.js → index.cjs492.js} +1 -1
- package/dist/{index.cjs479.js.map → index.cjs492.js.map} +1 -1
- package/dist/{index.cjs480.js → index.cjs493.js} +1 -1
- package/dist/{index.cjs480.js.map → index.cjs493.js.map} +1 -1
- package/dist/{index.cjs481.js → index.cjs494.js} +2 -2
- package/dist/{index.cjs481.js.map → index.cjs494.js.map} +1 -1
- package/dist/{index.cjs482.js → index.cjs495.js} +1 -1
- package/dist/{index.cjs482.js.map → index.cjs495.js.map} +1 -1
- package/dist/{index.cjs483.js → index.cjs496.js} +1 -1
- package/dist/{index.cjs483.js.map → index.cjs496.js.map} +1 -1
- package/dist/{index.cjs506.js → index.cjs504.js} +2 -2
- package/dist/{index.cjs506.js.map → index.cjs504.js.map} +1 -1
- package/dist/{index.cjs507.js → index.cjs505.js} +1 -1
- package/dist/index.cjs505.js.map +1 -0
- package/dist/index.cjs520.js +1 -1
- package/dist/index.cjs522.js +1 -1
- package/dist/index.cjs525.js +1 -1
- package/dist/index.cjs525.js.map +1 -1
- package/dist/index.cjs526.js +1 -1
- package/dist/index.cjs526.js.map +1 -1
- package/dist/index.cjs529.js +1 -1
- package/dist/index.cjs530.js +1 -1
- package/dist/index.cjs530.js.map +1 -1
- package/dist/index.cjs531.js +1 -1
- package/dist/index.cjs531.js.map +1 -1
- package/dist/index.cjs532.js +1 -1
- package/dist/index.cjs532.js.map +1 -1
- package/dist/index.cjs533.js +1 -1
- package/dist/index.cjs533.js.map +1 -1
- package/dist/index.cjs535.js +1 -1
- package/dist/index.cjs540.js +1 -1
- package/dist/index.cjs544.js +1 -1
- package/dist/index.cjs545.js +1 -1
- package/dist/index.cjs552.js +1 -1
- package/dist/index.cjs557.js +1 -1
- package/dist/index.cjs561.js +1 -1
- package/dist/index.cjs563.js +1 -1
- package/dist/index.cjs564.js +1 -1
- package/dist/index.cjs578.js +1 -1
- package/dist/index.cjs578.js.map +1 -1
- package/dist/index.cjs579.js +1 -38
- package/dist/index.cjs579.js.map +1 -1
- package/dist/index.cjs580.js +1 -1
- package/dist/index.cjs580.js.map +1 -1
- package/dist/index.cjs581.js +38 -1
- package/dist/index.cjs581.js.map +1 -1
- package/dist/index.cjs582.js +1 -1
- package/dist/index.cjs582.js.map +1 -1
- package/dist/index.cjs583.js +1 -1
- package/dist/index.cjs583.js.map +1 -1
- package/dist/index.cjs584.js +1 -1
- package/dist/index.cjs584.js.map +1 -1
- package/dist/index.cjs585.js +1 -1
- package/dist/index.cjs585.js.map +1 -1
- package/dist/index.cjs591.js +1 -1
- package/dist/index.cjs591.js.map +1 -1
- package/dist/index.cjs592.js +1 -1
- package/dist/index.cjs592.js.map +1 -1
- package/dist/index.cjs593.js +1 -1
- package/dist/index.cjs593.js.map +1 -1
- package/dist/index.cjs594.js +1 -1
- package/dist/index.cjs594.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.es16.js +47 -38
- package/dist/index.es16.js.map +1 -1
- package/dist/index.es295.js +1 -1
- package/dist/index.es303.js +3 -3
- package/dist/index.es314.js +1 -1
- package/dist/index.es32.js +1 -1
- package/dist/index.es321.js +8 -8
- package/dist/index.es328.js +1 -1
- package/dist/index.es33.js +1 -1
- package/dist/index.es333.js +1 -1
- package/dist/index.es344.js +1 -1
- package/dist/index.es352.js +2 -2
- package/dist/index.es393.js +1 -1
- package/dist/index.es399.js +1 -1
- package/dist/index.es40.js +36 -36
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es433.js +1 -1
- package/dist/index.es466.js +1 -1
- package/dist/index.es467.js +8 -8
- package/dist/index.es469.js +6 -15
- package/dist/index.es469.js.map +1 -1
- package/dist/{index.es473.js → index.es470.js} +1 -1
- package/dist/{index.es473.js.map → index.es470.js.map} +1 -1
- package/dist/{index.es474.js → index.es471.js} +1 -1
- package/dist/{index.es474.js.map → index.es471.js.map} +1 -1
- package/dist/index.es472.js +15 -6
- package/dist/index.es472.js.map +1 -1
- package/dist/index.es484.js +18 -0
- package/dist/index.es484.js.map +1 -0
- package/dist/index.es490.js +124 -14
- package/dist/index.es490.js.map +1 -1
- package/dist/{index.es478.js → index.es491.js} +1 -1
- package/dist/{index.es478.js.map → index.es491.js.map} +1 -1
- package/dist/{index.es479.js → index.es492.js} +1 -1
- package/dist/{index.es479.js.map → index.es492.js.map} +1 -1
- package/dist/{index.es480.js → index.es493.js} +1 -1
- package/dist/{index.es480.js.map → index.es493.js.map} +1 -1
- package/dist/{index.es481.js → index.es494.js} +4 -4
- package/dist/{index.es481.js.map → index.es494.js.map} +1 -1
- package/dist/{index.es482.js → index.es495.js} +1 -1
- package/dist/{index.es482.js.map → index.es495.js.map} +1 -1
- package/dist/{index.es483.js → index.es496.js} +1 -1
- package/dist/{index.es483.js.map → index.es496.js.map} +1 -1
- package/dist/{index.es506.js → index.es504.js} +2 -2
- package/dist/{index.es506.js.map → index.es504.js.map} +1 -1
- package/dist/{index.es507.js → index.es505.js} +1 -1
- package/dist/index.es505.js.map +1 -0
- package/dist/index.es520.js +1 -1
- package/dist/index.es522.js +1 -1
- package/dist/index.es525.js +2 -14
- package/dist/index.es525.js.map +1 -1
- package/dist/index.es526.js +14 -2
- package/dist/index.es526.js.map +1 -1
- package/dist/index.es529.js +3 -3
- package/dist/index.es530.js +82 -24
- package/dist/index.es530.js.map +1 -1
- package/dist/index.es531.js +24 -28
- package/dist/index.es531.js.map +1 -1
- package/dist/index.es532.js +29 -5
- package/dist/index.es532.js.map +1 -1
- package/dist/index.es533.js +5 -83
- package/dist/index.es533.js.map +1 -1
- package/dist/index.es535.js +1 -1
- package/dist/index.es540.js +1 -1
- package/dist/index.es544.js +1 -1
- package/dist/index.es545.js +8 -8
- package/dist/index.es552.js +1 -1
- package/dist/index.es557.js +3 -3
- package/dist/index.es561.js +1 -1
- package/dist/index.es563.js +5 -5
- package/dist/index.es564.js +1 -1
- package/dist/index.es578.js +512 -54
- package/dist/index.es578.js.map +1 -1
- package/dist/index.es579.js +126 -68
- package/dist/index.es579.js.map +1 -1
- package/dist/index.es580.js +128 -8
- package/dist/index.es580.js.map +1 -1
- package/dist/index.es581.js +68 -13
- package/dist/index.es581.js.map +1 -1
- package/dist/index.es582.js +8 -61
- package/dist/index.es582.js.map +1 -1
- package/dist/index.es583.js +11 -520
- package/dist/index.es583.js.map +1 -1
- package/dist/index.es584.js +61 -126
- package/dist/index.es584.js.map +1 -1
- package/dist/index.es585.js +61 -125
- package/dist/index.es585.js.map +1 -1
- package/dist/index.es591.js +21 -11
- package/dist/index.es591.js.map +1 -1
- package/dist/index.es592.js +11 -26
- package/dist/index.es592.js.map +1 -1
- package/dist/index.es593.js +27 -4
- package/dist/index.es593.js.map +1 -1
- package/dist/index.es594.js +4 -22
- package/dist/index.es594.js.map +1 -1
- package/package.json +1 -1
- package/dist/index.cjs477.js +0 -2
- package/dist/index.cjs477.js.map +0 -1
- package/dist/index.cjs507.js.map +0 -1
- package/dist/index.es477.js +0 -128
- package/dist/index.es477.js.map +0 -1
- package/dist/index.es507.js.map +0 -1
- /package/dist/components/ui/{CardMapDoctor/CardMapDoctor.css → CardMapDoctorV2/CardMapDoctorV2.css} +0 -0
- /package/dist/components/ui/{DoctorModal/DoctorModalFooter/DoctorModalFooter.css → ConsentModal/ConsentModalFooter/ConsentModalFooter.css} +0 -0
package/dist/index.es295.js
CHANGED
@@ -3,7 +3,7 @@ import { Button as m } from "./index.es28.js";
|
|
3
3
|
import { HeaderTopBanner as g } from "./index.es21.js";
|
4
4
|
import { useState as y, useRef as w, useCallback as C, useEffect as u } from "react";
|
5
5
|
import { clsx as r } from "./index.es243.js";
|
6
|
-
import { useFocusTrap as N } from "./index.
|
6
|
+
import { useFocusTrap as N } from "./index.es472.js";
|
7
7
|
import { Container as k } from "./index.es6.js";
|
8
8
|
import './components/navigations/HeaderMobile/HeaderMobile.css';/* empty css */
|
9
9
|
import { Col as L } from "./index.es10.js";
|
package/dist/index.es303.js
CHANGED
@@ -3,9 +3,9 @@ import { useComposedRefs as N } from "./index.es463.js";
|
|
3
3
|
import { createContextScope as M } from "./index.es464.js";
|
4
4
|
import { composeEventHandlers as S } from "./index.es462.js";
|
5
5
|
import { useControllableState as O } from "./index.es465.js";
|
6
|
-
import { usePrevious as A } from "./index.
|
7
|
-
import { useSize as B } from "./index.
|
8
|
-
import { Presence as H } from "./index.
|
6
|
+
import { usePrevious as A } from "./index.es469.js";
|
7
|
+
import { useSize as B } from "./index.es470.js";
|
8
|
+
import { Presence as H } from "./index.es471.js";
|
9
9
|
import { Primitive as j } from "./index.es466.js";
|
10
10
|
import { j as f } from "./index.es241.js";
|
11
11
|
var R = "Checkbox", [K, Y] = M(R), [L, q] = K(R), I = n.forwardRef(
|
package/dist/index.es314.js
CHANGED
package/dist/index.es32.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { j as e } from "./index.es241.js";
|
2
|
-
import './components/ui/
|
2
|
+
import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css */
|
3
3
|
import { useState as d, useRef as b } from "react";
|
4
4
|
import { Root as N, Indicator as C } from "./index.es303.js";
|
5
5
|
import { useClickOutside as g } from "./index.es304.js";
|
package/dist/index.es321.js
CHANGED
@@ -4,15 +4,15 @@ import { useComposedRefs as C } from "./index.es463.js";
|
|
4
4
|
import { createContextScope as B, createContext as H } from "./index.es464.js";
|
5
5
|
import { useId as x } from "./index.es468.js";
|
6
6
|
import { useControllableState as V } from "./index.es465.js";
|
7
|
-
import { DismissableLayer as q } from "./index.
|
8
|
-
import { FocusScope as K } from "./index.
|
9
|
-
import { Portal as U } from "./index.
|
10
|
-
import { Presence as R } from "./index.
|
7
|
+
import { DismissableLayer as q } from "./index.es490.js";
|
8
|
+
import { FocusScope as K } from "./index.es491.js";
|
9
|
+
import { Portal as U } from "./index.es492.js";
|
10
|
+
import { Presence as R } from "./index.es471.js";
|
11
11
|
import { Primitive as m } from "./index.es466.js";
|
12
|
-
import { useFocusGuards as Y } from "./index.
|
13
|
-
import Z from "./index.
|
14
|
-
import { hideOthers as z } from "./index.
|
15
|
-
import { createSlot as J } from "./index.
|
12
|
+
import { useFocusGuards as Y } from "./index.es493.js";
|
13
|
+
import Z from "./index.es494.js";
|
14
|
+
import { hideOthers as z } from "./index.es495.js";
|
15
|
+
import { createSlot as J } from "./index.es496.js";
|
16
16
|
import { j as i } from "./index.es241.js";
|
17
17
|
var _ = "Dialog", [N, he] = B(_), [Q, u] = N(_), P = (e) => {
|
18
18
|
const {
|
package/dist/index.es328.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { j as t } from "./index.es241.js";
|
2
|
-
import './components/ui/
|
2
|
+
import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css */
|
3
3
|
const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
|
4
4
|
export {
|
5
5
|
s as ConsentModalFooter
|
package/dist/index.es33.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { j as s } from "./index.es241.js";
|
2
|
-
import './components/ui/
|
2
|
+
import './components/ui/CardMapDoctorV2/CardMapDoctorV2.css';/* empty css */
|
3
3
|
import { useRef as w } from "react";
|
4
4
|
import { Root as b, Indicator as g } from "./index.es303.js";
|
5
5
|
import { useClickOutside as k } from "./index.es304.js";
|
package/dist/index.es333.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { j as t } from "./index.es241.js";
|
2
|
-
import './components/ui/
|
2
|
+
import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css */
|
3
3
|
const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
|
4
4
|
export {
|
5
5
|
s as DoctorModalFooter
|
package/dist/index.es344.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { j as t } from "./index.es241.js";
|
2
|
-
import './components/ui/
|
2
|
+
import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css */
|
3
3
|
const s = ({
|
4
4
|
children: o
|
5
5
|
}) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
|
package/dist/index.es352.js
CHANGED
@@ -3,8 +3,8 @@ import { composeEventHandlers as T } from "./index.es462.js";
|
|
3
3
|
import { useComposedRefs as _ } from "./index.es463.js";
|
4
4
|
import { createContextScope as H } from "./index.es464.js";
|
5
5
|
import { useControllableState as I } from "./index.es465.js";
|
6
|
-
import { usePrevious as M } from "./index.
|
7
|
-
import { useSize as N } from "./index.
|
6
|
+
import { usePrevious as M } from "./index.es469.js";
|
7
|
+
import { useSize as N } from "./index.es470.js";
|
8
8
|
import { Primitive as w } from "./index.es466.js";
|
9
9
|
import { j as p } from "./index.es241.js";
|
10
10
|
var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
|
package/dist/index.es393.js
CHANGED
@@ -3,7 +3,7 @@ import { createContextScope as T } from "./index.es464.js";
|
|
3
3
|
import { useComposedRefs as A } from "./index.es463.js";
|
4
4
|
import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es321.js";
|
5
5
|
import { composeEventHandlers as F } from "./index.es462.js";
|
6
|
-
import { createSlottable as G } from "./index.
|
6
|
+
import { createSlottable as G } from "./index.es496.js";
|
7
7
|
import { j as i } from "./index.es241.js";
|
8
8
|
var D = "AlertDialog", [W, te] = T(D, [
|
9
9
|
v
|
package/dist/index.es399.js
CHANGED
package/dist/index.es40.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { j as r } from "./index.es241.js";
|
2
|
-
import { useMemo as
|
2
|
+
import { useMemo as s } from "react";
|
3
3
|
import { AuthorBlock as U } from "./index.es102.js";
|
4
4
|
import './components/ui/HeroContentCard/HeroContentCard.css';/* empty css */
|
5
5
|
import { fromISODateToDateFormatted as $ } from "./index.es313.js";
|
@@ -8,7 +8,7 @@ import { getFullNameInitials as E } from "./index.es315.js";
|
|
8
8
|
import { Row as S } from "./index.es9.js";
|
9
9
|
import { splitInTwo as F } from "./index.es316.js";
|
10
10
|
import { ActionIconText as M } from "./index.es67.js";
|
11
|
-
import { clsx as
|
11
|
+
import { clsx as v } from "./index.es243.js";
|
12
12
|
import { ShareButton as R } from "./index.es123.js";
|
13
13
|
import { CopyLink as H } from "./index.es205.js";
|
14
14
|
import { Col as O } from "./index.es10.js";
|
@@ -16,38 +16,38 @@ import { CardCategory as V } from "./index.es30.js";
|
|
16
16
|
import { Tags as q } from "./index.es144.js";
|
17
17
|
const se = ({
|
18
18
|
data: e = {},
|
19
|
-
ImageComponent:
|
20
|
-
imageProps:
|
21
|
-
variant:
|
22
|
-
publishedLabel:
|
23
|
-
readingTimeLabel:
|
24
|
-
readingMinuteLabel:
|
25
|
-
tagsLabelTitle:
|
26
|
-
shareLabel:
|
27
|
-
copyLinkLabel:
|
28
|
-
copiedTextLabel:
|
19
|
+
ImageComponent: h = "img",
|
20
|
+
imageProps: f = {},
|
21
|
+
variant: x = "service",
|
22
|
+
publishedLabel: g = "Pubblicato",
|
23
|
+
readingTimeLabel: T = "Tempo di lettura",
|
24
|
+
readingMinuteLabel: d = "min",
|
25
|
+
tagsLabelTitle: j = "Argomenti trattati",
|
26
|
+
shareLabel: C = "Condividi",
|
27
|
+
copyLinkLabel: w = "Copia link",
|
28
|
+
copiedTextLabel: I = "Link copiato",
|
29
29
|
isPreview: t = !1,
|
30
|
-
modeAuthenticated:
|
31
|
-
eventCardDescriptionTitle:
|
32
|
-
tags:
|
30
|
+
modeAuthenticated: o = !1,
|
31
|
+
eventCardDescriptionTitle: N,
|
32
|
+
tags: n
|
33
33
|
}) => {
|
34
|
-
var
|
35
|
-
const { copyToClipboard: y, isCopied: b } = A(), B =
|
34
|
+
var c, p, u;
|
35
|
+
const { copyToClipboard: y, isCopied: b } = A(), B = s(() => e != null && e.updatedBy ? E(
|
36
36
|
e.updatedBy.name ?? "",
|
37
37
|
e.updatedBy.surname ?? ""
|
38
|
-
) : "-", [e.updatedBy]), [k,
|
38
|
+
) : "-", [e.updatedBy]), [k, m] = s(() => !e.previewImageTitle || e.previewImageTitle.trim() === "" ? [null, null] : e.previewImageTitle.trim().split(/\s+/).length >= 4 ? F(e.previewImageTitle.toUpperCase()) : [e.previewImageTitle.toUpperCase(), null], [e.previewImageTitle]), D = s(() => {
|
39
39
|
const i = e.readingTime ?? 0;
|
40
40
|
return Math.ceil(Number(i) / 60) || 0;
|
41
41
|
}, [e]), L = () => {
|
42
42
|
if (!e.previewImageUrl) return null;
|
43
|
-
if (
|
43
|
+
if (x === "event") {
|
44
44
|
const i = (a) => "eventCardTitle" in a || "eventTitle" in a;
|
45
45
|
return /* @__PURE__ */ r.jsxs(
|
46
46
|
"div",
|
47
47
|
{
|
48
|
-
className:
|
48
|
+
className: v(
|
49
49
|
t ? "hero-event-preview" : "hero-event-container",
|
50
|
-
|
50
|
+
o ? "margin-authenticated ratio-authenticated" : ""
|
51
51
|
),
|
52
52
|
children: [
|
53
53
|
/* @__PURE__ */ r.jsx(
|
@@ -78,13 +78,13 @@ const se = ({
|
|
78
78
|
{
|
79
79
|
title: i(e) ? e.eventCardTitle ?? "-" : "-",
|
80
80
|
className: "w-full",
|
81
|
-
description: i(e) ?
|
81
|
+
description: i(e) ? N ?? "-" : "-",
|
82
82
|
description2: i(e) ? e.eventCardDescription ?? "-" : "-",
|
83
83
|
classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
|
84
84
|
classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
|
85
85
|
}
|
86
86
|
) }),
|
87
|
-
/* @__PURE__ */ r.jsx(q, { title:
|
87
|
+
n && (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ r.jsx(q, { title: j, items: n ?? [] })
|
88
88
|
]
|
89
89
|
}
|
90
90
|
)
|
@@ -96,47 +96,47 @@ const se = ({
|
|
96
96
|
return /* @__PURE__ */ r.jsxs(
|
97
97
|
"div",
|
98
98
|
{
|
99
|
-
className:
|
99
|
+
className: v(
|
100
100
|
t ? "hero-service-detail-image" : "hero-fullscreen-image-container",
|
101
|
-
|
101
|
+
o ? "margin-authenticated" : ""
|
102
102
|
),
|
103
103
|
children: [
|
104
104
|
/* @__PURE__ */ r.jsx(
|
105
|
-
|
105
|
+
h,
|
106
106
|
{
|
107
107
|
alt: `Service ${e.name} image`,
|
108
108
|
src: e.previewImageUrl,
|
109
109
|
style: { aspectRatio: 21 / 9 },
|
110
|
-
...
|
110
|
+
...f
|
111
111
|
}
|
112
112
|
),
|
113
113
|
e.previewImageTitle && e.previewImageTitle.trim() !== "" && /* @__PURE__ */ r.jsxs("p", { className: "short-title", children: [
|
114
114
|
/* @__PURE__ */ r.jsx("span", { children: k }),
|
115
|
-
|
115
|
+
m && /* @__PURE__ */ r.jsx("span", { children: m })
|
116
116
|
] })
|
117
117
|
]
|
118
118
|
}
|
119
119
|
);
|
120
|
-
},
|
120
|
+
}, l = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
121
121
|
/* @__PURE__ */ r.jsxs("div", { className: "hero-action-author", children: [
|
122
122
|
/* @__PURE__ */ r.jsx(
|
123
123
|
U,
|
124
124
|
{
|
125
|
-
authorName: (
|
125
|
+
authorName: (c = e == null ? void 0 : e.updatedBy) != null && c.name ? `${(p = e == null ? void 0 : e.updatedBy) == null ? void 0 : p.name} ${(u = e == null ? void 0 : e.updatedBy) == null ? void 0 : u.surname}` : "-",
|
126
126
|
avatar: { initials: B },
|
127
|
-
publishedLabel:
|
127
|
+
publishedLabel: g,
|
128
128
|
publishedDate: $(e.updatedAt ?? "", "it") ?? "-",
|
129
|
-
readingTimeLabel:
|
129
|
+
readingTimeLabel: T,
|
130
130
|
readingTimeValue: D,
|
131
|
-
readingMinuteLabel:
|
131
|
+
readingMinuteLabel: d
|
132
132
|
}
|
133
133
|
),
|
134
134
|
/* @__PURE__ */ r.jsxs(S, { gap: "x8", className: "hero-action-link", children: [
|
135
|
-
/* @__PURE__ */ r.jsx(R, { textLabel:
|
135
|
+
/* @__PURE__ */ r.jsx(R, { textLabel: C, titleShared: e.name }),
|
136
136
|
/* @__PURE__ */ r.jsx("div", { className: "share-divider", children: /* @__PURE__ */ r.jsx(
|
137
137
|
M,
|
138
138
|
{
|
139
|
-
textLabel: b ?
|
139
|
+
textLabel: b ? I : w,
|
140
140
|
icon: /* @__PURE__ */ r.jsx(H, {}),
|
141
141
|
handleAction: y,
|
142
142
|
classNameText: "fw-bold"
|
@@ -146,7 +146,7 @@ const se = ({
|
|
146
146
|
] }),
|
147
147
|
L()
|
148
148
|
] });
|
149
|
-
return t ? /* @__PURE__ */ r.jsx("div", { className: "hero-content-card-container-preview", children:
|
149
|
+
return t ? /* @__PURE__ */ r.jsx("div", { className: "hero-content-card-container-preview", children: l }) : l;
|
150
150
|
};
|
151
151
|
export {
|
152
152
|
se as HeroContentCard
|
package/dist/index.es40.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.es40.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./HeroContentCard.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseServiceProps = {\r\n name: string;\r\n previewImageUrl?: string;\r\n previewImageTitle?: string;\r\n updatedBy?: {\r\n name?: string;\r\n surname?: string;\r\n };\r\n updatedAt?: string;\r\n readingTime?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n eventCardTitle?: string;\r\n eventCardDescription?: string;\r\n eventTitle?: string;\r\n eventDescriptionTitle?: string;\r\n eventDescription?: string;\r\n tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n\r\n// const AuthenticatedModeEnum = {\r\n// AUTHENTICATED: \"authenticated\",\r\n// PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n// (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\n\r\ninterface HeroContentCardCommonProps {\r\n publishedLabel?: string;\r\n readingTimeLabel?: string;\r\n readingMinuteLabel?: string;\r\n tagsLabelTitle?: string;\r\n shareLabel?: string;\r\n copyLinkLabel?: string;\r\n copiedTextLabel?: string;\r\n ImageComponent?: \"img\" | React.ComponentType<any>;\r\n imageProps?: Record<string, any>;\r\n isPreview?: boolean;\r\n modeAuthenticated?: boolean;\r\n eventCardDescriptionTitle?: string;\r\n tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n data: Service;\r\n variant: \"service\";\r\n} & HeroContentCardCommonProps;\r\n\r\ntype EventProps = {\r\n data: Event;\r\n variant: \"event\";\r\n} & HeroContentCardCommonProps;\r\n\r\nexport type HeroContentCardProps = ServiceProps | EventProps;\r\n\r\nexport const HeroContentCard = ({\r\n data = {} as Service | Event,\r\n ImageComponent = \"img\",\r\n imageProps = {},\r\n variant = \"service\",\r\n publishedLabel = \"Pubblicato\",\r\n readingTimeLabel = \"Tempo di lettura\",\r\n readingMinuteLabel = \"min\",\r\n tagsLabelTitle = \"Argomenti trattati\",\r\n shareLabel = \"Condividi\",\r\n copyLinkLabel = \"Copia link\",\r\n copiedTextLabel = \"Link copiato\",\r\n isPreview = false,\r\n modeAuthenticated = false,\r\n eventCardDescriptionTitle,\r\n tags,\r\n}: HeroContentCardProps) => {\r\n const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n const avatarInitials = useMemo(() => {\r\n if (!data?.updatedBy) return \"-\";\r\n return getFullNameInitials(\r\n data.updatedBy.name ?? \"\",\r\n data.updatedBy.surname ?? \"\",\r\n );\r\n }, [data.updatedBy]);\r\n\r\n const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n return [null, null];\r\n }\r\n\r\n const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n if (words.length >= 4) {\r\n return splitInTwo(data.previewImageTitle.toUpperCase());\r\n }\r\n\r\n return [data.previewImageTitle.toUpperCase(), null];\r\n }, [data.previewImageTitle]);\r\n\r\n const readingTimeInMinutes = useMemo(() => {\r\n const readingTime = data.readingTime ?? 0;\r\n return Math.ceil(Number(readingTime) / 60) || 0;\r\n }, [data]);\r\n\r\n const renderImage = () => {\r\n if (!data.previewImageUrl) return null;\r\n\r\n if (variant === \"event\") {\r\n const isEvent = (obj: Service | Event): obj is Event => {\r\n return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n };\r\n\r\n return (\r\n <div\r\n className={clsx(\r\n isPreview ? \"hero-event-preview\" : \"hero-event-container\",\r\n modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n )}\r\n >\r\n <img\r\n className=\"hero-event-background\"\r\n src={data.previewImageUrl}\r\n alt={`Evento ${data.name}`}\r\n />\r\n <div className={\"hero-event-content\"}>\r\n <img\r\n className=\"hero-event-main-image\"\r\n src={data.previewImageUrl}\r\n alt={`Evento ${data.name}`}\r\n />\r\n <Col\r\n justifyContent={\"space-between\"}\r\n className=\"hero-event-card-container\"\r\n >\r\n <div>\r\n {isEvent(data) &&\r\n (data.eventCardTitle || data.eventCardDescription) && (\r\n <CardCategory\r\n title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\r\n className={\"w-full\"}\r\n description={\r\n isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\r\n }\r\n description2={\r\n isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\r\n }\r\n classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n classNameDescriptionTitle={\r\n \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n }\r\n />\r\n )}\r\n </div>\r\n\r\n <Tags title={tagsLabelTitle} items={tags ?? []} />\r\n </Col>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n className={clsx(\r\n isPreview\r\n ? \"hero-service-detail-image\"\r\n : \"hero-fullscreen-image-container\",\r\n modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n )}\r\n >\r\n <ImageComponent\r\n alt={`Service ${data.name} image`}\r\n src={data.previewImageUrl}\r\n style={{ aspectRatio: 21 / 9 }}\r\n {...imageProps}\r\n />\r\n {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n <p className={\"short-title\"}>\r\n <span>{firstTitleLine}</span>\r\n {secondTitleLine && <span>{secondTitleLine}</span>}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n };\r\n\r\n const content = (\r\n <>\r\n <div className={\"hero-action-author\"}>\r\n <AuthorBlock\r\n authorName={\r\n data?.updatedBy?.name\r\n ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n : \"-\"\r\n }\r\n avatar={{ initials: avatarInitials }}\r\n publishedLabel={publishedLabel}\r\n publishedDate={\r\n fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n }\r\n readingTimeLabel={readingTimeLabel}\r\n readingTimeValue={readingTimeInMinutes}\r\n readingMinuteLabel={readingMinuteLabel}\r\n />\r\n <Row gap={\"x8\"} className={\"hero-action-link\"}>\r\n <ShareButton textLabel={shareLabel} titleShared={data.name} />\r\n <div className={\"share-divider\"}>\r\n <ActionIconText\r\n textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n icon={<CopyLink />}\r\n handleAction={copyToClipboard}\r\n classNameText={\"fw-bold\"}\r\n />\r\n </div>\r\n </Row>\r\n </div>\r\n\r\n {renderImage()}\r\n </>\r\n );\r\n\r\n return isPreview ? (\r\n <div className={\"hero-content-card-container-preview\"}>{content}</div>\r\n ) : (\r\n content\r\n );\r\n};\r\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"index.es40.js","sources":["../src/components/ui/HeroContentCard/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./HeroContentCard.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\ntype BaseServiceProps = {\r\n name: string;\r\n previewImageUrl?: string;\r\n previewImageTitle?: string;\r\n updatedBy?: {\r\n name?: string;\r\n surname?: string;\r\n };\r\n updatedAt?: string;\r\n readingTime?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n eventCardTitle?: string;\r\n eventCardDescription?: string;\r\n eventTitle?: string;\r\n eventDescriptionTitle?: string;\r\n eventDescription?: string;\r\n tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\n\r\n// const AuthenticatedModeEnum = {\r\n// AUTHENTICATED: \"authenticated\",\r\n// PUBLIC: \"public\",\r\n// } as const;\r\n\r\n// type AuthenticatedModes =\r\n// (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\n\r\ninterface HeroContentCardCommonProps {\r\n publishedLabel?: string;\r\n readingTimeLabel?: string;\r\n readingMinuteLabel?: string;\r\n tagsLabelTitle?: string;\r\n shareLabel?: string;\r\n copyLinkLabel?: string;\r\n copiedTextLabel?: string;\r\n ImageComponent?: \"img\" | React.ComponentType<any>;\r\n imageProps?: Record<string, any>;\r\n isPreview?: boolean;\r\n modeAuthenticated?: boolean;\r\n eventCardDescriptionTitle?: string;\r\n tags?: string[];\r\n}\r\n\r\ntype ServiceProps = {\r\n data: Service;\r\n variant: \"service\";\r\n} & HeroContentCardCommonProps;\r\n\r\ntype EventProps = {\r\n data: Event;\r\n variant: \"event\";\r\n} & HeroContentCardCommonProps;\r\n\r\nexport type HeroContentCardProps = ServiceProps | EventProps;\r\n\r\nexport const HeroContentCard = ({\r\n data = {} as Service | Event,\r\n ImageComponent = \"img\",\r\n imageProps = {},\r\n variant = \"service\",\r\n publishedLabel = \"Pubblicato\",\r\n readingTimeLabel = \"Tempo di lettura\",\r\n readingMinuteLabel = \"min\",\r\n tagsLabelTitle = \"Argomenti trattati\",\r\n shareLabel = \"Condividi\",\r\n copyLinkLabel = \"Copia link\",\r\n copiedTextLabel = \"Link copiato\",\r\n isPreview = false,\r\n modeAuthenticated = false,\r\n eventCardDescriptionTitle,\r\n tags,\r\n}: HeroContentCardProps) => {\r\n const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n const avatarInitials = useMemo(() => {\r\n if (!data?.updatedBy) return \"-\";\r\n return getFullNameInitials(\r\n data.updatedBy.name ?? \"\",\r\n data.updatedBy.surname ?? \"\",\r\n );\r\n }, [data.updatedBy]);\r\n\r\n const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n return [null, null];\r\n }\r\n\r\n const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n if (words.length >= 4) {\r\n return splitInTwo(data.previewImageTitle.toUpperCase());\r\n }\r\n\r\n return [data.previewImageTitle.toUpperCase(), null];\r\n }, [data.previewImageTitle]);\r\n\r\n const readingTimeInMinutes = useMemo(() => {\r\n const readingTime = data.readingTime ?? 0;\r\n return Math.ceil(Number(readingTime) / 60) || 0;\r\n }, [data]);\r\n\r\n const renderImage = () => {\r\n if (!data.previewImageUrl) return null;\r\n\r\n if (variant === \"event\") {\r\n const isEvent = (obj: Service | Event): obj is Event => {\r\n return \"eventCardTitle\" in obj || \"eventTitle\" in obj;\r\n };\r\n\r\n return (\r\n <div\r\n className={clsx(\r\n isPreview ? \"hero-event-preview\" : \"hero-event-container\",\r\n modeAuthenticated ? \"margin-authenticated ratio-authenticated\" : \"\",\r\n )}\r\n >\r\n <img\r\n className=\"hero-event-background\"\r\n src={data.previewImageUrl}\r\n alt={`Evento ${data.name}`}\r\n />\r\n <div className={\"hero-event-content\"}>\r\n <img\r\n className=\"hero-event-main-image\"\r\n src={data.previewImageUrl}\r\n alt={`Evento ${data.name}`}\r\n />\r\n <Col\r\n justifyContent={\"space-between\"}\r\n className=\"hero-event-card-container\"\r\n >\r\n <div>\r\n {isEvent(data) &&\r\n (data.eventCardTitle || data.eventCardDescription) && (\r\n <CardCategory\r\n title={isEvent(data) ? (data.eventCardTitle ?? \"-\") : \"-\"}\r\n className={\"w-full\"}\r\n description={\r\n isEvent(data) ? (eventCardDescriptionTitle ?? \"-\") : \"-\"\r\n }\r\n description2={\r\n isEvent(data) ? (data.eventCardDescription ?? \"-\") : \"-\"\r\n }\r\n classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n classNameDescriptionTitle={\r\n \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n }\r\n />\r\n )}\r\n </div>\r\n\r\n {tags && tags?.length > 0 && <Tags title={tagsLabelTitle} items={tags ?? []} />}\r\n </Col>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <div\r\n className={clsx(\r\n isPreview\r\n ? \"hero-service-detail-image\"\r\n : \"hero-fullscreen-image-container\",\r\n modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n )}\r\n >\r\n <ImageComponent\r\n alt={`Service ${data.name} image`}\r\n src={data.previewImageUrl}\r\n style={{ aspectRatio: 21 / 9 }}\r\n {...imageProps}\r\n />\r\n {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n <p className={\"short-title\"}>\r\n <span>{firstTitleLine}</span>\r\n {secondTitleLine && <span>{secondTitleLine}</span>}\r\n </p>\r\n )}\r\n </div>\r\n );\r\n };\r\n\r\n const content = (\r\n <>\r\n <div className={\"hero-action-author\"}>\r\n <AuthorBlock\r\n authorName={\r\n data?.updatedBy?.name\r\n ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n : \"-\"\r\n }\r\n avatar={{ initials: avatarInitials }}\r\n publishedLabel={publishedLabel}\r\n publishedDate={\r\n fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n }\r\n readingTimeLabel={readingTimeLabel}\r\n readingTimeValue={readingTimeInMinutes}\r\n readingMinuteLabel={readingMinuteLabel}\r\n />\r\n <Row gap={\"x8\"} className={\"hero-action-link\"}>\r\n <ShareButton textLabel={shareLabel} titleShared={data.name} />\r\n <div className={\"share-divider\"}>\r\n <ActionIconText\r\n textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n icon={<CopyLink />}\r\n handleAction={copyToClipboard}\r\n classNameText={\"fw-bold\"}\r\n />\r\n </div>\r\n </Row>\r\n </div>\r\n\r\n {renderImage()}\r\n </>\r\n );\r\n\r\n return isPreview ? (\r\n <div className={\"hero-content-card-container-preview\"}>{content}</div>\r\n ) : (\r\n content\r\n );\r\n};\r\n"],"names":["HeroContentCard","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","eventCardDescriptionTitle","tags","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","content","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}
|
package/dist/index.es433.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { j as t } from "./index.es241.js";
|
2
|
-
import './components/ui/
|
2
|
+
import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css */
|
3
3
|
const s = ({
|
4
4
|
children: o
|
5
5
|
}) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
|
package/dist/index.es466.js
CHANGED
package/dist/index.es467.js
CHANGED
@@ -4,18 +4,18 @@ import { createCollection as Xe } from "./index.es520.js";
|
|
4
4
|
import { useComposedRefs as k, composeRefs as He } from "./index.es463.js";
|
5
5
|
import { createContextScope as We } from "./index.es464.js";
|
6
6
|
import { useDirection as ze } from "./index.es521.js";
|
7
|
-
import { DismissableLayer as Ze } from "./index.
|
8
|
-
import { useFocusGuards as $e } from "./index.
|
9
|
-
import { FocusScope as qe } from "./index.
|
7
|
+
import { DismissableLayer as Ze } from "./index.es490.js";
|
8
|
+
import { useFocusGuards as $e } from "./index.es493.js";
|
9
|
+
import { FocusScope as qe } from "./index.es491.js";
|
10
10
|
import { createPopperScope as pe, Root as Je, Anchor as Qe, Content as et, Arrow as tt } from "./index.es522.js";
|
11
|
-
import { Portal as nt } from "./index.
|
12
|
-
import { Presence as H } from "./index.
|
11
|
+
import { Portal as nt } from "./index.es492.js";
|
12
|
+
import { Presence as H } from "./index.es471.js";
|
13
13
|
import { Primitive as N, dispatchDiscreteCustomEvent as ot } from "./index.es466.js";
|
14
14
|
import { createRovingFocusGroupScope as ve, Item as rt, Root as ct } from "./index.es523.js";
|
15
|
-
import { createSlot as st } from "./index.
|
15
|
+
import { createSlot as st } from "./index.es496.js";
|
16
16
|
import { useCallbackRef as Me } from "./index.es519.js";
|
17
|
-
import { hideOthers as at } from "./index.
|
18
|
-
import ut from "./index.
|
17
|
+
import { hideOthers as at } from "./index.es495.js";
|
18
|
+
import ut from "./index.es494.js";
|
19
19
|
import { j as u } from "./index.es241.js";
|
20
20
|
var Q = ["Enter", " "], it = ["ArrowDown", "PageUp", "Home"], he = ["ArrowUp", "PageDown", "End"], lt = [...it, ...he], dt = {
|
21
21
|
ltr: [...Q, "ArrowRight"],
|
package/dist/index.es469.js
CHANGED
@@ -1,18 +1,9 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
7
|
-
), c = o[0], r = o[o.length - 1], s = (e) => {
|
8
|
-
e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
|
9
|
-
}, u = document.activeElement;
|
10
|
-
return c.focus(), document.addEventListener("keydown", s), () => {
|
11
|
-
document.removeEventListener("keydown", s), n && (u == null || u.focus());
|
12
|
-
};
|
13
|
-
}, [n, t]);
|
14
|
-
};
|
1
|
+
import * as u from "react";
|
2
|
+
function t(r) {
|
3
|
+
const e = u.useRef({ value: r, previous: r });
|
4
|
+
return u.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
|
5
|
+
}
|
15
6
|
export {
|
16
|
-
|
7
|
+
t as usePrevious
|
17
8
|
};
|
18
9
|
//# sourceMappingURL=index.es469.js.map
|
package/dist/index.es469.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.es469.js","sources":["../
|
1
|
+
{"version":3,"file":"index.es469.js","sources":["../node_modules/@radix-ui/react-use-previous/dist/index.mjs"],"sourcesContent":["// packages/react/use-previous/src/use-previous.tsx\nimport * as React from \"react\";\nfunction usePrevious(value) {\n const ref = React.useRef({ value, previous: value });\n return React.useMemo(() => {\n if (ref.current.value !== value) {\n ref.current.previous = ref.current.value;\n ref.current.value = value;\n }\n return ref.current.previous;\n }, [value]);\n}\nexport {\n usePrevious\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["usePrevious","value","ref","React"],"mappings":";AAEA,SAASA,EAAYC,GAAO;AAC1B,QAAMC,IAAMC,EAAM,OAAO,EAAE,OAAAF,GAAO,UAAUA,GAAO;AACnD,SAAOE,EAAM,QAAQ,OACfD,EAAI,QAAQ,UAAUD,MACxBC,EAAI,QAAQ,WAAWA,EAAI,QAAQ,OACnCA,EAAI,QAAQ,QAAQD,IAEfC,EAAI,QAAQ,WAClB,CAACD,CAAK,CAAC;AACZ;","x_google_ignoreList":[0]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.
|
1
|
+
{"version":3,"file":"index.es470.js","sources":["../node_modules/@radix-ui/react-use-size/dist/index.mjs"],"sourcesContent":["// packages/react/use-size/src/use-size.tsx\nimport * as React from \"react\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\nfunction useSize(element) {\n const [size, setSize] = React.useState(void 0);\n useLayoutEffect(() => {\n if (element) {\n setSize({ width: element.offsetWidth, height: element.offsetHeight });\n const resizeObserver = new ResizeObserver((entries) => {\n if (!Array.isArray(entries)) {\n return;\n }\n if (!entries.length) {\n return;\n }\n const entry = entries[0];\n let width;\n let height;\n if (\"borderBoxSize\" in entry) {\n const borderSizeEntry = entry[\"borderBoxSize\"];\n const borderSize = Array.isArray(borderSizeEntry) ? borderSizeEntry[0] : borderSizeEntry;\n width = borderSize[\"inlineSize\"];\n height = borderSize[\"blockSize\"];\n } else {\n width = element.offsetWidth;\n height = element.offsetHeight;\n }\n setSize({ width, height });\n });\n resizeObserver.observe(element, { box: \"border-box\" });\n return () => resizeObserver.unobserve(element);\n } else {\n setSize(void 0);\n }\n }, [element]);\n return size;\n}\nexport {\n useSize\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useSize","element","size","setSize","React","useLayoutEffect","resizeObserver","entries","entry","width","height","borderSizeEntry","borderSize"],"mappings":";;AAGA,SAASA,EAAQC,GAAS;AACxB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,MAAM;AAC7CC,SAAAA,EAAgB,MAAM;AACpB,QAAIJ,GAAS;AACX,MAAAE,EAAQ,EAAE,OAAOF,EAAQ,aAAa,QAAQA,EAAQ,cAAc;AACpE,YAAMK,IAAiB,IAAI,eAAe,CAACC,MAAY;AAIrD,YAHI,CAAC,MAAM,QAAQA,CAAO,KAGtB,CAACA,EAAQ;AACX;AAEF,cAAMC,IAAQD,EAAQ,CAAC;AACvB,YAAIE,GACAC;AACJ,YAAI,mBAAmBF,GAAO;AAC5B,gBAAMG,IAAkBH,EAAM,eACxBI,IAAa,MAAM,QAAQD,CAAe,IAAIA,EAAgB,CAAC,IAAIA;AACzE,UAAAF,IAAQG,EAAW,YACnBF,IAASE,EAAW;AAAA,QAC9B;AACU,UAAAH,IAAQR,EAAQ,aAChBS,IAAST,EAAQ;AAEnB,QAAAE,EAAQ,EAAE,OAAAM,GAAO,QAAAC,GAAQ;AAAA,MACjC,CAAO;AACD,aAAAJ,EAAe,QAAQL,GAAS,EAAE,KAAK,aAAY,CAAE,GAC9C,MAAMK,EAAe,UAAUL,CAAO;AAAA,IACnD;AACM,MAAAE,EAAQ,MAAM;AAAA,EAEpB,GAAK,CAACF,CAAO,CAAC,GACLC;AACT;","x_google_ignoreList":[0]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.
|
1
|
+
{"version":3,"file":"index.es471.js","sources":["../node_modules/@radix-ui/react-presence/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/presence/src/presence.tsx\nimport * as React2 from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\n\n// packages/react/presence/src/use-state-machine.tsx\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n return React.useReducer((state, event) => {\n const nextState = machine[state][event];\n return nextState ?? state;\n }, initialState);\n}\n\n// packages/react/presence/src/presence.tsx\nvar Presence = (props) => {\n const { present, children } = props;\n const presence = usePresence(present);\n const child = typeof children === \"function\" ? children({ present: presence.isPresent }) : React2.Children.only(children);\n const ref = useComposedRefs(presence.ref, getElementRef(child));\n const forceMount = typeof children === \"function\";\n return forceMount || presence.isPresent ? React2.cloneElement(child, { ref }) : null;\n};\nPresence.displayName = \"Presence\";\nfunction usePresence(present) {\n const [node, setNode] = React2.useState();\n const stylesRef = React2.useRef({});\n const prevPresentRef = React2.useRef(present);\n const prevAnimationNameRef = React2.useRef(\"none\");\n const initialState = present ? \"mounted\" : \"unmounted\";\n const [state, send] = useStateMachine(initialState, {\n mounted: {\n UNMOUNT: \"unmounted\",\n ANIMATION_OUT: \"unmountSuspended\"\n },\n unmountSuspended: {\n MOUNT: \"mounted\",\n ANIMATION_END: \"unmounted\"\n },\n unmounted: {\n MOUNT: \"mounted\"\n }\n });\n React2.useEffect(() => {\n const currentAnimationName = getAnimationName(stylesRef.current);\n prevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n }, [state]);\n useLayoutEffect(() => {\n const styles = stylesRef.current;\n const wasPresent = prevPresentRef.current;\n const hasPresentChanged = wasPresent !== present;\n if (hasPresentChanged) {\n const prevAnimationName = prevAnimationNameRef.current;\n const currentAnimationName = getAnimationName(styles);\n if (present) {\n send(\"MOUNT\");\n } else if (currentAnimationName === \"none\" || styles?.display === \"none\") {\n send(\"UNMOUNT\");\n } else {\n const isAnimating = prevAnimationName !== currentAnimationName;\n if (wasPresent && isAnimating) {\n send(\"ANIMATION_OUT\");\n } else {\n send(\"UNMOUNT\");\n }\n }\n prevPresentRef.current = present;\n }\n }, [present, send]);\n useLayoutEffect(() => {\n if (node) {\n let timeoutId;\n const ownerWindow = node.ownerDocument.defaultView ?? window;\n const handleAnimationEnd = (event) => {\n const currentAnimationName = getAnimationName(stylesRef.current);\n const isCurrentAnimation = currentAnimationName.includes(event.animationName);\n if (event.target === node && isCurrentAnimation) {\n send(\"ANIMATION_END\");\n if (!prevPresentRef.current) {\n const currentFillMode = node.style.animationFillMode;\n node.style.animationFillMode = \"forwards\";\n timeoutId = ownerWindow.setTimeout(() => {\n if (node.style.animationFillMode === \"forwards\") {\n node.style.animationFillMode = currentFillMode;\n }\n });\n }\n }\n };\n const handleAnimationStart = (event) => {\n if (event.target === node) {\n prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n }\n };\n node.addEventListener(\"animationstart\", handleAnimationStart);\n node.addEventListener(\"animationcancel\", handleAnimationEnd);\n node.addEventListener(\"animationend\", handleAnimationEnd);\n return () => {\n ownerWindow.clearTimeout(timeoutId);\n node.removeEventListener(\"animationstart\", handleAnimationStart);\n node.removeEventListener(\"animationcancel\", handleAnimationEnd);\n node.removeEventListener(\"animationend\", handleAnimationEnd);\n };\n } else {\n send(\"ANIMATION_END\");\n }\n }, [node, send]);\n return {\n isPresent: [\"mounted\", \"unmountSuspended\"].includes(state),\n ref: React2.useCallback((node2) => {\n if (node2) stylesRef.current = getComputedStyle(node2);\n setNode(node2);\n }, [])\n };\n}\nfunction getAnimationName(styles) {\n return styles?.animationName || \"none\";\n}\nfunction getElementRef(element) {\n let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.ref;\n }\n getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n if (mayWarn) {\n return element.props.ref;\n }\n return element.props.ref || element.ref;\n}\nvar Root = Presence;\nexport {\n Presence,\n Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useStateMachine","initialState","machine","React","state","event","Presence","props","present","children","presence","usePresence","child","React2","ref","useComposedRefs","getElementRef","node","setNode","stylesRef","prevPresentRef","prevAnimationNameRef","send","currentAnimationName","getAnimationName","useLayoutEffect","styles","wasPresent","prevAnimationName","timeoutId","ownerWindow","handleAnimationEnd","isCurrentAnimation","currentFillMode","handleAnimationStart","node2","element","getter","_a","mayWarn","_b"],"mappings":"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","x_google_ignoreList":[0]}
|
package/dist/index.es472.js
CHANGED
@@ -1,9 +1,18 @@
|
|
1
|
-
import
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
import { useEffect as l } from "react";
|
2
|
+
const f = (t, n) => {
|
3
|
+
l(() => {
|
4
|
+
if (!n || !t.current) return;
|
5
|
+
const o = t.current.querySelectorAll(
|
6
|
+
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
|
7
|
+
), c = o[0], r = o[o.length - 1], s = (e) => {
|
8
|
+
e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
|
9
|
+
}, u = document.activeElement;
|
10
|
+
return c.focus(), document.addEventListener("keydown", s), () => {
|
11
|
+
document.removeEventListener("keydown", s), n && (u == null || u.focus());
|
12
|
+
};
|
13
|
+
}, [n, t]);
|
14
|
+
};
|
6
15
|
export {
|
7
|
-
|
16
|
+
f as useFocusTrap
|
8
17
|
};
|
9
18
|
//# sourceMappingURL=index.es472.js.map
|
package/dist/index.es472.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.es472.js","sources":["../
|
1
|
+
{"version":3,"file":"index.es472.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\r\n\r\nexport const useFocusTrap = (\r\n ref: React.RefObject<HTMLElement | null>,\r\n isActive: boolean,\r\n) => {\r\n useEffect(() => {\r\n if (!isActive || !ref.current) return;\r\n\r\n const focusableElements = ref.current.querySelectorAll(\r\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n );\r\n const firstFocusableElement = focusableElements[0] as HTMLElement;\r\n const lastFocusableElement = focusableElements[\r\n focusableElements.length - 1\r\n ] as HTMLElement;\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key !== \"Tab\") return;\r\n\r\n if (e.shiftKey) {\r\n if (document.activeElement === firstFocusableElement) {\r\n lastFocusableElement.focus();\r\n e.preventDefault();\r\n }\r\n } else {\r\n if (document.activeElement === lastFocusableElement) {\r\n firstFocusableElement.focus();\r\n e.preventDefault();\r\n }\r\n }\r\n };\r\n\r\n const previousActiveElement = document.activeElement as HTMLElement;\r\n\r\n firstFocusableElement.focus();\r\n\r\n document.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n return () => {\r\n document.removeEventListener(\"keydown\", handleKeyDown);\r\n\r\n if (isActive) {\r\n previousActiveElement?.focus();\r\n }\r\n };\r\n }, [isActive, ref]);\r\n};\r\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEa,MAAAA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAEzB,UAAAG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IACF,GACMI,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AACtC,MAAA,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAM,GAC3B,EAAE,eAAe,KAGf,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAM,GAC5B,EAAE,eAAe;AAAA,IAGvB,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAM,GAEnB,SAAA,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EAAA,GACC,CAACN,GAAUD,CAAG,CAAC;AACpB;"}
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { useState as n, useCallback as i } from "react";
|
2
|
+
import "./index.es525.js";
|
3
|
+
function c() {
|
4
|
+
const [t, o] = n(null), e = i(async (r) => {
|
5
|
+
if (!(navigator != null && navigator.clipboard))
|
6
|
+
return console.warn("Clipboard not supported"), !1;
|
7
|
+
try {
|
8
|
+
return await navigator.clipboard.writeText(r), o(r), !0;
|
9
|
+
} catch (a) {
|
10
|
+
return console.warn("Copy failed", a), o(null), !1;
|
11
|
+
}
|
12
|
+
}, []);
|
13
|
+
return [t, e];
|
14
|
+
}
|
15
|
+
export {
|
16
|
+
c as useCopyToClipboard
|
17
|
+
};
|
18
|
+
//# sourceMappingURL=index.es484.js.map
|