norma-library 0.6.66 → 0.6.68
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/esm/components/Box/interfaces.d.ts +0 -1
- package/dist/esm/components/Box/styles.d.ts +0 -1
- package/dist/esm/components/Breadcrumb/styles.d.ts +0 -1
- package/dist/esm/components/Card.js +5 -9
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/DateInput/styles.d.ts +0 -1
- package/dist/esm/components/Icons.d.ts +2 -2
- package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts +0 -1
- package/dist/esm/components/MultiSelectInput/styles.d.ts +0 -1
- package/dist/esm/components/ProgressBar.js +1 -1
- package/dist/esm/components/ProgressBar.js.map +1 -1
- package/dist/esm/components/SelectInput/components/Option/styles.d.ts +0 -1
- package/dist/esm/components/SelectInput/styles.d.ts +0 -1
- package/dist/esm/components/StatusModal/StatusModal.style.d.ts +1 -2
- package/dist/esm/components/Table/components/header/styles.d.ts +0 -1
- package/dist/esm/components/Table/components/pagination/styles.d.ts +0 -1
- package/dist/esm/components/Table/styles.d.ts +0 -1
- package/dist/esm/components/TextInput/styles.d.ts +0 -1
- package/dist/esm/components/Typography/Text/interfaces.d.ts +0 -1
- package/dist/esm/components/Typography/Text/styles.d.ts +0 -1
- package/dist/esm/components/Typography/Title/interfaces.d.ts +0 -1
- package/dist/esm/components/Typography/Title/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/components/header/index.js +16 -4
- package/dist/esm/components/UncontrolledTable/components/header/index.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/index.js +1 -1
- package/dist/esm/components/UncontrolledTable/index.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/interface.d.ts +2 -1
- package/dist/esm/components/UncontrolledTable/styles.d.ts +2 -3
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.d.ts +0 -1
- package/dist/esm/interfaces/Accordion.d.ts +0 -1
- package/dist/esm/interfaces/Card.d.ts +0 -1
- package/dist/esm/interfaces/ChatMessage.d.ts +0 -1
- package/dist/esm/interfaces/DatePicker.d.ts +0 -1
- package/dist/esm/interfaces/Modal.d.ts +0 -1
- package/dist/esm/interfaces/Paper.d.ts +0 -1
- package/dist/esm/interfaces/ProgressBar.d.ts +0 -1
- package/dist/esm/interfaces/Select.d.ts +0 -1
- package/dist/esm/interfaces/Tabs.d.ts +0 -1
- package/dist/esm/interfaces/Tag.d.ts +0 -1
- package/dist/esm/interfaces/TimeLine.d.ts +0 -1
- package/dist/esm/interfaces/TimePicker.d.ts +0 -1
- package/dist/esm/types/index.d.ts +0 -1
- package/package.json +2 -2
- package/src/components/Card.tsx +7 -9
- package/src/components/ProgressBar.tsx +2 -1
- package/src/components/UncontrolledTable/components/header/index.tsx +21 -4
- package/src/components/UncontrolledTable/index.tsx +2 -0
- package/src/components/UncontrolledTable/interface.ts +3 -2
- package/src/stories/UncontrolledTable.stories.tsx +25 -2
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { BoxProps } from "./interfaces";
|
|
3
2
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const ListLinks: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
3
|
export declare const Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
1
|
+
import { __assign, __makeTemplateObject, __rest } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Card as MuiCard } from '@mui/material';
|
|
4
4
|
import { palette } from '../helpers';
|
|
5
|
-
import
|
|
5
|
+
import styled from 'styled-components';
|
|
6
6
|
var colorMap = {
|
|
7
7
|
inherit: palette.inherit,
|
|
8
8
|
primary: palette.primary,
|
|
@@ -12,17 +12,13 @@ var colorMap = {
|
|
|
12
12
|
info: palette.info,
|
|
13
13
|
success: palette.success,
|
|
14
14
|
};
|
|
15
|
-
var CardStyled = styled(MuiCard)(function (_a) {
|
|
15
|
+
var CardStyled = styled(MuiCard)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 16px;\n border-radius: 5px;\n box-shadow: 0px 2px 8px #00000053;\n border-left: ", ";\n"], ["\n padding: 16px;\n border-radius: 5px;\n box-shadow: 0px 2px 8px #00000053;\n border-left: ", ";\n"])), function (_a) {
|
|
16
16
|
var $borderColor = _a.$borderColor;
|
|
17
|
-
return (
|
|
18
|
-
padding: 16,
|
|
19
|
-
borderRadius: 5,
|
|
20
|
-
boxShadow: '0px 2px 8px #00000053',
|
|
21
|
-
borderLeft: $borderColor ? "7px solid ".concat(colorMap[$borderColor]) : 'none',
|
|
22
|
-
});
|
|
17
|
+
return ($borderColor ? "7px solid ".concat(colorMap[$borderColor]) : 'none');
|
|
23
18
|
});
|
|
24
19
|
export var Card = function (_a) {
|
|
25
20
|
var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
|
|
26
21
|
return (React.createElement(CardStyled, __assign({ "$borderColor": border ? color : undefined }, props), children));
|
|
27
22
|
};
|
|
23
|
+
var templateObject_1;
|
|
28
24
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,4KAAiC,kGAIlD,EAAqF,KACrG,KADgB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,YAAY,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AAA/D,CAA+D,CACrG,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,6BAAe,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC5D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import "react-datepicker/dist/react-datepicker.css";
|
|
3
2
|
import { ContainerStyles } from './interface';
|
|
4
3
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerStyles>> & string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { FunctionComponent } from 'react';
|
|
2
2
|
import { IconsProps, SvgProps } from '../interfaces/Icons';
|
|
3
3
|
export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme
|
|
5
|
-
as?: React.ElementType
|
|
4
|
+
theme?: import("@emotion/react").Theme;
|
|
5
|
+
as?: React.ElementType;
|
|
6
6
|
} & SvgProps, React.SVGProps<SVGSVGElement>, {}>;
|
|
7
7
|
export declare const Icons: FunctionComponent<IconsProps>;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __makeTemplateObject, __rest } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import styled from 'styled-components';
|
|
3
4
|
import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material';
|
|
4
|
-
import { styled } from '@mui/material/styles';
|
|
5
5
|
var ProgressBarStyled = styled(MuiProgressBar)(function (_a) {
|
|
6
6
|
var _b;
|
|
7
7
|
var colorCustom = _a.colorCustom, $h = _a.$h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,cAAc,IAAI,cAAc,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpG,IAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAA6C,UAAC,EAAmB;;QAAjB,WAAW,iBAAA,EAAE,EAAE,QAAA;IAAO,OAAA;YACpH,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,UAAG,EAAE,OAAI,CAAC,CAAC,CAAC,MAAM;YAC/B,YAAY,EAAE,MAAM;YACpB,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;;QAC3D,GAAC,YAAK,qBAAqB,CAAC,WAAW,CAAE,IAAG;YAC1C,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;SAC5D;QACD,GAAC,aAAM,qBAAqB,CAAC,GAAG,CAAE,IAAG;YACnC,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS;SAC3D;WACD;AAZoH,CAYpH,CAAC,CAAC;AAEJ,IAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,2OAAqB,iKAOvD,EAAgC,KAC9C,KADc,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,MAAM,IAAI,MAAM;AAAhB,CAAgB,CAC9C,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAWL;IAVrB,IAAA,aAAS,EAAT,KAAK,mBAAG,CAAC,KAAA,EACT,KAAK,WAAA,EACL,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,SAAS,eAAA,EACN,KAAK,cAVkB,wGAW3B,CADS;IAER,IAAM,UAAU,GAAG,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QACpD,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,sBAAsB,cAAS,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,kBAAkB;YACvE;gBACG,KAAK;gBACL,CAAC,KAAK,CAAC,SAAS,IAAI,CACnB,8BAAM,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;oBACtB,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK;;oBAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;yBAClE,CACR,CACA,CACoB,CAC1B,CAAC,CAAC,CAAC,CACF,SAAS,CACV;QAED,oBAAC,iBAAiB,aAChB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,QACpB,KAAK,CAAC,CAAC,EACX,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAClC,KAAK,EACT,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Modal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
-
$w?: string
|
|
3
|
+
$w?: string;
|
|
5
4
|
}>> & string;
|
|
6
5
|
export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
6
|
export declare const ModalIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
2
|
export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
3
|
export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
4
3
|
export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
4
3
|
export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { TextProps } from "./interfaces";
|
|
3
2
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { TextProps } from "./interfaces";
|
|
3
2
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, TextProps>> & string;
|
|
@@ -1,13 +1,25 @@
|
|
|
1
|
-
import React, { useRef, useState } from 'react';
|
|
1
|
+
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import * as S from './styles';
|
|
3
3
|
import SettingsIcon from '@mui/icons-material/Settings';
|
|
4
4
|
import { CheckBox } from '../../../CheckBox';
|
|
5
5
|
import useClickOutside from '../../../../hooks/useClickOutside';
|
|
6
6
|
var Header = function (_a) {
|
|
7
|
-
var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick, customTotalResults = _a.customTotalResults, clearLabel = _a.clearLabel, customIcons = _a.customIcons;
|
|
8
|
-
var
|
|
7
|
+
var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick, customTotalResults = _a.customTotalResults, clearLabel = _a.clearLabel, customIcons = _a.customIcons, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, onColumnVisibilityChange = _a.onColumnVisibilityChange;
|
|
8
|
+
var _c = useState(false), openTools = _c[0], setOpenTools = _c[1];
|
|
9
9
|
var listToolsRef = useRef(null);
|
|
10
10
|
useClickOutside(listToolsRef, function () { return setOpenTools(false); });
|
|
11
|
+
useEffect(function () {
|
|
12
|
+
(hideColumns === null || hideColumns === void 0 ? void 0 : hideColumns.length) &&
|
|
13
|
+
table
|
|
14
|
+
.getAllLeafColumns()
|
|
15
|
+
.filter(function (column) { return hideColumns.includes(column.id); })
|
|
16
|
+
.forEach(function (column) { return column.toggleVisibility(false); });
|
|
17
|
+
}, [hideColumns, table]);
|
|
18
|
+
var handleVisibilityChange = function (column) {
|
|
19
|
+
var isVisible = !column.getIsVisible();
|
|
20
|
+
column.toggleVisibility(isVisible);
|
|
21
|
+
onColumnVisibilityChange === null || onColumnVisibilityChange === void 0 ? void 0 : onColumnVisibilityChange(column.id, isVisible);
|
|
22
|
+
};
|
|
11
23
|
return (React.createElement(S.Header, { "$showResults": showTotalResults },
|
|
12
24
|
React.createElement("div", null,
|
|
13
25
|
showTotalResults && (React.createElement(S.Results, null,
|
|
@@ -20,7 +32,7 @@ var Header = function (_a) {
|
|
|
20
32
|
customIcons.map(function (IconComponent, index) { return (React.createElement(S.IconTools, { key: index }, IconComponent)); }),
|
|
21
33
|
openTools ? (React.createElement(S.ListTools, { ref: listToolsRef }, table.getAllLeafColumns().map(function (column) {
|
|
22
34
|
return (React.createElement("div", { key: column.id, className: "px-1" },
|
|
23
|
-
React.createElement(CheckBox, { label: column.columnDef.header || column.id, size: "small", checked: column.getIsVisible(), value: column.getIsVisible(), onChange:
|
|
35
|
+
React.createElement(CheckBox, { label: column.columnDef.header || column.id, size: "small", checked: column.getIsVisible(), value: column.getIsVisible(), onChange: function () { return handleVisibilityChange(column); } })));
|
|
24
36
|
}))) : null)));
|
|
25
37
|
};
|
|
26
38
|
export default Header;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
2
|
export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
3
|
export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
2
|
export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
|
|
@@ -34,7 +34,7 @@ var UncontrolledTable = function (props) {
|
|
|
34
34
|
var filterRef = useRef(null);
|
|
35
35
|
useClickOutside(filterRef, function () { return setOpenFilterDialog(''); });
|
|
36
36
|
return (React.createElement(S.Container, null,
|
|
37
|
-
React.createElement(Header, { table: table, globalFilters: globalFilters, orderSmallest: orderSmallest, orderLargest: orderLargest, showTotalResults: showTotalResults, showSettings: showSettings, setGlobalFilters: setGlobalFilters, setOrderLargest: setOrderLargest, setOrderSmallest: setOrderSmallest, showClearFiels: showClearFields, customTotalResults: customTotalResults, clearLabel: labels === null || labels === void 0 ? void 0 : labels.clearFilter, onClearFieldsClick: function () { return onClearFieldsClick && onClearFieldsClick(); }, customIcons: props.customIcons }),
|
|
37
|
+
React.createElement(Header, { table: table, globalFilters: globalFilters, orderSmallest: orderSmallest, orderLargest: orderLargest, showTotalResults: showTotalResults, showSettings: showSettings, setGlobalFilters: setGlobalFilters, setOrderLargest: setOrderLargest, setOrderSmallest: setOrderSmallest, showClearFiels: showClearFields, customTotalResults: customTotalResults, clearLabel: labels === null || labels === void 0 ? void 0 : labels.clearFilter, onClearFieldsClick: function () { return onClearFieldsClick && onClearFieldsClick(); }, customIcons: props.customIcons, hideColumns: props.hideColumns, onColumnVisibilityChange: props.onColumnVisibilityChange }),
|
|
38
38
|
React.createElement(S.Table, { className: tableClassName || '' },
|
|
39
39
|
React.createElement(S.Thead, { "$sticky": stickyHeader, "$stickyTopP": stickyHeaderP }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
|
|
40
40
|
var _a, _b, _c, _d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ColumnDef } from '@tanstack/react-table';
|
|
3
2
|
type Labels = {
|
|
4
3
|
orderAsc: string;
|
|
@@ -31,6 +30,8 @@ export interface UncontrolledTableProps {
|
|
|
31
30
|
stickyHeader?: boolean;
|
|
32
31
|
stickyHeaderP?: number;
|
|
33
32
|
customIcons?: React.ReactNode[];
|
|
33
|
+
hideColumns?: string[];
|
|
34
|
+
onColumnVisibilityChange?: (columnId: string, isVisible: boolean) => void;
|
|
34
35
|
}
|
|
35
36
|
export interface ColumnsTable {
|
|
36
37
|
header: string;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
|
|
4
3
|
export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
|
|
5
|
-
$sticky?: boolean
|
|
6
|
-
$stickyTopP?: number
|
|
4
|
+
$sticky?: boolean;
|
|
5
|
+
$stickyTopP?: number;
|
|
7
6
|
}>> & string;
|
|
8
7
|
export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
|
|
9
8
|
export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const NormaTabInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { AvatarProps as MuiAvatarProps, ButtonProps as MuiButtonProps, BadgeProps as MuiBadgeProps, IconButtonProps as MuiIconButtonProps, TextFieldProps as MuiTextFieldProps, CheckboxProps as MuiCheckBoxProps, MenuProps as MuiDropDownProps, ChipProps as MuiChipProps, LinearProgressProps as MuiLinearProgressProps, SliderProps as MuiSliderProps, AccordionProps as MuiAccordionProps, TabsProps as MuiTabsProps, SelectProps as MuiSelectProps, PaperProps as MuiPaperProps, SvgIconProps, ModalProps, CardProps as MuiCardProps, TableProps as MuiTableProps } from '@mui/material';
|
|
3
2
|
import { TimelineProps as MuiTimeLineProps } from '@mui/lab';
|
|
4
3
|
import { SwitchBaseProps as MuiSwitchBaseProps } from '@mui/material/internal/SwitchBase';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.68",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.",
|
|
6
6
|
"scripts": {
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
"@storybook/addon-mdx-gfm": "^7.5.2",
|
|
99
99
|
"@tanstack/react-table": "^8.10.7",
|
|
100
100
|
"dayjs": "^1.11.9",
|
|
101
|
-
"react-datepicker": "^
|
|
101
|
+
"react-datepicker": "^7.5.0",
|
|
102
102
|
"react-i18next": "^13.2.2",
|
|
103
103
|
"react-select": "^5.8.0",
|
|
104
104
|
"styled-components": "^6.1.0",
|
package/src/components/Card.tsx
CHANGED
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { Card as MuiCard } from '@mui/material';
|
|
3
3
|
import { CardBaseProps } from '../interfaces';
|
|
4
4
|
import { palette } from '../helpers';
|
|
5
|
-
import
|
|
5
|
+
import styled from 'styled-components';
|
|
6
6
|
import { ColorVariant } from '@/types';
|
|
7
7
|
|
|
8
8
|
const colorMap: Record<ColorVariant, string> = {
|
|
@@ -15,14 +15,12 @@ const colorMap: Record<ColorVariant, string> = {
|
|
|
15
15
|
success: palette.success,
|
|
16
16
|
};
|
|
17
17
|
|
|
18
|
-
const CardStyled = styled(MuiCard)<{
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
borderLeft: $borderColor ? `7px solid ${colorMap[$borderColor]}` : 'none',
|
|
25
|
-
}));
|
|
18
|
+
const CardStyled = styled(MuiCard)<{ $borderColor?: ColorVariant }>`
|
|
19
|
+
padding: 16px;
|
|
20
|
+
border-radius: 5px;
|
|
21
|
+
box-shadow: 0px 2px 8px #00000053;
|
|
22
|
+
border-left: ${({ $borderColor }) => ($borderColor ? `7px solid ${colorMap[$borderColor]}` : 'none')};
|
|
23
|
+
`;
|
|
26
24
|
|
|
27
25
|
export const Card = ({
|
|
28
26
|
children,
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
|
|
2
4
|
import { LinearProgress as MuiProgressBar, linearProgressClasses, Typography } from '@mui/material';
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
5
|
import { ProgressBarBaseProps, CustomColor } from '../interfaces';
|
|
5
6
|
|
|
6
7
|
const ProgressBarStyled = styled(MuiProgressBar)<{ colorCustom?: CustomColor; $h?: number }>(({ colorCustom, $h }) => ({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useRef, useState } from 'react';
|
|
1
|
+
import React, { useRef, useState, useEffect } from 'react';
|
|
2
2
|
import * as S from './styles';
|
|
3
3
|
import SettingsIcon from '@mui/icons-material/Settings';
|
|
4
4
|
import { CheckBox } from '../../../CheckBox';
|
|
@@ -12,13 +12,30 @@ const Header: React.FC<any> = ({
|
|
|
12
12
|
onClearFieldsClick,
|
|
13
13
|
customTotalResults,
|
|
14
14
|
clearLabel,
|
|
15
|
-
customIcons,
|
|
15
|
+
customIcons,
|
|
16
|
+
hideColumns = [],
|
|
17
|
+
onColumnVisibilityChange,
|
|
16
18
|
}) => {
|
|
17
19
|
const [openTools, setOpenTools] = useState(false);
|
|
18
20
|
const listToolsRef = useRef<HTMLDivElement>(null);
|
|
19
21
|
|
|
20
22
|
useClickOutside(listToolsRef, () => setOpenTools(false));
|
|
21
23
|
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
hideColumns?.length &&
|
|
26
|
+
table
|
|
27
|
+
.getAllLeafColumns()
|
|
28
|
+
.filter((column: any) => hideColumns.includes(column.id))
|
|
29
|
+
.forEach((column: any) => column.toggleVisibility(false));
|
|
30
|
+
}, [hideColumns, table]);
|
|
31
|
+
|
|
32
|
+
const handleVisibilityChange = (column: any) => {
|
|
33
|
+
const isVisible = !column.getIsVisible();
|
|
34
|
+
column.toggleVisibility(isVisible);
|
|
35
|
+
|
|
36
|
+
onColumnVisibilityChange?.(column.id, isVisible);
|
|
37
|
+
};
|
|
38
|
+
|
|
22
39
|
return (
|
|
23
40
|
<S.Header $showResults={showTotalResults}>
|
|
24
41
|
<div>
|
|
@@ -44,7 +61,7 @@ const Header: React.FC<any> = ({
|
|
|
44
61
|
|
|
45
62
|
{customIcons &&
|
|
46
63
|
customIcons.map((IconComponent: React.ReactNode, index: number) => (
|
|
47
|
-
<S.IconTools key={index}
|
|
64
|
+
<S.IconTools key={index}>{IconComponent}</S.IconTools>
|
|
48
65
|
))}
|
|
49
66
|
|
|
50
67
|
{openTools ? (
|
|
@@ -57,7 +74,7 @@ const Header: React.FC<any> = ({
|
|
|
57
74
|
size="small"
|
|
58
75
|
checked={column.getIsVisible()}
|
|
59
76
|
value={column.getIsVisible()}
|
|
60
|
-
onChange={
|
|
77
|
+
onChange={() => handleVisibilityChange(column)}
|
|
61
78
|
/>
|
|
62
79
|
</div>
|
|
63
80
|
);
|
|
@@ -86,6 +86,8 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
86
86
|
clearLabel={labels?.clearFilter}
|
|
87
87
|
onClearFieldsClick={() => onClearFieldsClick && onClearFieldsClick()}
|
|
88
88
|
customIcons={props.customIcons}
|
|
89
|
+
hideColumns={props.hideColumns}
|
|
90
|
+
onColumnVisibilityChange={props.onColumnVisibilityChange}
|
|
89
91
|
/>
|
|
90
92
|
<S.Table className={tableClassName || ''}>
|
|
91
93
|
<S.Thead $sticky={stickyHeader} $stickyTopP={stickyHeaderP}>
|
|
@@ -32,8 +32,9 @@ export interface UncontrolledTableProps {
|
|
|
32
32
|
tableClassName?: string;
|
|
33
33
|
stickyHeader?: boolean;
|
|
34
34
|
stickyHeaderP?: number;
|
|
35
|
-
customIcons?: React.ReactNode[];
|
|
36
|
-
|
|
35
|
+
customIcons?: React.ReactNode[];
|
|
36
|
+
hideColumns?: string[];
|
|
37
|
+
onColumnVisibilityChange?: (columnId: string, isVisible: boolean) => void;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
export interface ColumnsTable {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import UncontrolledTable from '../components/UncontrolledTable';
|
|
3
3
|
import { Button } from '../components/Button';
|
|
4
4
|
import { format } from 'date-fns';
|
|
@@ -271,6 +271,27 @@ const columns = [
|
|
|
271
271
|
];
|
|
272
272
|
|
|
273
273
|
export const Default = args => {
|
|
274
|
+
const [hiddenColumns, setHiddenColumns] = useState<string[]>(() =>
|
|
275
|
+
JSON.parse(localStorage.getItem('hiddenColumns') || '[]'),
|
|
276
|
+
);
|
|
277
|
+
|
|
278
|
+
const handleColumnVisibilityChange = (columnId: string, isVisible: boolean) => {
|
|
279
|
+
setHiddenColumns(prevHiddenColumns => {
|
|
280
|
+
const updatedHiddenColumns = isVisible
|
|
281
|
+
? prevHiddenColumns.filter(col => col !== columnId)
|
|
282
|
+
: [...prevHiddenColumns, columnId];
|
|
283
|
+
|
|
284
|
+
localStorage.setItem('hiddenColumns', JSON.stringify(updatedHiddenColumns));
|
|
285
|
+
|
|
286
|
+
console.log('Colunas escondidas:::', updatedHiddenColumns);
|
|
287
|
+
return updatedHiddenColumns;
|
|
288
|
+
});
|
|
289
|
+
};
|
|
290
|
+
|
|
291
|
+
useEffect(() => {
|
|
292
|
+
console.log('Colunas escondidas ao carregar:::', hiddenColumns);
|
|
293
|
+
}, [hiddenColumns]);
|
|
294
|
+
|
|
274
295
|
return (
|
|
275
296
|
<>
|
|
276
297
|
<UncontrolledTable
|
|
@@ -283,7 +304,7 @@ export const Default = args => {
|
|
|
283
304
|
<CodeIcon sx={{ fontSize: 18, color: '#DE8B50' }} />
|
|
284
305
|
</div>,
|
|
285
306
|
<div key="2" onClick={() => alert('Ícone 2 clicado')}>
|
|
286
|
-
<CreateIcon sx={{ fontSize: 18, color: '#DE8B50' }}
|
|
307
|
+
<CreateIcon sx={{ fontSize: 18, color: '#DE8B50' }} />
|
|
287
308
|
</div>,
|
|
288
309
|
]}
|
|
289
310
|
onClick={value => console.log('onClick line:', value)}
|
|
@@ -299,6 +320,8 @@ export const Default = args => {
|
|
|
299
320
|
}}
|
|
300
321
|
totalPages={10}
|
|
301
322
|
showClearFields
|
|
323
|
+
hideColumns={hiddenColumns}
|
|
324
|
+
onColumnVisibilityChange={handleColumnVisibilityChange}
|
|
302
325
|
labels={{
|
|
303
326
|
orderAsc: 'orderAsc',
|
|
304
327
|
orderDesc: 'orderDesc',
|