prometeo-design-system 7.0.0 → 7.1.0
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/PLNotificationsList.es.js +1 -1
- package/dist/PyrionLayout.es.js +129 -79
- package/dist/RecurrentDatePicker.es.js +1 -1
- package/dist/Select-DoMyA5Nv.js +1468 -0
- package/dist/Select.es.js +1 -1
- package/dist/SelectSearch.es.js +1 -1
- package/dist/Skeleton.es.js +5 -6
- package/dist/{TabLinks-DyiH6Iy7.js → TabLinks-DCCTKkqk.js} +28 -28
- package/dist/TabLinks.es.js +1 -1
- package/dist/components/PyrionNavigationDrawer/PLayoutBase.d.ts +2 -2
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/SelectDropdown.d.ts +2 -1
- package/dist/components/Select/types.d.ts +22 -0
- package/dist/exports/Select.d.ts +1 -2
- package/dist/index.d.ts +1 -1
- package/dist/prometeo-design-system.es.js +3 -3
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/styles/base.css +1 -1038
- package/src/styles/intellisense.css +0 -223
- package/src/styles/utilities/background.css +17 -0
- package/src/styles/utilities/legacy.css +155 -0
- package/src/styles/utilities/text.css +19 -1
- package/src/styles/utilities.css +0 -939
- package/dist/Select-5bmnPKr8.js +0 -1439
|
@@ -5,7 +5,7 @@ import W from "./IconButton.es.js";
|
|
|
5
5
|
import Y from "./NotificationCard.es.js";
|
|
6
6
|
import { S as Z } from "./ScrollableBase-DaTEbRaP.js";
|
|
7
7
|
import ee from "./Spinner.es.js";
|
|
8
|
-
import { M as te } from "./TabLinks-
|
|
8
|
+
import { M as te } from "./TabLinks-DCCTKkqk.js";
|
|
9
9
|
import D from "./Skeleton.es.js";
|
|
10
10
|
import { Notifications as se } from "./Icons/Notifications.es.js";
|
|
11
11
|
import { Close as ae } from "./Icons/Close.es.js";
|
package/dist/PyrionLayout.es.js
CHANGED
|
@@ -7,7 +7,7 @@ import { createPortal as _e } from "react-dom";
|
|
|
7
7
|
import { CloseNavBarDesktop as It } from "./Icons/CloseNavBarDesktop.es.js";
|
|
8
8
|
import { c as Te } from "./index-BOQuZ0gG.js";
|
|
9
9
|
import Pt from "./PlainTooltip.es.js";
|
|
10
|
-
import { B as Et } from "./TabLinks-
|
|
10
|
+
import { B as Et } from "./TabLinks-DCCTKkqk.js";
|
|
11
11
|
import { CrevronLeft as _t } from "./Icons/CrevronLeft.es.js";
|
|
12
12
|
import { S as Oe, u as Mt } from "./Scrollable-BaO4iaOO.js";
|
|
13
13
|
import { useLocation as Ue } from "react-router";
|
|
@@ -941,90 +941,140 @@ const ur = ({
|
|
|
941
941
|
);
|
|
942
942
|
}, st = T(ur);
|
|
943
943
|
st.displayName = "PyrionLayout.Sidebar";
|
|
944
|
-
const dr = ({
|
|
944
|
+
const dr = ({
|
|
945
|
+
navigationControlsRef: e
|
|
946
|
+
}) => {
|
|
945
947
|
const r = ee();
|
|
946
948
|
return e.current.toggleCollapse = r.toggleCollapse, e.current.toggleDrawer = r.toggleDrawer, e.current.closeDrawer = r.closeDrawer, e.current.openDrawer = r.openDrawer, e.current.getIsCollapsed = r.getIsCollapsed, e.current.subscribeToCollapse = r.subscribeToCollapse, e.current.openSidebar = r.openSidebar, e.current.closeSidebar = r.closeSidebar, e.current.toggleSidebar = r.toggleSidebar, e.current.getIsSidebarOpen = r.getIsSidebarOpen, e.current.subscribeToSidebarOpen = r.subscribeToSidebarOpen, e.current.setDrawerDragEnabled = r.setDrawerDragEnabled, e.current.setSidebarDragEnabled = r.setSidebarDragEnabled, null;
|
|
947
949
|
}, fr = (e) => {
|
|
948
|
-
const {
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
currentSystemId: l.currentSystemId
|
|
976
|
-
}
|
|
977
|
-
) }, "PL-Header"),
|
|
978
|
-
/* @__PURE__ */ t.jsx(W.Content, { className: "overflow-hidden flex flex-col relative flex-1 md:w-auto", children: /* @__PURE__ */ t.jsx(
|
|
979
|
-
et,
|
|
980
|
-
{
|
|
981
|
-
navlinks: l.links,
|
|
982
|
-
handleNavigation: i,
|
|
983
|
-
allActions: d,
|
|
984
|
-
activeActionId: l.activeActionId,
|
|
985
|
-
initialSectionRef: p,
|
|
986
|
-
navigationControlsRef: c,
|
|
987
|
-
onActionClick: l.onActionClick
|
|
988
|
-
}
|
|
989
|
-
) }, "PL-Content"),
|
|
990
|
-
!_ && /* @__PURE__ */ t.jsx(W.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ t.jsx(
|
|
991
|
-
tt,
|
|
992
|
-
{
|
|
993
|
-
state: l.state,
|
|
994
|
-
currentAppSessions: o,
|
|
995
|
-
resolveUserSecondarySlot: a,
|
|
996
|
-
resolveSessionSecondarySlot: g,
|
|
997
|
-
onSessionClick: l.onSessionClick,
|
|
998
|
-
onLogoutClick: l.onLogoutClick,
|
|
999
|
-
options: l.options,
|
|
1000
|
-
currentSystemId: l.currentSystemId,
|
|
1001
|
-
userOptionsControls: v,
|
|
1002
|
-
mobileAppSwitcherControls: w,
|
|
1003
|
-
onProfileClick: l.onProfileClick
|
|
1004
|
-
}
|
|
1005
|
-
) }, "PL-Footer"),
|
|
1006
|
-
/* @__PURE__ */ t.jsx(W.Outlet, { className: " *:prometeo-scrollbar-thin!", children: /* @__PURE__ */ t.jsx(it, { children: r }) }),
|
|
1007
|
-
/* @__PURE__ */ t.jsx(
|
|
1008
|
-
W.Sidebar,
|
|
1009
|
-
{
|
|
1010
|
-
className: "bg-neutral-primary-default pyrion-layout-sidebar",
|
|
1011
|
-
modal: l.options?.sidebarOptions?.modal,
|
|
1012
|
-
closeOnOverlayClick: l.options?.sidebarOptions?.closeOnOverlayClick,
|
|
1013
|
-
unmountChildrenOnClose: !1,
|
|
1014
|
-
children: /* @__PURE__ */ t.jsx(
|
|
1015
|
-
st,
|
|
950
|
+
const {
|
|
951
|
+
children: r,
|
|
952
|
+
currentAppSessions: o,
|
|
953
|
+
resolveUserSecondarySlot: a,
|
|
954
|
+
resolveSessionSecondarySlot: g,
|
|
955
|
+
handleNavigation: i,
|
|
956
|
+
allActions: d,
|
|
957
|
+
tabs: f,
|
|
958
|
+
navigationControlsRef: c,
|
|
959
|
+
initialSectionRef: p,
|
|
960
|
+
userOptionsControls: v,
|
|
961
|
+
mobileAppSwitcherControls: w,
|
|
962
|
+
notificationsListControls: m,
|
|
963
|
+
scrollableControls: N,
|
|
964
|
+
outletRef: k,
|
|
965
|
+
...l
|
|
966
|
+
} = e, _ = (l.options?.userSectionPlacement ?? "footer") === "tabswitch", F = l.options?.configurationActionOptions?.onClick;
|
|
967
|
+
return /* @__PURE__ */ t.jsxs(
|
|
968
|
+
W,
|
|
969
|
+
{
|
|
970
|
+
disableDragOpen: l.options?.disableDragOpen,
|
|
971
|
+
outletRef: k,
|
|
972
|
+
defaultCollapsedState: l.options?.defaultCollapsedState,
|
|
973
|
+
children: [
|
|
974
|
+
/* @__PURE__ */ t.jsx(dr, { navigationControlsRef: c }),
|
|
975
|
+
/* @__PURE__ */ t.jsx(W.LeftSlot, { children: /* @__PURE__ */ t.jsx(
|
|
976
|
+
Ht,
|
|
1016
977
|
{
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
978
|
+
className: "",
|
|
979
|
+
tabs: f,
|
|
980
|
+
activeColor: "var(--neutral-900)",
|
|
981
|
+
currentTabName: l.currentTabName,
|
|
982
|
+
currentSystemId: l.currentSystemId,
|
|
983
|
+
isLoading: !l.state.enabled_systems || l.state.enabled_systems.length === 0,
|
|
984
|
+
..._ && {
|
|
985
|
+
user: { ...l.state.user, company: l.state.company },
|
|
986
|
+
sessions: o,
|
|
987
|
+
onLogoutClick: l.onLogoutClick,
|
|
988
|
+
onAddAccountClick: l.onAddAccountClick,
|
|
989
|
+
onSessionClick: (x) => l.onSessionClick?.(
|
|
990
|
+
x,
|
|
991
|
+
v
|
|
992
|
+
),
|
|
993
|
+
onPreferencesClick: F ? () => F(c.current) : void 0
|
|
994
|
+
}
|
|
995
|
+
}
|
|
996
|
+
) }),
|
|
997
|
+
/* @__PURE__ */ t.jsx(
|
|
998
|
+
W.Header,
|
|
999
|
+
{
|
|
1000
|
+
className: "flex flex-col relative w-full select-none",
|
|
1001
|
+
children: /* @__PURE__ */ t.jsx(
|
|
1002
|
+
nt,
|
|
1003
|
+
{
|
|
1004
|
+
onSystemLogoClick: l.onSystemLogoClick,
|
|
1005
|
+
state: l.state,
|
|
1006
|
+
currentSystemId: l.currentSystemId
|
|
1007
|
+
}
|
|
1008
|
+
)
|
|
1009
|
+
},
|
|
1010
|
+
"PL-Header"
|
|
1011
|
+
),
|
|
1012
|
+
/* @__PURE__ */ t.jsx(
|
|
1013
|
+
W.Content,
|
|
1014
|
+
{
|
|
1015
|
+
className: "overflow-hidden flex flex-col relative flex-1 md:w-auto",
|
|
1016
|
+
children: /* @__PURE__ */ t.jsx(
|
|
1017
|
+
et,
|
|
1018
|
+
{
|
|
1019
|
+
navlinks: l.links,
|
|
1020
|
+
handleNavigation: i,
|
|
1021
|
+
allActions: d,
|
|
1022
|
+
activeActionId: l.activeActionId,
|
|
1023
|
+
initialSectionRef: p,
|
|
1024
|
+
navigationControlsRef: c,
|
|
1025
|
+
onActionClick: l.onActionClick
|
|
1026
|
+
}
|
|
1027
|
+
)
|
|
1028
|
+
},
|
|
1029
|
+
"PL-Content"
|
|
1030
|
+
),
|
|
1031
|
+
!_ && /* @__PURE__ */ t.jsx(
|
|
1032
|
+
W.Footer,
|
|
1033
|
+
{
|
|
1034
|
+
className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full",
|
|
1035
|
+
children: /* @__PURE__ */ t.jsx(
|
|
1036
|
+
tt,
|
|
1037
|
+
{
|
|
1038
|
+
state: l.state,
|
|
1039
|
+
currentAppSessions: o,
|
|
1040
|
+
resolveUserSecondarySlot: a,
|
|
1041
|
+
resolveSessionSecondarySlot: g,
|
|
1042
|
+
onSessionClick: l.onSessionClick,
|
|
1043
|
+
onLogoutClick: l.onLogoutClick,
|
|
1044
|
+
options: l.options,
|
|
1045
|
+
currentSystemId: l.currentSystemId,
|
|
1046
|
+
userOptionsControls: v,
|
|
1047
|
+
mobileAppSwitcherControls: w,
|
|
1048
|
+
onProfileClick: l.onProfileClick
|
|
1049
|
+
}
|
|
1050
|
+
)
|
|
1051
|
+
},
|
|
1052
|
+
"PL-Footer"
|
|
1053
|
+
),
|
|
1054
|
+
/* @__PURE__ */ t.jsx(W.Outlet, { className: " *:prometeo-scrollbar-thin!", children: /* @__PURE__ */ t.jsx(it, { children: r }) }),
|
|
1055
|
+
/* @__PURE__ */ t.jsx(
|
|
1056
|
+
W.Sidebar,
|
|
1057
|
+
{
|
|
1058
|
+
className: "bg-neutral-primary-default pyrion-layout-sidebar",
|
|
1059
|
+
modal: l.options?.sidebarOptions?.modal,
|
|
1060
|
+
closeOnOverlayClick: l.options?.sidebarOptions?.closeOnOverlayClick,
|
|
1061
|
+
unmountChildrenOnClose: !1,
|
|
1062
|
+
children: /* @__PURE__ */ t.jsx(
|
|
1063
|
+
st,
|
|
1064
|
+
{
|
|
1065
|
+
options: l.options,
|
|
1066
|
+
helpSection: l.helpSection,
|
|
1067
|
+
initialSectionRef: p,
|
|
1068
|
+
notificationsListControls: m,
|
|
1069
|
+
scrollableControls: N,
|
|
1070
|
+
navigationControls: c
|
|
1071
|
+
}
|
|
1072
|
+
)
|
|
1023
1073
|
}
|
|
1024
1074
|
)
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1075
|
+
]
|
|
1076
|
+
}
|
|
1077
|
+
);
|
|
1028
1078
|
}, at = T(fr, (e, r) => {
|
|
1029
1079
|
const { children: o, ...a } = e, { children: g, ...i } = r, d = Object.keys(a), f = Object.keys(i);
|
|
1030
1080
|
if (d.length !== f.length)
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { j as l } from "./jsx-runtime-GkKLlHH4.js";
|
|
2
2
|
import O, { useMemo as M, memo as g, useRef as C, useCallback as p, useState as W, useEffect as I } from "react";
|
|
3
3
|
import { D as R } from "./DatePicker-CcRHWIOk.js";
|
|
4
|
-
import { S as m } from "./Select-
|
|
4
|
+
import { S as m } from "./Select-DoMyA5Nv.js";
|
|
5
5
|
import _ from "./Input.es.js";
|
|
6
6
|
import A from "./CheckBox.es.js";
|
|
7
7
|
import { c as k } from "./cn-B6yFEsav.js";
|