frst-components 0.20.53 → 0.20.54
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.js +10 -3
- package/dist/src/components/IJ/learningCycleCard/components/menu/index.d.ts.map +1 -1
- package/dist/src/components/IJ/learningCycleCard/components/menu/menuStyle.d.ts.map +1 -1
- package/dist/src/components/LXP/AccordionList/AccordionList.styles.d.ts +5 -1
- package/dist/src/components/LXP/AccordionList/AccordionList.styles.d.ts.map +1 -1
- package/dist/src/components/LXP/AccordionList/index.d.ts +3 -2
- package/dist/src/components/LXP/AccordionList/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -11962,7 +11962,7 @@ const StylesAccordionList = styled__default["default"].div `
|
|
|
11962
11962
|
flex-direction: column;
|
|
11963
11963
|
&.open {
|
|
11964
11964
|
border-radius: 8px 8px 0px 0px;
|
|
11965
|
-
border:
|
|
11965
|
+
border: ${({ theme, selectedItem }) => selectedItem && `1px solid ${theme.colors.primary1}`};
|
|
11966
11966
|
}
|
|
11967
11967
|
|
|
11968
11968
|
.title {
|
|
@@ -12014,13 +12014,20 @@ const StylesAccordionList = styled__default["default"].div `
|
|
|
12014
12014
|
}
|
|
12015
12015
|
`;
|
|
12016
12016
|
|
|
12017
|
-
function AccordionList$2({ title = 'Módulo', children, isOpen = false, setIsOpen }) {
|
|
12017
|
+
function AccordionList$2({ title = 'Módulo', children, isOpen = false, setIsOpen, selectedItem }) {
|
|
12018
12018
|
const [open, setOpen] = React.useState(isOpen);
|
|
12019
|
+
const [selected, setSelected] = React.useState(selectedItem);
|
|
12019
12020
|
const handleSetOpen = () => {
|
|
12020
12021
|
setOpen((prev) => !prev);
|
|
12021
12022
|
setIsOpen();
|
|
12022
12023
|
};
|
|
12023
|
-
|
|
12024
|
+
React.useEffect(() => {
|
|
12025
|
+
if (selectedItem) {
|
|
12026
|
+
setOpen(true);
|
|
12027
|
+
}
|
|
12028
|
+
setSelected(selectedItem);
|
|
12029
|
+
}, [selectedItem]);
|
|
12030
|
+
return (jsxRuntime.jsxs(StylesAccordionList, { theme: FRSTTheme, selectedItem: selected, className: selected ? 'open' : 'closed', children: [jsxRuntime.jsxs("div", { onClick: handleSetOpen, className: selected ? 'header open' : 'header closed', children: [jsxRuntime.jsx("p", { className: "title", children: title }), jsxRuntime.jsx("span", { className: open ? 'open' : 'closed', children: jsxRuntime.jsx(ArrowScrollLeft, { height: "16", width: "16" }) })] }), open && jsxRuntime.jsx("div", { className: "listContent", children: children })] }));
|
|
12024
12031
|
}
|
|
12025
12032
|
|
|
12026
12033
|
const ProgressBox = styled__default["default"](_.Box) `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/IJ/learningCycleCard/components/menu/index.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE;;;CAAA,eAiFnD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menuStyle.d.ts","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"menuStyle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/IJ/learningCycleCard/components/menu/menuStyle.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,oEAuBxB,CAAA"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
interface IProps {
|
|
2
|
+
selectedItem: boolean;
|
|
3
|
+
}
|
|
4
|
+
export declare const StylesAccordionList: import("styled-components").StyledComponent<"div", any, IProps, never>;
|
|
5
|
+
export {};
|
|
2
6
|
//# sourceMappingURL=AccordionList.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionList.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/AccordionList/AccordionList.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"AccordionList.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/AccordionList/AccordionList.styles.ts"],"names":[],"mappings":"AACA,UAAU,MAAM;IACd,YAAY,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,mBAAmB,wEA0D/B,CAAA"}
|
|
@@ -2,9 +2,10 @@ import React from 'react';
|
|
|
2
2
|
type TAccordionListprops = {
|
|
3
3
|
title?: string;
|
|
4
4
|
children?: React.Component;
|
|
5
|
-
isOpen
|
|
5
|
+
isOpen?: boolean;
|
|
6
6
|
setIsOpen: any;
|
|
7
|
+
selectedItem: boolean;
|
|
7
8
|
};
|
|
8
|
-
export default function AccordionList({ title, children, isOpen, setIsOpen }: TAccordionListprops): JSX.Element;
|
|
9
|
+
export default function AccordionList({ title, children, isOpen, setIsOpen, selectedItem }: TAccordionListprops): JSX.Element;
|
|
9
10
|
export {};
|
|
10
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/AccordionList/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/AccordionList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,GAAG,CAAA;IACd,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAgB,EAChB,QAAQ,EACR,MAAc,EACd,SAAS,EACT,YAAY,EACb,EAAE,mBAAmB,eA2BrB"}
|