jcicl 0.0.118 → 0.0.122
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/.chunks/ButtonBase.js +1 -1
- package/.chunks/DefaultPropsProvider.js +74 -76
- package/.chunks/Input.js +487 -472
- package/.chunks/Portal.js +15 -15
- package/.chunks/TransitionGroupContext.js +6 -6
- package/AppContainer/AppContainer.d.ts +9 -3
- package/AppContainer/AppContainer.js +674 -1284
- package/AppHeader/AppHeader.d.ts +5 -0
- package/AppHeader/AppHeader.js +109 -98
- package/Avatar/index.d.ts +1 -1
- package/Button/Button.js +55 -54
- package/Flex/Flex.d.ts +1 -1
- package/Input/Input.d.ts +3 -0
- package/Nav/Nav.d.ts +4 -12
- package/Nav/Nav.js +90 -48
- package/Nav/index.d.ts +1 -1
- package/ScrollContainer/ScrollContainer.d.ts +1 -0
- package/ScrollContainer/ScrollContainer.js +362 -359
- package/Tooltip/Tooltip.js +1 -1
- package/package.json +1 -1
- package/theme.d.ts +17 -0
- package/theme.js +14 -9
package/.chunks/Portal.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as f from "react";
|
|
2
2
|
import _ from "react";
|
|
3
|
-
import { P as r, b as W,
|
|
4
|
-
import {
|
|
3
|
+
import { P as r, b as W, h as de, T as pe, i as me } from "./DefaultPropsProvider.js";
|
|
4
|
+
import { a as q, _ as Ee, c as he, T as K, d as ge, u as P, s as X } from "./TransitionGroupContext.js";
|
|
5
5
|
import { jsx as H } from "react/jsx-runtime";
|
|
6
6
|
import { T as ve } from "./emotion-styled.browser.esm.js";
|
|
7
7
|
import { c as Q } from "./chainPropTypes.js";
|
|
@@ -225,9 +225,9 @@ process.env.NODE_ENV !== "production" && r.oneOfType([r.string, r.shape({
|
|
|
225
225
|
exitDone: r.string,
|
|
226
226
|
exitActive: r.string
|
|
227
227
|
})]);
|
|
228
|
-
var
|
|
228
|
+
var Ae = function(s) {
|
|
229
229
|
return s.scrollTop;
|
|
230
|
-
}, I = "unmounted", T = "exited", b = "entering", S = "entered",
|
|
230
|
+
}, I = "unmounted", T = "exited", b = "entering", S = "entered", A = "exiting", g = /* @__PURE__ */ function(e) {
|
|
231
231
|
Ee(s, e);
|
|
232
232
|
function s(i, n) {
|
|
233
233
|
var t;
|
|
@@ -250,7 +250,7 @@ var je = function(s) {
|
|
|
250
250
|
var t = null;
|
|
251
251
|
if (n !== this.props) {
|
|
252
252
|
var a = this.state.status;
|
|
253
|
-
this.props.in ? a !== b && a !== S && (t = b) : (a === b || a === S) && (t =
|
|
253
|
+
this.props.in ? a !== b && a !== S && (t = b) : (a === b || a === S) && (t = A);
|
|
254
254
|
}
|
|
255
255
|
this.updateStatus(!1, t);
|
|
256
256
|
}, o.componentWillUnmount = function() {
|
|
@@ -267,7 +267,7 @@ var je = function(s) {
|
|
|
267
267
|
if (this.cancelNextCallback(), t === b) {
|
|
268
268
|
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
269
269
|
var a = this.props.nodeRef ? this.props.nodeRef.current : M.findDOMNode(this);
|
|
270
|
-
a &&
|
|
270
|
+
a && Ae(a);
|
|
271
271
|
}
|
|
272
272
|
this.performEnter(n);
|
|
273
273
|
} else
|
|
@@ -307,7 +307,7 @@ var je = function(s) {
|
|
|
307
307
|
return;
|
|
308
308
|
}
|
|
309
309
|
this.props.onExit(u), this.safeSetState({
|
|
310
|
-
status:
|
|
310
|
+
status: A
|
|
311
311
|
}, function() {
|
|
312
312
|
n.props.onExiting(u), n.onTransitionEnd(a.exit, function() {
|
|
313
313
|
n.safeSetState({
|
|
@@ -545,8 +545,8 @@ g.UNMOUNTED = I;
|
|
|
545
545
|
g.EXITED = T;
|
|
546
546
|
g.ENTERING = b;
|
|
547
547
|
g.ENTERED = S;
|
|
548
|
-
g.EXITING =
|
|
549
|
-
const
|
|
548
|
+
g.EXITING = A;
|
|
549
|
+
const je = (e) => e.scrollTop;
|
|
550
550
|
function J(e, s) {
|
|
551
551
|
const {
|
|
552
552
|
timeout: o,
|
|
@@ -559,13 +559,13 @@ function J(e, s) {
|
|
|
559
559
|
delay: n.transitionDelay
|
|
560
560
|
};
|
|
561
561
|
}
|
|
562
|
-
function
|
|
562
|
+
function j(e) {
|
|
563
563
|
return `scale(${e}, ${e ** 2})`;
|
|
564
564
|
}
|
|
565
565
|
const Ue = {
|
|
566
566
|
entering: {
|
|
567
567
|
opacity: 1,
|
|
568
|
-
transform:
|
|
568
|
+
transform: j(1)
|
|
569
569
|
},
|
|
570
570
|
entered: {
|
|
571
571
|
opacity: 1,
|
|
@@ -595,7 +595,7 @@ const Ue = {
|
|
|
595
595
|
v === void 0 ? d(x) : d(x, v);
|
|
596
596
|
}
|
|
597
597
|
}, se = R(p), ae = R((d, v) => {
|
|
598
|
-
|
|
598
|
+
je(d);
|
|
599
599
|
const {
|
|
600
600
|
duration: x,
|
|
601
601
|
delay: w,
|
|
@@ -636,7 +636,7 @@ const Ue = {
|
|
|
636
636
|
duration: L ? h : h * 0.666,
|
|
637
637
|
delay: L ? x : x || h * 0.333,
|
|
638
638
|
easing: w
|
|
639
|
-
})].join(","), d.style.opacity = 0, d.style.transform =
|
|
639
|
+
})].join(","), d.style.opacity = 0, d.style.transform = j(0.75), m && m(d);
|
|
640
640
|
}), fe = R(y);
|
|
641
641
|
return /* @__PURE__ */ H(ne, {
|
|
642
642
|
appear: n,
|
|
@@ -656,7 +656,7 @@ const Ue = {
|
|
|
656
656
|
children: (d, v) => /* @__PURE__ */ f.cloneElement(t, {
|
|
657
657
|
style: {
|
|
658
658
|
opacity: 0,
|
|
659
|
-
transform:
|
|
659
|
+
transform: j(0.75),
|
|
660
660
|
visibility: d === "exited" && !u ? "hidden" : void 0,
|
|
661
661
|
...Ue[d],
|
|
662
662
|
...N,
|
|
@@ -820,6 +820,6 @@ export {
|
|
|
820
820
|
Ie as m,
|
|
821
821
|
Se as n,
|
|
822
822
|
Je as o,
|
|
823
|
-
|
|
823
|
+
je as r,
|
|
824
824
|
we as u
|
|
825
825
|
};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
2
|
import { AppHeaderProps, CustomLogoProps } from '../../../../../../../../../src/components/supercomposite/AppHeader/AppHeader';
|
|
3
|
-
import { NavProps, NavItemProps
|
|
4
|
-
|
|
3
|
+
import { NavProps, NavItemProps } from '../../../../../../../../../src/components/supercomposite/Nav/Nav';
|
|
4
|
+
import { AvatarProps } from '../../../../../../../../../src/components/base/Avatar';
|
|
5
|
+
import { TemplateThemeProps } from '../../../../../../../../../src/components/theme';
|
|
6
|
+
type ReducedAppHeaderProps = Omit<AppHeaderProps, 'logoProps' | 'iconColor | loggedIn'>;
|
|
5
7
|
export interface AppContainerProps {
|
|
6
8
|
navProps: Omit<NavProps, 'themeColors'>;
|
|
7
9
|
appHeaderProps?: ReducedAppHeaderProps;
|
|
@@ -11,9 +13,13 @@ export interface AppContainerProps {
|
|
|
11
13
|
mobile: string;
|
|
12
14
|
tablet: string;
|
|
13
15
|
};
|
|
14
|
-
themeColors?: Partial<TemplateThemeProps
|
|
16
|
+
themeColors?: Partial<TemplateThemeProps & {
|
|
17
|
+
avatarColors: AvatarProps;
|
|
18
|
+
}>;
|
|
15
19
|
logoProps?: Partial<CustomLogoProps>;
|
|
16
20
|
userProfileMenuItems?: NavItemProps[];
|
|
21
|
+
loggedIn?: boolean;
|
|
22
|
+
mobileActionsPanelOpen?: boolean;
|
|
17
23
|
}
|
|
18
24
|
declare const AppContainer: React.FC<PropsWithChildren<AppContainerProps>>;
|
|
19
25
|
export default AppContainer;
|