prometeo-design-system 2.6.5 → 2.6.6
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/DrawerDesktop.es.js +107 -78
- package/dist/Header.es.js +10 -10
- package/dist/ProfilePictureUpload.es.js +1 -1
- package/dist/ProgressBar.es.js +31 -16
- package/dist/{Select-B9faRcN1.js → Select-D3aU7dXF.js} +45 -45
- package/dist/Select.es.js +1 -1
- package/dist/SelectFormik.es.js +1 -1
- package/dist/SelectSearch.es.js +1 -1
- package/dist/components/CardProfile/CardProfile.d.ts +8 -1
- package/dist/components/Drawer/DrawerDesktop.d.ts +7 -5
- package/dist/components/Drawer/useDrawerDesktop.d.ts +4 -3
- package/dist/components/Header/Header.d.ts +2 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts +1 -0
- package/dist/components/RecurrentDatePicker/CustomFrequencySettings.d.ts +14 -0
- package/dist/components/RecurrentDatePicker/FrequencySettings.d.ts +8 -2
- package/dist/components/RecurrentDatePicker/MonthlyFrequencySettings.d.ts +29 -0
- package/dist/components/RecurrentDatePicker/RecurrentDatePicker.d.ts +6 -1
- package/dist/components/RecurrentDatePicker/WeekdaysSelector.d.ts +3 -2
- package/dist/components/RecurrentDatePicker/WeeklyFrequencySetting.d.ts +8 -0
- package/dist/components/RecurrentDatePicker/YearlyFrequencySettings.d.ts +10 -0
- package/dist/prometeo-design-system.css +1 -1
- package/dist/prometeo-design-system.es.js +22 -22
- package/package.json +9 -9
|
@@ -15,11 +15,11 @@ import { Menu as tt } from "./Menu.es.js";
|
|
|
15
15
|
import { default as rt } from "./Pagination.es.js";
|
|
16
16
|
import { ProfilePictureUpload as nt } from "./ProfilePictureUpload.es.js";
|
|
17
17
|
import { default as st } from "./ProgressBar.es.js";
|
|
18
|
-
import { S as ct } from "./Select-
|
|
18
|
+
import { S as ct } from "./Select-D3aU7dXF.js";
|
|
19
19
|
import { default as dt } from "./SelectFormikLegacy.es.js";
|
|
20
20
|
import { default as mt } from "./SelectFormik.es.js";
|
|
21
21
|
import { default as xt } from "./Spinner.es.js";
|
|
22
|
-
import { Steps as
|
|
22
|
+
import { Steps as yt } from "./Steps.es.js";
|
|
23
23
|
import { default as gt } from "./SwipeContainer.es.js";
|
|
24
24
|
import { Switch as wt } from "./Switch.es.js";
|
|
25
25
|
import { default as Nt } from "./DatePicker.es.js";
|
|
@@ -42,7 +42,7 @@ import { RadioButtonFormik as la } from "./RadioButtonFormik.es.js";
|
|
|
42
42
|
import { RadioButton as ua } from "./RadioButton.es.js";
|
|
43
43
|
import { j as a } from "./jsx-runtime-DKDX3adD.js";
|
|
44
44
|
import { c as u } from "./cn-B6yFEsav.js";
|
|
45
|
-
import A, { useRef as
|
|
45
|
+
import A, { useRef as v, useState as g, useLayoutEffect as P, createContext as q, useContext as z, forwardRef as C, useEffect as h, useCallback as D } from "react";
|
|
46
46
|
import { useGSAP as I } from "@gsap/react";
|
|
47
47
|
import x from "gsap";
|
|
48
48
|
import { Icons as w } from "./Icons.es.js";
|
|
@@ -113,7 +113,7 @@ const O = (t, e) => {
|
|
|
113
113
|
primarySidebarCollapsed: s,
|
|
114
114
|
onClose: l
|
|
115
115
|
}) => {
|
|
116
|
-
const c =
|
|
116
|
+
const c = v(null), [d, i] = g({ left: 0, width: 0 }), { primarySidebarRef: f, tabBarRef: m } = k();
|
|
117
117
|
return P(() => {
|
|
118
118
|
if (f?.current && m?.current) {
|
|
119
119
|
const p = f.current.getBoundingClientRect();
|
|
@@ -167,7 +167,7 @@ const O = (t, e) => {
|
|
|
167
167
|
}, M = ({
|
|
168
168
|
children: t
|
|
169
169
|
}) => {
|
|
170
|
-
const [e, r] = g(!1), [n, o] = g(!1), s =
|
|
170
|
+
const [e, r] = g(!1), [n, o] = g(!1), s = v(null), l = () => {
|
|
171
171
|
r(!1), o(!1);
|
|
172
172
|
}, c = () => {
|
|
173
173
|
r(!0), o(!1);
|
|
@@ -186,7 +186,7 @@ const O = (t, e) => {
|
|
|
186
186
|
o(!1);
|
|
187
187
|
},
|
|
188
188
|
toggleSecondaryBar: () => {
|
|
189
|
-
o((
|
|
189
|
+
o((y) => !y);
|
|
190
190
|
}
|
|
191
191
|
};
|
|
192
192
|
return /* @__PURE__ */ a.jsx(R.Provider, { value: p, children: t });
|
|
@@ -511,7 +511,7 @@ const O = (t, e) => {
|
|
|
511
511
|
ease: "power2.in"
|
|
512
512
|
});
|
|
513
513
|
}, X = C((t, e) => {
|
|
514
|
-
const [r, n] = g(t?.currentTabName || t.tabs[0].name), o =
|
|
514
|
+
const [r, n] = g(t?.currentTabName || t.tabs[0].name), o = v(null), { tabs: s = [], className: l, activeColor: c = "var(--neutral-900)" } = t;
|
|
515
515
|
h(() => {
|
|
516
516
|
o.current?.style.setProperty("--tab-bg", c);
|
|
517
517
|
}, [c]);
|
|
@@ -524,7 +524,7 @@ const O = (t, e) => {
|
|
|
524
524
|
"flex flex-col gap-2",
|
|
525
525
|
"bg-neutral-strong-default",
|
|
526
526
|
"h-full w-14 max-w-14 pl-[6px] py-6",
|
|
527
|
-
" border-r
|
|
527
|
+
" border-r border-neutral-default-default",
|
|
528
528
|
l
|
|
529
529
|
),
|
|
530
530
|
children: s.map(
|
|
@@ -536,7 +536,7 @@ const O = (t, e) => {
|
|
|
536
536
|
"div",
|
|
537
537
|
{
|
|
538
538
|
className: u(
|
|
539
|
-
"bg-[
|
|
539
|
+
"bg-[(--tab-bg)]",
|
|
540
540
|
"h-12 w-[50px] z-20",
|
|
541
541
|
"flex items-center pl-[6px] ",
|
|
542
542
|
"rounded-l-[8px]",
|
|
@@ -561,7 +561,7 @@ const O = (t, e) => {
|
|
|
561
561
|
);
|
|
562
562
|
}), Z = C(
|
|
563
563
|
({ children: t, isCollapsed: e = !1, className: r = "", tabs: n = [], currentTabName: o }, s) => {
|
|
564
|
-
const l =
|
|
564
|
+
const l = v(null), c = v(null), { registerPrimarySidebar: d, registerTabBar: i } = k(), f = D((m) => {
|
|
565
565
|
l.current = m, typeof s == "function" ? s(m) : s && (s.current = m);
|
|
566
566
|
}, [s]);
|
|
567
567
|
return h(() => {
|
|
@@ -785,7 +785,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
785
785
|
isLinkActive: e,
|
|
786
786
|
onLinkClick: r
|
|
787
787
|
}) => /* @__PURE__ */ a.jsx("nav", { className: "flex flex-col gap-1", children: t?.map((n, o) => {
|
|
788
|
-
const { isView: s = !1, viewAccess: l, path: c, title: d, icon: i, count: f, relatedPaths: m } = n, p = (typeof s == "function" ? s() : s !== !1) && (!l || l()),
|
|
788
|
+
const { isView: s = !1, viewAccess: l, path: c, title: d, icon: i, count: f, relatedPaths: m } = n, p = (typeof s == "function" ? s() : s !== !1) && (!l || l()), y = e(c) || (m?.some(
|
|
789
789
|
(T) => e(T)
|
|
790
790
|
) ?? !1);
|
|
791
791
|
return p && /* @__PURE__ */ a.jsx(
|
|
@@ -809,10 +809,10 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
809
809
|
"nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden h-10 ",
|
|
810
810
|
"transition-all duration-300 ease-out w-full",
|
|
811
811
|
"group hover:bg-neutral-medium-selected",
|
|
812
|
-
|
|
812
|
+
y ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
|
|
813
813
|
),
|
|
814
814
|
children: [
|
|
815
|
-
/* @__PURE__ */ a.jsx(B, { mode: "wait", children:
|
|
815
|
+
/* @__PURE__ */ a.jsx(B, { mode: "wait", children: y && /* @__PURE__ */ a.jsx(
|
|
816
816
|
b.div,
|
|
817
817
|
{
|
|
818
818
|
layoutId: "nav-active-bg",
|
|
@@ -845,7 +845,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
845
845
|
{
|
|
846
846
|
className: "nav-icon-wrapper flex items-center justify-center flex-shrink-0",
|
|
847
847
|
animate: {
|
|
848
|
-
scale:
|
|
848
|
+
scale: y ? 1.05 : 1
|
|
849
849
|
},
|
|
850
850
|
transition: {
|
|
851
851
|
duration: 0.25,
|
|
@@ -855,7 +855,7 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
855
855
|
size: 24,
|
|
856
856
|
className: u(
|
|
857
857
|
"nav-icon transition-colors duration-250 ease-out",
|
|
858
|
-
|
|
858
|
+
y ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
|
|
859
859
|
)
|
|
860
860
|
}) : null
|
|
861
861
|
}
|
|
@@ -872,13 +872,13 @@ const J = ({ isCollapsed: t, onToggleCollapse: e }) => /* @__PURE__ */ a.jsx("di
|
|
|
872
872
|
},
|
|
873
873
|
o
|
|
874
874
|
);
|
|
875
|
-
}) }),
|
|
875
|
+
}) }), ye = ({
|
|
876
876
|
isActiveModalNotification: t,
|
|
877
877
|
setIsActiveModalNotification: e
|
|
878
878
|
}) => ({ handleNotificationClick: () => {
|
|
879
879
|
e(!0);
|
|
880
|
-
}, isActiveModalNotification: t }),
|
|
881
|
-
const e =
|
|
880
|
+
}, isActiveModalNotification: t }), ve = (t) => {
|
|
881
|
+
const e = v(null);
|
|
882
882
|
return {
|
|
883
883
|
isCollapsed: t,
|
|
884
884
|
navbarRef: e
|
|
@@ -923,7 +923,7 @@ function we({
|
|
|
923
923
|
};
|
|
924
924
|
}
|
|
925
925
|
const je = (t, e = !0) => {
|
|
926
|
-
const r =
|
|
926
|
+
const r = v(null);
|
|
927
927
|
return h(() => {
|
|
928
928
|
if (!e) return;
|
|
929
929
|
const n = (o) => {
|
|
@@ -989,7 +989,7 @@ export {
|
|
|
989
989
|
Vt as SidebarRefProvider,
|
|
990
990
|
Ht as Skeleton,
|
|
991
991
|
xt as Spinner,
|
|
992
|
-
|
|
992
|
+
yt as Steps,
|
|
993
993
|
gt as SwipeContainer,
|
|
994
994
|
wt as Switch,
|
|
995
995
|
qt as TabLinks,
|
|
@@ -1006,14 +1006,14 @@ export {
|
|
|
1006
1006
|
ea as ToastProvider,
|
|
1007
1007
|
Ot as Tooltip,
|
|
1008
1008
|
Qt as toastpyrion,
|
|
1009
|
-
|
|
1009
|
+
ye as useActionsNavbar,
|
|
1010
1010
|
je as useClickOutside,
|
|
1011
1011
|
Ee as useDialogControl,
|
|
1012
1012
|
He as useDrawerDesktop,
|
|
1013
1013
|
Me as useDrawerMobile,
|
|
1014
1014
|
we as useFileDropzone,
|
|
1015
1015
|
pa as useIsMobile,
|
|
1016
|
-
|
|
1016
|
+
ve as useNavbarCollapse,
|
|
1017
1017
|
fe as useSidebar,
|
|
1018
1018
|
k as useSidebarContext
|
|
1019
1019
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "prometeo-design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "2.6.
|
|
4
|
+
"version": "2.6.6",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "design kit system",
|
|
7
7
|
"main": "dist/prometeo-design-system.umd.js",
|
|
@@ -169,15 +169,15 @@
|
|
|
169
169
|
"types": "./dist/Toast.d.ts",
|
|
170
170
|
"import": "./dist/Toast.es.js"
|
|
171
171
|
},
|
|
172
|
-
"./FAButton":{
|
|
172
|
+
"./FAButton": {
|
|
173
173
|
"types": "./dist/FAButton.d.ts",
|
|
174
174
|
"import": "./dist/FAButton.es.js"
|
|
175
175
|
},
|
|
176
|
-
"./RadioButton":{
|
|
176
|
+
"./RadioButton": {
|
|
177
177
|
"types": "./dist/RadioButton.d.ts",
|
|
178
178
|
"import": "./dist/RadioButton.es.js"
|
|
179
179
|
},
|
|
180
|
-
"./RadioButtonFormik":{
|
|
180
|
+
"./RadioButtonFormik": {
|
|
181
181
|
"types": "./dist/RadioButtonFormik.d.ts",
|
|
182
182
|
"import": "./dist/RadioButtonFormik.es.js"
|
|
183
183
|
},
|
|
@@ -210,24 +210,24 @@
|
|
|
210
210
|
},
|
|
211
211
|
"scripts": {
|
|
212
212
|
"dev": "vite",
|
|
213
|
-
"build": "node scripts/migrate-utilities.js && tsc -
|
|
213
|
+
"build": "node scripts/migrate-utilities.js && tsc -p tsconfig.build.json && vite build",
|
|
214
|
+
"build:mf": "node scripts/migrate-utilities.js && tsc -p tsconfig.build.json && vite build --config vite.mf.config.ts",
|
|
215
|
+
"preview:mf": "vite preview --config vite.mf.config.ts --port 5001",
|
|
214
216
|
"lint": "eslint .",
|
|
215
217
|
"dev:preview": "vite --config vite.preview.config.ts",
|
|
216
218
|
"build:preview": "vite build --config vite.preview.config.ts",
|
|
217
219
|
"preview": "vite preview --config vite.preview.config.ts --port 4173",
|
|
218
220
|
"clean": "rm -rf dist",
|
|
219
221
|
"storybook": "storybook dev -p 6006",
|
|
220
|
-
"build-storybook": "storybook build",
|
|
222
|
+
"build-storybook": "tsc -p tsconfig.storybook.json && storybook build",
|
|
221
223
|
"migrate:utilities": "node scripts/migrate-utilities.js"
|
|
222
224
|
},
|
|
223
|
-
"dependencies": {
|
|
224
|
-
"shared-dependencies-tickets": "^1.0.11"
|
|
225
|
-
},
|
|
226
225
|
"devDependencies": {
|
|
227
226
|
"@biomejs/biome": "2.2.7",
|
|
228
227
|
"@emotion/is-prop-valid": "^1.4.0",
|
|
229
228
|
"@eslint/js": "^9.33.0",
|
|
230
229
|
"@gsap/react": "^2.1.2",
|
|
230
|
+
"@originjs/vite-plugin-federation": "^1.4.1",
|
|
231
231
|
"@storybook/addon-docs": "^9.1.3",
|
|
232
232
|
"@storybook/addon-onboarding": "^9.1.3",
|
|
233
233
|
"@storybook/react-vite": "^9.1.3",
|