@toptal/picasso 16.1.0 → 16.3.1
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/Button/styles.d.ts +6 -0
- package/Button/styles.js +12 -0
- package/Button/styles.js.map +1 -1
- package/Link/Link.d.ts +1 -0
- package/Link/Link.js +3 -1
- package/Link/Link.js.map +1 -1
- package/Link/styles.d.ts +1 -1
- package/Link/styles.js +9 -0
- package/Link/styles.js.map +1 -1
- package/List/List.js +19 -10
- package/List/List.js.map +1 -1
- package/List/styles.d.ts +2 -1
- package/List/styles.js +4 -1
- package/List/styles.js.map +1 -1
- package/List/utils/generateListItems.d.ts +2 -0
- package/List/utils/generateListItems.js +8 -0
- package/List/utils/generateListItems.js.map +1 -0
- package/List/utils/index.d.ts +2 -0
- package/List/utils/index.js +3 -0
- package/List/utils/index.js.map +1 -0
- package/ListItem/ListItem.d.ts +1 -0
- package/ListItem/ListItem.js +7 -4
- package/ListItem/ListItem.js.map +1 -1
- package/ListItem/styles.d.ts +1 -1
- package/ListItem/styles.js +12 -1
- package/ListItem/styles.js.map +1 -1
- package/ModalTitle/styles.js +2 -1
- package/ModalTitle/styles.js.map +1 -1
- package/StaticTreeView/StaticTreeView.d.ts +15 -0
- package/StaticTreeView/StaticTreeView.js +55 -0
- package/StaticTreeView/StaticTreeView.js.map +1 -0
- package/StaticTreeView/index.d.ts +1 -0
- package/StaticTreeView/index.js +2 -0
- package/StaticTreeView/index.js.map +1 -0
- package/StaticTreeView/utils/findExtremeNodes.d.ts +7 -0
- package/StaticTreeView/utils/findExtremeNodes.js +17 -0
- package/StaticTreeView/utils/findExtremeNodes.js.map +1 -0
- package/TreeView/PointLink/PointLink.js +10 -6
- package/TreeView/PointLink/PointLink.js.map +1 -1
- package/TreeView/PointNode/PointNode.d.ts +1 -2
- package/TreeView/PointNode/PointNode.js +3 -4
- package/TreeView/PointNode/PointNode.js.map +1 -1
- package/TreeView/TreeView.d.ts +6 -30
- package/TreeView/TreeView.js +34 -39
- package/TreeView/TreeView.js.map +1 -1
- package/TreeView/TreeViewSvg/TreeViewSvg.d.ts +15 -0
- package/TreeView/TreeViewSvg/TreeViewSvg.js +11 -0
- package/TreeView/TreeViewSvg/TreeViewSvg.js.map +1 -0
- package/TreeView/TreeViewSvg/index.d.ts +1 -0
- package/TreeView/TreeViewSvg/index.js +2 -0
- package/TreeView/TreeViewSvg/index.js.map +1 -0
- package/TreeView/shared.d.ts +5 -0
- package/TreeView/shared.js +5 -0
- package/TreeView/shared.js.map +1 -0
- package/TreeView/types.d.ts +24 -3
- package/TreeView/useFinalMargins.d.ts +2 -0
- package/TreeView/{utils/getFinalMargins.js → useFinalMargins.js} +7 -3
- package/TreeView/useFinalMargins.js.map +1 -0
- package/TreeView/useTree.d.ts +2 -2
- package/TreeView/useTree.js +39 -32
- package/TreeView/useTree.js.map +1 -1
- package/TreeView/useZoom.d.ts +1 -1
- package/TreeView/useZoom.js +1 -1
- package/TreeView/useZoom.js.map +1 -1
- package/TreeView/variables.d.ts +9 -1
- package/TreeView/variables.js +8 -0
- package/TreeView/variables.js.map +1 -1
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/TreeView/story/styles.d.ts +0 -0
- package/TreeView/story/styles.js +0 -2
- package/TreeView/story/styles.js.map +0 -1
- package/TreeView/utils/getFinalMargins.d.ts +0 -2
- package/TreeView/utils/getFinalMargins.js.map +0 -1
- package/TreeView/utils/index.d.ts +0 -1
- package/TreeView/utils/index.js +0 -2
- package/TreeView/utils/index.js.map +0 -1
package/Button/styles.d.ts
CHANGED
|
@@ -5,6 +5,9 @@ export declare const createOutlineCommons: ({ palette }: Theme) => {
|
|
|
5
5
|
'&:hover, &$hovered': {
|
|
6
6
|
borderColor: string;
|
|
7
7
|
};
|
|
8
|
+
'&&&:visited': {
|
|
9
|
+
color: string;
|
|
10
|
+
};
|
|
8
11
|
'&$disabled': {
|
|
9
12
|
color: string | undefined;
|
|
10
13
|
borderColor: string | undefined;
|
|
@@ -26,6 +29,9 @@ export declare const createVariant: (mainColor: string, { palette }: Theme) => {
|
|
|
26
29
|
'&:active, &$active': {
|
|
27
30
|
backgroundColor: string;
|
|
28
31
|
};
|
|
32
|
+
'&&&:visited': {
|
|
33
|
+
color: string;
|
|
34
|
+
};
|
|
29
35
|
'&$disabled': {
|
|
30
36
|
backgroundColor: string | undefined;
|
|
31
37
|
};
|
package/Button/styles.js
CHANGED
|
@@ -7,6 +7,10 @@ export const createOutlineCommons = ({ palette }) => ({
|
|
|
7
7
|
'&:hover, &$hovered': {
|
|
8
8
|
borderColor: palette.common.black
|
|
9
9
|
},
|
|
10
|
+
// when we use <Button as={Link} />
|
|
11
|
+
'&&&:visited': {
|
|
12
|
+
color: palette.common.black
|
|
13
|
+
},
|
|
10
14
|
'&$disabled': {
|
|
11
15
|
color: palette.grey.main,
|
|
12
16
|
borderColor: palette.grey.main,
|
|
@@ -28,6 +32,10 @@ export const createVariant = (mainColor, { palette }) => ({
|
|
|
28
32
|
'&:active, &$active': {
|
|
29
33
|
backgroundColor: mix(mainColor, palette.common.black, 0.172)
|
|
30
34
|
},
|
|
35
|
+
// when we use <Button as={Link} />
|
|
36
|
+
'&&&:visited': {
|
|
37
|
+
color: palette.common.white
|
|
38
|
+
},
|
|
31
39
|
'&$disabled': {
|
|
32
40
|
backgroundColor: palette.grey.light2
|
|
33
41
|
}
|
|
@@ -119,6 +127,10 @@ export default (theme) => {
|
|
|
119
127
|
transparent: {
|
|
120
128
|
color: palette.common.white,
|
|
121
129
|
border: `solid ${sizes.borderWidth} ${alpha(palette.common.white, 0.32)}`,
|
|
130
|
+
// when we use <Button as={Link} />
|
|
131
|
+
'&&&:visited': {
|
|
132
|
+
color: palette.common.white
|
|
133
|
+
},
|
|
122
134
|
'&$focusVisible, &$focused': Object.assign({}, outline(palette.common.white)),
|
|
123
135
|
'&:hover, &$hovered': {
|
|
124
136
|
borderColor: palette.common.white
|
package/Button/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Button/styles.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAA;AAE5D,MAAM,YAAY,GAAG,OAAO,CAAA;AAE5B,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IAC3D,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;IAC3B,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;IAErC,oBAAoB,EAAE;QACpB,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAClC;IAED,mCAAmC;IACnC,aAAa,EAAE;QACb,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5B;IAED,YAAY,EAAE;QACZ,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QACxB,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;QAC9B,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KACtC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IAClD,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;IAClC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;IAC9B,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;CAC5B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,EAAE,OAAO,EAAS,EAAE,EAAE,CAAC,CAAC;IACvE,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;IAC3B,eAAe,EAAE,SAAS;IAE1B,oBAAoB,EAAE;QACpB,eAAe,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;KAC7D;IAED,oBAAoB,EAAE;QACpB,eAAe,EAAE,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC;KAC7D;IAED,mCAAmC;IACnC,aAAa,EAAE;QACb,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;KAC5B;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;KACrC;CACF,CAAC,CAAA;AAEF,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAEzD,OAAO,YAAY,CAAC;QAClB,IAAI,EAAE;YACJ,QAAQ,EAAE,UAAU;YACpB,aAAa,EAAE,MAAM;YACrB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;YACtC,MAAM,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE;YAC3D,QAAQ,EAAE,MAAM;YAChB,kBAAkB,EAAE,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,IAAI;YACrD,wBAAwB,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO;YACpD,kBAAkB,EAAE,2BAA2B;YAC/C,SAAS,EAAE,MAAM;YACjB,UAAU,EAAE,CAAC;YAEb,2BAA2B,oBACtB,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CACjC;YAED,KAAK,EAAE;gBACL,UAAU,EAAE,MAAM;aACnB;SACF;QACD,OAAO,EAAE;YACP,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;YAC3C,UAAU,EAAE,QAAQ;SACrB;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,KAAK;YACX,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,uBAAuB;SACnC;QAED,QAAQ;QACR,KAAK,EAAE;YACL,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,OAAO;YACf,OAAO,EAAE,UAAU;YAEnB,YAAY,EAAE;gBACZ,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;gBAC1C,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,eAAe;aAC/C;YAED,aAAa,EAAE;gBACb,UAAU,EAAE,UAAU;aACvB;YAED,cAAc,EAAE;gBACd,WAAW,EAAE,UAAU;aACxB;SACF;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,OAAO;YAEhB,YAAY,EAAE;gBACZ,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,cAAc;gBAC3C,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,gBAAgB;aAChD;YAED,aAAa,EAAE;gBACb,UAAU,EAAE,SAAS;aACtB;YAED,cAAc,EAAE;gBACd,WAAW,EAAE,SAAS;aACvB;SACF;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,OAAO;YAEhB,YAAY,EAAE;gBACZ,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;gBAC1C,UAAU,EAAE,UAAU,CAAC,OAAO,CAAC,eAAe;aAC/C;YAED,aAAa,EAAE;gBACb,UAAU,EAAE,QAAQ;aACrB;YAED,cAAc,EAAE;gBACd,WAAW,EAAE,QAAQ;aACtB;SACF;QAED,WAAW;QACX,OAAO,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;QACnD,QAAQ,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;QAChD,QAAQ,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;QAElD,SAAS,kCACJ,oBAAoB,CAAC,KAAK,CAAC,KAC9B,oBAAoB,EAAE;gBACpB,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,QAAQ;gBACtC,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;aAClC,GACF;QAED,WAAW,EAAE;YACX,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;YAC3B,MAAM,EAAE,SAAS,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;YAEzE,mCAAmC;YACnC,aAAa,EAAE;gBACb,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;aAC5B;YAED,2BAA2B,oBACtB,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CACjC;YAED,oBAAoB,EAAE;gBACpB,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;aAClC;YAED,oBAAoB,EAAE;gBACpB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;gBAClD,WAAW,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;aAClC;YAED,YAAY,EAAE;gBACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;gBACxC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;gBAC9C,eAAe,EAAE,SAAS;aAC3B;SACF;QAED,cAAc;QACd,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;SACd;QACD,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;QACX,MAAM,EAAE;YACN,SAAS,EAAE,MAAM;SAClB;QACD,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;QAEhB,iBAAiB;QACjB,IAAI,EAAE;YACJ,QAAQ,EAAE,kBAAkB;YAC5B,IAAI,EAAE,QAAQ,CAAC,WAAW;SAC3B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,YAAY;SAC1B;QACD,SAAS,EAAE;YACT,UAAU,EAAE,YAAY;SACzB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,CAAC;SACX;KACF,CAAC,CAAA;AACJ,CAAC,CAAA"}
|
package/Link/Link.d.ts
CHANGED
|
@@ -22,6 +22,7 @@ export declare type Props = BaseProps & AnchorHTMLAttributes<HTMLAnchorElement>
|
|
|
22
22
|
tabIndex?: number;
|
|
23
23
|
/** Indicates that the user cannot interact with the Link or its children */
|
|
24
24
|
disabled?: boolean;
|
|
25
|
+
visited?: boolean;
|
|
25
26
|
/**
|
|
26
27
|
* If true, underline decoration never applies
|
|
27
28
|
*/
|
package/Link/Link.js
CHANGED
|
@@ -26,13 +26,15 @@ const sanitizeRel = (rel, target) => {
|
|
|
26
26
|
return isRelSafe ? rel : rel.concat(' noopener');
|
|
27
27
|
};
|
|
28
28
|
export const Link = forwardRef(function Link(props, ref) {
|
|
29
|
-
const { href, onClick, children, className, color = 'blue', style, as = 'a', variant = 'anchor', tabIndex, target, rel, disabled, noUnderline, 'aria-disabled': ariaDisabled } = props, rest = __rest(props, ["href", "onClick", "children", "className", "color", "style", "as", "variant", "tabIndex", "target", "rel", "disabled", "noUnderline", 'aria-disabled']);
|
|
29
|
+
const { href, onClick, children, className, color = 'blue', style, as = 'a', variant = 'anchor', tabIndex, target, rel, disabled, visited = false, noUnderline, 'aria-disabled': ariaDisabled } = props, rest = __rest(props, ["href", "onClick", "children", "className", "color", "style", "as", "variant", "tabIndex", "target", "rel", "disabled", "visited", "noUnderline", 'aria-disabled']);
|
|
30
30
|
const nativeHTMLAttributes = rest;
|
|
31
31
|
const classes = useStyles();
|
|
32
32
|
const sanitizedRel = sanitizeRel(rel, target);
|
|
33
33
|
return (React.createElement(MUILink, Object.assign({}, nativeHTMLAttributes, { ref: ref, href: disabled ? undefined : href, target: disabled ? undefined : target, rel: sanitizedRel, onClick: disabled ? undefined : onClick, className: cx(classes.root, className, {
|
|
34
34
|
[classes.action]: variant === 'action',
|
|
35
35
|
[classes.white]: color === 'white',
|
|
36
|
+
[classes.blue]: color === 'blue',
|
|
37
|
+
[classes.visited]: visited,
|
|
36
38
|
[classes.disabled]: disabled,
|
|
37
39
|
[classes.noUnderline]: noUnderline
|
|
38
40
|
}), style: style, component: as, tabIndex: tabIndex, "aria-disabled": disabled || ariaDisabled }), children));
|
package/Link/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIX,MAAM,OAAO,CAAA;AACd,OAAO,OAAO,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAK7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAA;AAEpE,MAAM,WAAW,GAAG,CAAC,GAAuB,EAAE,MAA0B,EAAE,EAAE;IAC1E,IAAI,MAAM,KAAK,QAAQ,EAAE;QACvB,OAAO,GAAG,CAAA;KACX;IAED,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,UAAU,CAAA;KAClB;IAED,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;IAExE,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;AAClD,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAIX,MAAM,OAAO,CAAA;AACd,OAAO,OAAO,MAAM,wBAAwB,CAAA;AAC5C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,MAAM,MAAM,UAAU,CAAA;AAK7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAA;AAEpE,MAAM,WAAW,GAAG,CAAC,GAAuB,EAAE,MAA0B,EAAE,EAAE;IAC1E,IAAI,MAAM,KAAK,QAAQ,EAAE;QACvB,OAAO,GAAG,CAAA;KACX;IAED,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,UAAU,CAAA;KAClB;IAED,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAA;IAExE,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,WAAW,CAAC,CAAA;AAClD,CAAC,CAAA;AAgCD,MAAM,CAAC,MAAM,IAAI,GAAgC,UAAU,CAGzD,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG;IACxB,MAAM,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,MAAM,EACd,KAAK,EACL,EAAE,GAAG,GAAG,EACR,OAAO,GAAG,QAAQ,EAClB,QAAQ,EACR,MAAM,EACN,GAAG,EACH,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,WAAW,EACX,eAAe,EAAE,YAAY,KAE3B,KAAK,EADJ,IAAI,UACL,KAAK,EAjBH,mKAiBL,CAAQ,CAAA;IACT,MAAM,oBAAoB,GAAG,IAAI,CAAA;IACjC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;IAE7C,OAAO,CACL,oBAAC,OAAO,oBACF,oBAAoB,IACxB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EACrC,GAAG,EAAE,YAAY,EACjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,EAAE;YACrC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK,QAAQ;YACtC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,OAAO;YAClC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,MAAM;YAChC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,OAAO;YAC1B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC5B,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,WAAW;SACnC,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,EACb,QAAQ,EAAE,QAAQ,mBACH,QAAQ,IAAI,YAAY,KAEtC,QAAQ,CACD,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,EAAE,EAAE,GAAG;IACP,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,KAAK;CACnB,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
package/Link/styles.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { Theme } from '@material-ui/core/styles';
|
|
2
|
-
declare const _default: ({ typography, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "white" | "disabled" | "container" | "root" | "action" | "noUnderline">;
|
|
2
|
+
declare const _default: ({ typography, palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "blue" | "white" | "disabled" | "container" | "root" | "action" | "noUnderline" | "visited">;
|
|
3
3
|
export default _default;
|
package/Link/styles.js
CHANGED
|
@@ -37,7 +37,16 @@ export default ({ typography, palette }) => createStyles({
|
|
|
37
37
|
color: palette.blue.main
|
|
38
38
|
}
|
|
39
39
|
},
|
|
40
|
+
visited: {},
|
|
41
|
+
blue: {
|
|
42
|
+
'&:visited, &$visited': {
|
|
43
|
+
color: palette.blue.darker
|
|
44
|
+
}
|
|
45
|
+
},
|
|
40
46
|
white: {
|
|
47
|
+
'&:visited, &$visited': {
|
|
48
|
+
color: palette.grey.main
|
|
49
|
+
},
|
|
41
50
|
color: palette.common.white,
|
|
42
51
|
textDecoration: 'underline',
|
|
43
52
|
'&$noUnderline': {
|
package/Link/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE,MAAM;SACjB;QACD,cAAc,EAAE,MAAM;QACtB,qBAAqB,EAAE;YACrB,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,cAAc,EAAE,MAAM;SACvB;QACD,YAAY,EAAE;YACZ,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,MAAM,EAAE;QACN,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;QAC3C,cAAc,EAAE,MAAM;QACtB,YAAY,EAAE;YACZ,cAAc,EAAE,MAAM;YACtB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,cAAc,EAAE,WAAW;QAC3B,eAAe,EAAE;YACf,cAAc,EAAE,MAAM;SACvB;KACF;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,SAAS,EAAE;QACT,cAAc,EAAE,MAAM;QACtB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Link/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,CAAC,EAAE,UAAU,EAAE,OAAO,EAAS,EAAE,EAAE,CAChD,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;SAChB;QACD,kBAAkB,EAAE;YAClB,QAAQ,EAAE,MAAM;SACjB;QACD,cAAc,EAAE,MAAM;QACtB,qBAAqB,EAAE;YACrB,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,WAAW,EAAE;QACX,SAAS,EAAE;YACT,cAAc,EAAE,MAAM;SACvB;QACD,YAAY,EAAE;YACZ,cAAc,EAAE,WAAW;SAC5B;KACF;IACD,MAAM,EAAE;QACN,UAAU,EAAE,UAAU,CAAC,WAAW,CAAC,QAAQ;QAC3C,cAAc,EAAE,MAAM;QACtB,YAAY,EAAE;YACZ,cAAc,EAAE,MAAM;YACtB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;KACF;IACD,OAAO,EAAE,EAAE;IACX,IAAI,EAAE;QACJ,sBAAsB,EAAE;YACtB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;SAC3B;KACF;IACD,KAAK,EAAE;QACL,sBAAsB,EAAE;YACtB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;SACzB;QACD,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK;QAC3B,cAAc,EAAE,WAAW;QAC3B,eAAe,EAAE;YACf,cAAc,EAAE,MAAM;SACvB;KACF;IACD,QAAQ,EAAE;QACR,MAAM,EAAE,aAAa;QACrB,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK;KAC1B;IACD,SAAS,EAAE;QACT,cAAc,EAAE,MAAM;QACtB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAA"}
|
package/List/List.js
CHANGED
|
@@ -11,21 +11,30 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
|
+
import cx from 'classnames';
|
|
14
15
|
import ListItem from '../ListItem';
|
|
15
16
|
import styles from './styles';
|
|
16
17
|
const useStyles = makeStyles(styles, { name: 'PicassoList' });
|
|
18
|
+
const Tags = {
|
|
19
|
+
unordered: 'ul',
|
|
20
|
+
ordered: 'ol'
|
|
21
|
+
};
|
|
17
22
|
export const List = (props) => {
|
|
18
23
|
const classes = useStyles();
|
|
19
|
-
const { variant, children, start = 1 } = props, rest = __rest(props, ["variant", "children", "start"]);
|
|
20
|
-
const
|
|
21
|
-
const listItems = React.Children.map(children, (child, index) =>
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
24
|
+
const { variant, children, start = 1, className } = props, rest = __rest(props, ["variant", "children", "start", "className"]);
|
|
25
|
+
const totalChildElements = React.Children.count(children);
|
|
26
|
+
const listItems = React.Children.map(children, (child, index) => {
|
|
27
|
+
if (!React.isValidElement(child)) {
|
|
28
|
+
return child;
|
|
29
|
+
}
|
|
30
|
+
return React.cloneElement(child, {
|
|
31
|
+
variant,
|
|
32
|
+
isLastElement: totalChildElements === index + 1,
|
|
33
|
+
index: index + start - 1
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
const ListTag = Tags[variant];
|
|
37
|
+
return (React.createElement(ListTag, Object.assign({ className: cx(classes.root, classes[variant], className) }, rest), listItems));
|
|
29
38
|
};
|
|
30
39
|
List.defaultProps = {
|
|
31
40
|
variant: 'unordered',
|
package/List/List.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAClC,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAA;AAEpE,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,IAAI;CACL,CAAA;AAEV,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAY,EAAE,EAAE;IACnC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA5D,6CAAoD,CAAQ,CAAA;IAElE,MAAM,kBAAkB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;IAEzD,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC9D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YAChC,OAAO,KAAK,CAAA;SACb;QAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,OAAO;YACP,aAAa,EAAE,kBAAkB,KAAK,KAAK,GAAG,CAAC;YAC/C,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC;SACzB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAA;IAE7B,OAAO,CACL,oBAAC,OAAO,kBACN,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,IACpD,IAAI,GAEP,SAAS,CACF,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,YAAY,GAAG;IAClB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,CAAC;CACT,CAAA;AAED,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAA;AAEpB,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,eAAe,IAAI,CAAA"}
|
package/List/styles.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { Theme } from '@material-ui/core/styles';
|
|
2
|
+
declare const _default: ({ palette }: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "unordered">;
|
|
2
3
|
export default _default;
|
package/List/styles.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { createStyles } from '@material-ui/core/styles';
|
|
2
|
-
export default () => createStyles({
|
|
2
|
+
export default ({ palette }) => createStyles({
|
|
3
3
|
root: {
|
|
4
4
|
listStyle: 'none',
|
|
5
5
|
padding: 0,
|
|
6
6
|
margin: 0
|
|
7
|
+
},
|
|
8
|
+
unordered: {
|
|
9
|
+
color: palette.text.primary
|
|
7
10
|
}
|
|
8
11
|
});
|
|
9
12
|
//# sourceMappingURL=styles.js.map
|
package/List/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/List/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/List/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAS,MAAM,0BAA0B,CAAA;AAE9D,eAAe,CAAC,EAAE,OAAO,EAAS,EAAE,EAAE,CACpC,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,CAAC;KACV;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,OAAO;KAC5B;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import List from '../List';
|
|
3
|
+
/* eslint-disable react/no-array-index-key */
|
|
4
|
+
const generateListItems = (total, listItemProps) => Array(total)
|
|
5
|
+
.fill(0)
|
|
6
|
+
.map((_, index) => (React.createElement(List.Item, Object.assign({ key: index }, listItemProps), `list item N${index + 1}`)));
|
|
7
|
+
export default generateListItems;
|
|
8
|
+
//# sourceMappingURL=generateListItems.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"generateListItems.js","sourceRoot":"","sources":["../../../src/List/utils/generateListItems.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,6CAA6C;AAC7C,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,aAAmB,EAAE,EAAE,CAC/D,KAAK,CAAC,KAAK,CAAC;KACT,IAAI,CAAC,CAAC,CAAC;KACP,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACjB,oBAAC,IAAI,CAAC,IAAI,kBAAC,GAAG,EAAE,KAAK,IAAM,aAAa,GACrC,cAAc,KAAK,GAAG,CAAC,EAAE,CAChB,CACb,CAAC,CAAA;AAEN,eAAe,iBAAiB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/List/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
|
package/ListItem/ListItem.d.ts
CHANGED
package/ListItem/ListItem.js
CHANGED
|
@@ -11,11 +11,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { makeStyles } from '@material-ui/core/styles';
|
|
14
|
+
import cx from 'classnames';
|
|
14
15
|
import Container from '../Container';
|
|
15
16
|
import Typography from '../Typography';
|
|
16
17
|
import { Bullet16 } from '../Icon';
|
|
17
18
|
import styles from './styles';
|
|
18
|
-
const Index = ({ children }) => (React.createElement(Typography, { size: 'medium'
|
|
19
|
+
const Index = ({ children }) => (React.createElement(Typography, { size: 'medium' },
|
|
19
20
|
children,
|
|
20
21
|
"."));
|
|
21
22
|
const getBulletOrNumber = (variant, index, icon) => {
|
|
@@ -30,11 +31,13 @@ const getBulletOrNumber = (variant, index, icon) => {
|
|
|
30
31
|
const useStyles = makeStyles(styles, { name: 'PicassoListItem' });
|
|
31
32
|
export const ListItem = (props) => {
|
|
32
33
|
const classes = useStyles();
|
|
33
|
-
const { children, icon, variant = 'unordered', index = 1 } = props, rest = __rest(props, ["children", "icon", "variant", "index"]);
|
|
34
|
+
const { children, icon, variant = 'unordered', index = 1, isLastElement } = props, rest = __rest(props, ["children", "icon", "variant", "index", "isLastElement"]);
|
|
34
35
|
const itemIcon = getBulletOrNumber(variant, index, icon);
|
|
35
36
|
return (React.createElement("li", Object.assign({}, rest),
|
|
36
|
-
React.createElement(Container, { flex: true, direction: 'row'
|
|
37
|
-
|
|
37
|
+
React.createElement(Container, { flex: true, direction: 'row', className: cx(classes.listContainer, {
|
|
38
|
+
[classes.lastElement]: isLastElement
|
|
39
|
+
}) },
|
|
40
|
+
React.createElement(Container, { inline: true, right: 'small', justifyContent: 'flex-end', className: classes[variant] }, itemIcon),
|
|
38
41
|
React.createElement(Typography, { as: 'div', size: 'medium' }, children))));
|
|
39
42
|
};
|
|
40
43
|
ListItem.defaultProps = {};
|
package/ListItem/ListItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/ListItem/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/ListItem/ListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,SAAS,MAAM,cAAc,CAAA;AACpC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,OAAO,MAAM,MAAM,UAAU,CAAA;AAW7B,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CACvD,oBAAC,UAAU,IAAC,IAAI,EAAC,QAAQ;IAAE,QAAQ;QAAe,CACnD,CAAA;AAED,MAAM,iBAAiB,GAAG,CACxB,OAAoB,EACpB,KAAa,EACb,IAAgB,EACL,EAAE;IACb,IAAI,IAAI,EAAE;QACR,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,OAAO,KAAK,WAAW,EAAE;QAC3B,OAAO,oBAAC,QAAQ,OAAG,CAAA;KACpB;IAED,OAAO,oBAAC,KAAK,QAAE,KAAK,GAAG,CAAC,CAAS,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAA;AAExE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,GAAG,WAAW,EACrB,KAAK,GAAG,CAAC,EACT,aAAa,KAEX,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,yDAOL,CAAQ,CAAA;IAET,MAAM,QAAQ,GAAG,iBAAiB,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;IAExD,OAAO,CACL,4CAAQ,IAAI;QACV,oBAAC,SAAS,IACR,IAAI,QACJ,SAAS,EAAC,KAAK,EACf,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE;gBACnC,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,aAAa;aACrC,CAAC;YAEF,oBAAC,SAAS,IACR,MAAM,QACN,KAAK,EAAC,OAAO,EACb,cAAc,EAAC,UAAU,EACzB,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,IAE1B,QAAQ,CACC;YACZ,oBAAC,UAAU,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,IAC/B,QAAQ,CACE,CACH,CACT,CACN,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,YAAY,GAAG,EAAE,CAAA;AAE1B,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}
|
package/ListItem/styles.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "
|
|
1
|
+
declare const _default: () => import("@material-ui/styles").StyleRules<{}, "listContainer" | "ordered" | "unordered" | "lastElement">;
|
|
2
2
|
export default _default;
|
package/ListItem/styles.js
CHANGED
|
@@ -10,8 +10,19 @@ PicassoProvider.override(() => ({
|
|
|
10
10
|
}
|
|
11
11
|
}));
|
|
12
12
|
export default () => createStyles({
|
|
13
|
-
|
|
13
|
+
listContainer: {
|
|
14
|
+
lineHeight: '1.375em',
|
|
15
|
+
marginBottom: '0.5em'
|
|
16
|
+
},
|
|
17
|
+
ordered: {
|
|
18
|
+
minWidth: '1.25em',
|
|
19
|
+
marginRight: '0.75em'
|
|
20
|
+
},
|
|
21
|
+
unordered: {
|
|
14
22
|
minWidth: '1rem'
|
|
23
|
+
},
|
|
24
|
+
lastElement: {
|
|
25
|
+
marginBottom: 0
|
|
15
26
|
}
|
|
16
27
|
});
|
|
17
28
|
//# sourceMappingURL=styles.js.map
|
package/ListItem/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ListItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,gBAAgB,EAAE;gBAChB,eAAe,EAAE,kBAAkB;aACpC;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,aAAa,EAAE;QACb,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ListItem/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE1D,eAAe,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;IAC9B,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,gBAAgB,EAAE;gBAChB,eAAe,EAAE,kBAAkB;aACpC;SACF;KACF;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,aAAa,EAAE;QACb,UAAU,EAAE,SAAS;QACrB,YAAY,EAAE,OAAO;KACtB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,QAAQ;KACtB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;KACjB;IACD,WAAW,EAAE;QACX,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAA"}
|
package/ModalTitle/styles.js
CHANGED
package/ModalTitle/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ModalTitle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/ModalTitle/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,eAAe,GAAG,EAAE,CAClB,YAAY,CAAC;IACX,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,OAAO;KACtB;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TreeViewPropsBase } from '../TreeView/shared';
|
|
2
|
+
declare type Props = TreeViewPropsBase;
|
|
3
|
+
declare const StaticTreeView: {
|
|
4
|
+
(props: Props): JSX.Element;
|
|
5
|
+
defaultProps: {
|
|
6
|
+
nodeWidth: number;
|
|
7
|
+
nodeHeight: number;
|
|
8
|
+
directionProps: {
|
|
9
|
+
direction: import("../TreeView/types").DirectionsType;
|
|
10
|
+
variant: import("../TreeView/types").TreeViewVariant;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
displayName: string;
|
|
14
|
+
};
|
|
15
|
+
export default StaticTreeView;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import React, { useLayoutEffect, useState, useMemo, useRef } from 'react';
|
|
2
|
+
import { useTree, TreeViewPropsDefaults, TreeViewSvg, useFinalMargins } from '../TreeView/shared';
|
|
3
|
+
import { findExtremeNodes } from './utils/findExtremeNodes';
|
|
4
|
+
const StaticTreeView = (props) => {
|
|
5
|
+
var _a, _b, _c;
|
|
6
|
+
const { data, renderNode, nodeWidth = StaticTreeView.defaultProps.nodeWidth, nodeHeight = StaticTreeView.defaultProps.nodeHeight } = props;
|
|
7
|
+
const { direction = StaticTreeView.defaultProps.directionProps.direction, variant = StaticTreeView.defaultProps.directionProps.variant } = (_a = props.directionProps) !== null && _a !== void 0 ? _a : StaticTreeView.defaultProps.directionProps;
|
|
8
|
+
const [verticalMargin, horizontalMargin] = useFinalMargins(direction, (_b = props.directionProps) === null || _b === void 0 ? void 0 : _b.verticalMargin, (_c = props.directionProps) === null || _c === void 0 ? void 0 : _c.horizontalMargin);
|
|
9
|
+
const { nodes, links } = useTree({
|
|
10
|
+
data,
|
|
11
|
+
direction,
|
|
12
|
+
verticalMargin,
|
|
13
|
+
horizontalMargin,
|
|
14
|
+
nodeWidth,
|
|
15
|
+
nodeHeight,
|
|
16
|
+
variant
|
|
17
|
+
});
|
|
18
|
+
const svgRef = useRef(null);
|
|
19
|
+
const [svgMeasurements, setSvgMeasurements] = useState({
|
|
20
|
+
width: 200,
|
|
21
|
+
height: 400,
|
|
22
|
+
topMostNodeY: 0,
|
|
23
|
+
leftMostNodeX: 0
|
|
24
|
+
});
|
|
25
|
+
useLayoutEffect(() => {
|
|
26
|
+
var _a, _b;
|
|
27
|
+
if (svgRef.current) {
|
|
28
|
+
const bbox = svgRef.current.getBBox();
|
|
29
|
+
const extremes = findExtremeNodes(nodes);
|
|
30
|
+
setSvgMeasurements({
|
|
31
|
+
width: bbox.width,
|
|
32
|
+
height: bbox.height,
|
|
33
|
+
topMostNodeY: (_a = extremes === null || extremes === void 0 ? void 0 : extremes.topMostNode.y) !== null && _a !== void 0 ? _a : 0,
|
|
34
|
+
leftMostNodeX: (_b = extremes === null || extremes === void 0 ? void 0 : extremes.leftMostNode.x) !== null && _b !== void 0 ? _b : 0
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
}, [svgRef, nodes]);
|
|
38
|
+
const transforms = useMemo(() => {
|
|
39
|
+
return {
|
|
40
|
+
svgViewBox: `0 0 ${svgMeasurements.width} ${svgMeasurements.height}`,
|
|
41
|
+
gTransform: direction === 'horizontal'
|
|
42
|
+
? `translate(0, ${-1 * svgMeasurements.topMostNodeY})`
|
|
43
|
+
: `translate(${-1 * svgMeasurements.leftMostNodeX}, 0)`
|
|
44
|
+
};
|
|
45
|
+
}, [svgMeasurements, direction]);
|
|
46
|
+
return (React.createElement(TreeViewSvg, { ref: svgRef, nodes: nodes, links: links, direction: direction, verticalMargin: verticalMargin, horizontalMargin: horizontalMargin, renderNode: renderNode, svgProps: {
|
|
47
|
+
viewBox: transforms.svgViewBox
|
|
48
|
+
}, graphProps: {
|
|
49
|
+
transform: transforms.gTransform
|
|
50
|
+
} }));
|
|
51
|
+
};
|
|
52
|
+
StaticTreeView.defaultProps = TreeViewPropsDefaults;
|
|
53
|
+
StaticTreeView.displayName = 'StaticTreeView';
|
|
54
|
+
export default StaticTreeView;
|
|
55
|
+
//# sourceMappingURL=StaticTreeView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StaticTreeView.js","sourceRoot":"","sources":["../../src/StaticTreeView/StaticTreeView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './StaticTreeView';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/StaticTreeView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export const findExtremeNodes = (nodes) => {
|
|
2
|
+
if (nodes.length === 0) {
|
|
3
|
+
return;
|
|
4
|
+
}
|
|
5
|
+
let topMostNode = nodes[0];
|
|
6
|
+
let leftMostNode = nodes[0];
|
|
7
|
+
for (const node of nodes) {
|
|
8
|
+
if (node.y < topMostNode.y) {
|
|
9
|
+
topMostNode = node;
|
|
10
|
+
}
|
|
11
|
+
if (node.x < leftMostNode.x) {
|
|
12
|
+
leftMostNode = node;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
return { topMostNode, leftMostNode };
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=findExtremeNodes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"findExtremeNodes.js","sourceRoot":"","sources":["../../../src/StaticTreeView/utils/findExtremeNodes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAU,EAME,EAAE;IACd,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,OAAM;KACP;IACD,IAAI,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAC1B,IAAI,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;IAE3B,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACxB,IAAI,IAAI,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE;YAC1B,WAAW,GAAG,IAAI,CAAA;SACnB;QACD,IAAI,IAAI,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,EAAE;YAC3B,YAAY,GAAG,IAAI,CAAA;SACpB;KACF;IAED,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,CAAA;AACtC,CAAC,CAAA"}
|
|
@@ -7,22 +7,26 @@ export const PointLink = props => {
|
|
|
7
7
|
const { link, direction, verticalMargin, horizontalMargin } = props;
|
|
8
8
|
const classes = useStyles();
|
|
9
9
|
const path = useMemo(() => {
|
|
10
|
-
var _a, _b, _c;
|
|
10
|
+
var _a, _b, _c, _d;
|
|
11
11
|
const { source, target } = link;
|
|
12
12
|
const sourceYDeltas = {
|
|
13
13
|
horizontal: ((_a = source.rect) === null || _a === void 0 ? void 0 : _a.height) / 2 || 0,
|
|
14
14
|
vertical: ((_b = source.rect) === null || _b === void 0 ? void 0 : _b.height) || 0
|
|
15
15
|
};
|
|
16
|
-
const
|
|
17
|
-
|
|
16
|
+
const sourceXDeltas = {
|
|
17
|
+
horizontal: ((_c = source.rect) === null || _c === void 0 ? void 0 : _c.width) || 0,
|
|
18
|
+
vertical: ((_d = source.rect) === null || _d === void 0 ? void 0 : _d.width) / 2 || 0
|
|
19
|
+
};
|
|
20
|
+
const sourceY = source.y + sourceYDeltas[direction];
|
|
21
|
+
const sourceX = source.x + sourceXDeltas[direction];
|
|
18
22
|
const svgPaths = {
|
|
19
23
|
horizontal: `M${sourceX}, ${sourceY}
|
|
20
24
|
H${sourceX + horizontalMargin / 2}
|
|
21
25
|
V${target.y + DEFAULT_HEIGHT / 2}
|
|
22
|
-
H${target.x
|
|
23
|
-
vertical: `M${
|
|
26
|
+
H${target.x}`,
|
|
27
|
+
vertical: `M${sourceX}, ${sourceY}
|
|
24
28
|
V${sourceY + verticalMargin / 2}
|
|
25
|
-
H${target.x}
|
|
29
|
+
H${target.x + DEFAULT_WIDTH / 2}
|
|
26
30
|
V${target.y}`
|
|
27
31
|
};
|
|
28
32
|
return svgPaths[direction];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PointLink.js","sourceRoot":"","sources":["../../../src/TreeView/PointLink/PointLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAc,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;;QACxB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,aAAa,GAAG;YACpB,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,IAAI,CAAC;YACxC,QAAQ,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC;SACnC,CAAA;QACD,MAAM,
|
|
1
|
+
{"version":3,"file":"PointLink.js","sourceRoot":"","sources":["../../../src/TreeView/PointLink/PointLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAS,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5D,OAAO,MAAM,MAAM,UAAU,CAAA;AAS7B,MAAM,SAAS,GAAG,UAAU,CAAQ,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAc,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;;QACxB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,aAAa,GAAG;YACpB,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,IAAG,CAAC,IAAI,CAAC;YACxC,QAAQ,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,MAAM,KAAI,CAAC;SACnC,CAAA;QACD,MAAM,aAAa,GAAG;YACpB,UAAU,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,KAAK,KAAI,CAAC;YACnC,QAAQ,EAAE,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,KAAK,IAAG,CAAC,IAAI,CAAC;SACtC,CAAA;QACD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;QACnD,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG,aAAa,CAAC,SAAS,CAAC,CAAA;QAEnD,MAAM,QAAQ,GAAG;YACf,UAAU,EAAE,IAAI,OAAO,KAAK,OAAO;WAC9B,OAAO,GAAG,gBAAgB,GAAG,CAAC;WAC9B,MAAM,CAAC,CAAC,GAAG,cAAc,GAAG,CAAC;WAC7B,MAAM,CAAC,CAAC,EAAE;YACf,QAAQ,EAAE,IAAI,OAAO,KAAK,OAAO;WAC5B,OAAO,GAAG,cAAc,GAAG,CAAC;WAC5B,MAAM,CAAC,CAAC,GAAG,aAAa,GAAG,CAAC;WAC5B,MAAM,CAAC,CAAC,EAAE;SAChB,CAAA;QAED,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC5B,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEvD,OAAO,8BAAM,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAAA;AACxD,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA;AAEnC,eAAe,SAAS,CAAA"}
|
|
@@ -3,7 +3,6 @@ import { DynamicPointNode } from '../types';
|
|
|
3
3
|
export interface Props {
|
|
4
4
|
node: DynamicPointNode;
|
|
5
5
|
renderNode?: (pointNode: DynamicPointNode) => ReactNode;
|
|
6
|
-
nodeWidth: number;
|
|
7
6
|
}
|
|
8
|
-
export declare const PointNode: React.ForwardRefExoticComponent<Props & React.RefAttributes<
|
|
7
|
+
export declare const PointNode: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGGElement>>;
|
|
9
8
|
export default PointNode;
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React, { forwardRef, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
import { NodeContent } from './NodeContent';
|
|
3
|
-
export const PointNode = forwardRef(({ node, renderNode
|
|
3
|
+
export const PointNode = forwardRef(({ node, renderNode }, ref) => {
|
|
4
4
|
const nodeRef = useRef(null);
|
|
5
5
|
const [dimensions, setDimensions] = useState({});
|
|
6
6
|
const transform = useMemo(() => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}, [node.x, node.y, nodeWidth]);
|
|
7
|
+
return `translate(${node.x},${node.y})`;
|
|
8
|
+
}, [node.x, node.y]);
|
|
10
9
|
useLayoutEffect(() => {
|
|
11
10
|
var _a, _b, _c;
|
|
12
11
|
if (nodeRef.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PointNode.js","sourceRoot":"","sources":["../../../src/TreeView/PointNode/PointNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"PointNode.js","sourceRoot":"","sources":["../../../src/TreeView/PointNode/PointNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EAEV,eAAe,EACf,OAAO,EACP,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAA;AAGd,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAO3C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CACjC,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5B,MAAM,OAAO,GAAG,MAAM,CAAiC,IAAI,CAAC,CAAA;IAC5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAGzC,EAAE,CAAC,CAAA;IACN,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,OAAO,aAAa,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAA;IACzC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAEpB,eAAe,CAAC,GAAG,EAAE;;QACnB,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,MAAA,MAAA,MAAA,IAAI,CAAC,GAAG,0CAAE,OAAO,0CAClE,iBAAiB,0CAAE,iBAAgC,CAAA;YAEvD,IAAI,UAAU,CAAC,MAAM,KAAK,MAAM,IAAI,UAAU,CAAC,KAAK,KAAK,KAAK,EAAE;gBAC9D,aAAa,CAAC;oBACZ,KAAK;oBACL,MAAM;iBACP,CAAC,CAAA;aACH;SACF;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;IAE1B,OAAO,CACL,2BAAG,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG;QAC5C,uCACE,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,MAAM,EAAE,UAAU,CAAC,MAAM,EACzB,GAAG,EAAE,OAAO,IAEX,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAC9C,CACd,CACL,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,MAAM,CAAA;AAE9B,eAAe,SAAS,CAAA"}
|