@factorearth/component-library 3.7.13-alpha.0 → 3.7.14-alpha.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/Atoms/ContentDropdown/ContentDropdown.d.ts +1 -1
- package/dist/Atoms/ContentDropdown/ContentDropdown.js +13 -10
- package/dist/Atoms/ContentDropdown/ContentDropdown.js.map +1 -1
- package/dist/Atoms/Pagination/Pagination.js +0 -1
- package/dist/Atoms/Pagination/Pagination.js.map +1 -1
- package/dist/Molecules/TableRow/TableRow.d.ts +2 -0
- package/dist/Molecules/TableRow/TableRow.js +3 -0
- package/dist/Molecules/TableRow/TableRow.js.map +1 -1
- package/dist/Organisms/TabManager/TabManager.d.ts +1 -1
- package/dist/Organisms/TabManager/TabManager.js +5 -6
- package/dist/Organisms/TabManager/TabManager.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Colors } from "../../Theme/types";
|
|
3
3
|
interface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
4
|
-
|
|
4
|
+
colorPalette: Colors;
|
|
5
5
|
expanded: boolean;
|
|
6
6
|
handleClick: () => void;
|
|
7
7
|
icon?: JSX.Element;
|
|
@@ -4,9 +4,14 @@ import { FiChevronDown, FiChevronUp } from "react-icons/fi";
|
|
|
4
4
|
const Container = styled.div `
|
|
5
5
|
display: flex;
|
|
6
6
|
width: 100%;
|
|
7
|
-
padding: 16px 0px;
|
|
8
7
|
flex-direction: column;
|
|
9
|
-
background-color: ${({
|
|
8
|
+
background-color: ${({ colorPalette }) => colorPalette.buttonBackground.outlined};
|
|
9
|
+
border-width: 1px;
|
|
10
|
+
border-style: solid;
|
|
11
|
+
border-color: ${({ colorPalette }) => colorPalette.border.primary};
|
|
12
|
+
border-left: none;
|
|
13
|
+
border-right: none;
|
|
14
|
+
${({ expanded }) => expanded && `border-bottom: none;`};
|
|
10
15
|
`;
|
|
11
16
|
const PseudoButton = styled.div `
|
|
12
17
|
display: flex;
|
|
@@ -17,21 +22,19 @@ const PseudoButton = styled.div `
|
|
|
17
22
|
border-radius: 4px;
|
|
18
23
|
`;
|
|
19
24
|
const Label = styled.p `
|
|
20
|
-
color: ${({
|
|
25
|
+
color: ${({ colorPalette }) => colorPalette.buttonText.outlined};
|
|
21
26
|
font-size: 20.992px;
|
|
22
27
|
font-style: normal;
|
|
23
28
|
font-weight: 700;
|
|
24
29
|
line-height: 150%;
|
|
25
30
|
`;
|
|
26
31
|
function ContentDropdown(props) {
|
|
27
|
-
const {
|
|
28
|
-
return (React.createElement(Container, {
|
|
29
|
-
React.createElement(PseudoButton, {
|
|
32
|
+
const { colorPalette, expanded, handleClick, icon, label, ...htmlProps } = props;
|
|
33
|
+
return (React.createElement(Container, { colorPalette: colorPalette, onClick: handleClick, role: "button", expanded: expanded, ...htmlProps },
|
|
34
|
+
React.createElement(PseudoButton, { colorPalette: colorPalette },
|
|
30
35
|
icon && icon,
|
|
31
|
-
React.createElement(Label, {
|
|
32
|
-
expanded ?
|
|
33
|
-
React.createElement(FiChevronUp, { color: colors.buttonText.outlined, style: { width: "24px", height: "24px" } }) :
|
|
34
|
-
React.createElement(FiChevronDown, { color: colors.buttonText.outlined, style: { width: "24px", height: "24px" } }))));
|
|
36
|
+
React.createElement(Label, { colorPalette: colorPalette }, label),
|
|
37
|
+
expanded ? (React.createElement(FiChevronUp, { color: colorPalette.buttonText.outlined, style: { width: "24px", height: "24px" } })) : (React.createElement(FiChevronDown, { color: colorPalette.buttonText.outlined, style: { width: "24px", height: "24px" } })))));
|
|
35
38
|
}
|
|
36
39
|
export default ContentDropdown;
|
|
37
40
|
//# sourceMappingURL=ContentDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/ContentDropdown/ContentDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"ContentDropdown.js","sourceRoot":"","sources":["../../../lib/Atoms/ContentDropdown/ContentDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG5D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA6C;;;;qBAIpD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACxC,YAAY,CAAC,gBAAgB,CAAC,QAAQ;;;iBAGvB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO;;;GAG/D,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,sBAAsB;CACtD,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;;;CAOxD,CAAC;AAEF,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAA0B;UACtC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,QAAQ;;;;;CAK/D,CAAC;AAcF,SAAS,eAAe,CAAC,KAAY;IACpC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GACvE,KAAK,CAAC;IAEP,OAAO,CACN,oBAAC,SAAS,IACT,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,KACd,SAAS;QAEb,oBAAC,YAAY,IAAC,YAAY,EAAE,YAAY;YACtC,IAAI,IAAI,IAAI;YACb,oBAAC,KAAK,IAAC,YAAY,EAAE,YAAY,IAAG,KAAK,CAAS;YACjD,QAAQ,CAAC,CAAC,CAAC,CACX,oBAAC,WAAW,IACX,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACvC,CACF,CAAC,CAAC,CAAC,CACH,oBAAC,aAAa,IACb,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GACvC,CACF,CACa,CACJ,CACZ,CAAC;AACH,CAAC;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -6,7 +6,6 @@ const PaginationContainer = styled.div `
|
|
|
6
6
|
align-items: center;
|
|
7
7
|
justify-content: center;
|
|
8
8
|
gap: 16px;
|
|
9
|
-
background: ${({ colorPalette }) => colorPalette.background.primary};
|
|
10
9
|
`;
|
|
11
10
|
const PageNumber = styled.div(({ isActive, colorPalette, }) => ({
|
|
12
11
|
height: "14px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../lib/Atoms/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAA4B,MAAM,OAAO,CAAC;AACjE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG/D,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;;;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../lib/Atoms/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,8 @@ import { Colors } from "Theme/types";
|
|
|
4
4
|
export declare const TableCell: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
theme?: import("@emotion/react").Theme;
|
|
6
6
|
as?: React.ElementType;
|
|
7
|
+
} & {
|
|
8
|
+
colorPalette: Colors;
|
|
7
9
|
}, React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
|
|
8
10
|
interface TableRowProps {
|
|
9
11
|
colorPalette: Colors;
|
|
@@ -24,6 +24,9 @@ export const TableCell = styled.td `
|
|
|
24
24
|
flex: 1 0 0;
|
|
25
25
|
font-size: 16px,
|
|
26
26
|
font-weight: 400,
|
|
27
|
+
::hover: {
|
|
28
|
+
background: ${({ colorPalette }) => colorPalette.background.secondary};
|
|
29
|
+
}
|
|
27
30
|
`;
|
|
28
31
|
export const TableRow = ({ index, colorPalette, rowData, columnConfig, }) => {
|
|
29
32
|
const rows = Object.entries(rowData)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../lib/Molecules/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAA0B;;;;iBAIzC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS;iBACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;;CAKrE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"TableRow.js","sourceRoot":"","sources":["../../../lib/Molecules/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE,CAA0B;;;;iBAIzC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,SAAS;iBACnD,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;;;;;CAKrE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAA0B;;;;;;;;;;;;;;gBAc5C,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,SAAS;;CAEtE,CAAC;AASF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,OAAO,EACP,YAAY,GACG,EAAE,EAAE;IACnB,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;SAClC,GAAG,CAAC,CAAC,QAAe,EAAE,CAAS,EAAE,EAAE;QACnC,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC/B,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACrD,OAAO,IAAI,CAAC;QACb,CAAC;QACD,OAAO;IACR,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAE5C,OAAO,CACN,oBAAC,cAAc,IAAC,GAAG,EAAE,YAAY,KAAK,EAAE,EAAE,YAAY,EAAE,YAAY,IAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE,CAAC,IAAI,CAAC,CAAkB,CACjI,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -6,10 +6,9 @@ import Tab from "../../Atoms/Tab/Tab";
|
|
|
6
6
|
const Container = styled.div `
|
|
7
7
|
display: flex;
|
|
8
8
|
width: 100%;
|
|
9
|
-
padding: 16px 0px;
|
|
10
9
|
flex-direction: column;
|
|
11
10
|
align-items: flex-start;
|
|
12
|
-
background-color: ${({
|
|
11
|
+
background-color: ${({ colorPalette }) => colorPalette.background.primary}
|
|
13
12
|
`;
|
|
14
13
|
const NavBar = styled.div `
|
|
15
14
|
display: flex;
|
|
@@ -20,7 +19,7 @@ const NavBar = styled.div `
|
|
|
20
19
|
border-bottom: 0.5px solid #89949F;
|
|
21
20
|
`;
|
|
22
21
|
function TabManager(props) {
|
|
23
|
-
const {
|
|
22
|
+
const { colorPalette, tabLabels, forms } = props;
|
|
24
23
|
if (tabLabels.length <= 0)
|
|
25
24
|
throw new Error(`No tab labels provided`);
|
|
26
25
|
if (forms.length <= 0)
|
|
@@ -34,11 +33,11 @@ function TabManager(props) {
|
|
|
34
33
|
setSelectedTab(index);
|
|
35
34
|
}
|
|
36
35
|
return tabLabels.map((label, index) => {
|
|
37
|
-
return (React.createElement(Tab, { colors:
|
|
36
|
+
return (React.createElement(Tab, { colors: colorPalette, selected: index === selectedTab, handleClick: () => handleSelectTab(index), label: label }));
|
|
38
37
|
});
|
|
39
38
|
}, [tabLabels, selectedTab]);
|
|
40
|
-
return (React.createElement(Container, {
|
|
41
|
-
React.createElement(ContentDropdown, {
|
|
39
|
+
return (React.createElement(Container, { colorPalette: colorPalette },
|
|
40
|
+
React.createElement(ContentDropdown, { colorPalette: colorPalette, expanded: expanded, style: { alignItems: "flex-start" }, handleClick: () => setExpanded(!expanded), icon: React.createElement(MdPersonAddAlt, { color: colorPalette.buttonText.outlined, style: { width: "24px", height: "24px" } }), label: "Advanced", role: "button", tabIndex: 0 }),
|
|
42
41
|
expanded && (React.createElement(React.Fragment, null,
|
|
43
42
|
React.createElement(NavBar, null, tabs),
|
|
44
43
|
forms[selectedTab]))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabManager.js","sourceRoot":"","sources":["../../../lib/Organisms/TabManager/TabManager.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAC1E,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAGtC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"TabManager.js","sourceRoot":"","sources":["../../../lib/Organisms/TabManager/TabManager.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,eAAe,MAAM,6CAA6C,CAAC;AAC1E,OAAO,GAAG,MAAM,qBAAqB,CAAC;AAGtC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;qBAKlC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO;CACzE,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOxB,CAAC;AAQF,SAAS,UAAU,CAAC,KAAY;IAC/B,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEjD,IAAI,SAAS,CAAC,MAAM,IAAI,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACrE,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;QAAE,MAAM,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC;IAC5D,IAAI,SAAS,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM;QAAE,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IAE9G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE1D,MAAM,IAAI,GAAkB,OAAO,CAAC,GAAG,EAAE;QACxC,SAAS,eAAe,CAAC,KAAa;YACrC,cAAc,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACrC,OAAO,CACN,oBAAC,GAAG,IACH,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,KAAK,KAAK,WAAW,EAC/B,WAAW,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,KAAK,GACX,CACF,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC;IAE7B,OAAO,CACN,oBAAC,SAAS,IACV,YAAY,EAAE,YAAY;QAEzB,oBAAC,eAAe,IACf,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EACnC,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,EACzC,IAAI,EAAE,oBAAC,cAAc,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,EAC3G,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,GACV;QACD,QAAQ,IAAI,CACZ;YACC,oBAAC,MAAM,QACL,IAAI,CACG;YACR,KAAK,CAAC,WAAW,CAAC,CACjB,CACH,CACU,CACZ,CAAC;AACH,CAAC;AAED,eAAe,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@factorearth/component-library",
|
|
3
|
-
"version": "3.7.
|
|
3
|
+
"version": "3.7.14-alpha.0",
|
|
4
4
|
"description": " A storybook component library for FactorEarth",
|
|
5
5
|
"author": "madtrx <marlin.makori@gmail.com>",
|
|
6
6
|
"homepage": "https://github.com/FactorEarth/RecordMiddleware#readme",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"access": "public",
|
|
47
47
|
"registry": "https://registry.npmjs.org/"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "6bf7d4238db430f240e81f192c686623b88ba899",
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"@emotion/react": "^11.13.0",
|
|
52
52
|
"@emotion/styled": "^11.13.0",
|