norma-library 0.5.139 → 0.5.140
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/styles.d.ts +1 -1
- package/dist/esm/components/Breadcrumb/styles.d.ts +4 -4
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.d.ts +5 -16
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js +5 -5
- package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js.map +1 -1
- package/dist/esm/components/DateInput/styles.d.ts +2 -2
- package/dist/esm/components/Icons.d.ts +1 -1
- package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts +1 -1
- package/dist/esm/components/MultiSelectInput/styles.d.ts +2 -2
- package/dist/esm/components/SelectInput/components/Option/styles.d.ts +1 -1
- package/dist/esm/components/SelectInput/styles.d.ts +2 -2
- package/dist/esm/components/Table/components/header/styles.d.ts +8 -8
- package/dist/esm/components/Table/components/pagination/styles.d.ts +1 -1
- package/dist/esm/components/Table/components/tbody/styles.d.ts +1 -1
- package/dist/esm/components/Table/styles.d.ts +10 -10
- package/dist/esm/components/TextInput/styles.d.ts +3 -3
- package/dist/esm/components/Typography/Text/styles.d.ts +1 -1
- package/dist/esm/components/Typography/Title/styles.d.ts +1 -1
- package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +8 -8
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.d.ts +1 -1
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts +2 -2
- package/dist/esm/components/UncontrolledTable/index.js +2 -2
- package/dist/esm/components/UncontrolledTable/index.js.map +1 -1
- package/dist/esm/components/UncontrolledTable/interface.d.ts +1 -0
- package/dist/esm/components/UncontrolledTable/styles.d.ts +13 -11
- package/dist/esm/components/UncontrolledTable/styles.js +2 -1
- package/dist/esm/components/UncontrolledTable/styles.js.map +1 -1
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.d.ts +4 -5
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js +1 -1
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts +16 -16
- package/src/components/UncontrolledTable/index.tsx +3 -2
- package/src/components/UncontrolledTable/interface.ts +1 -0
- package/src/components/UncontrolledTable/styles.tsx +9 -1
- package/src/components/UncontrolledTabs/UncontrolledTabs.style.tsx +7 -2
- package/src/stories/UncontrolledTable.stories.tsx +1 -0
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BoxProps } from "./interfaces";
|
|
3
|
-
export declare const Container: import("styled-components").
|
|
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>, BoxProps>> & string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("styled-components").
|
|
3
|
-
export declare const ListLinks: import("styled-components").
|
|
4
|
-
export declare const Link: import("styled-components").
|
|
5
|
-
export declare const Arrow: import("styled-components").
|
|
2
|
+
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
|
+
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
|
+
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;
|
|
5
|
+
export declare const Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,16 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export declare const
|
|
6
|
-
direction: string;
|
|
7
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
-
export declare const ChatMessageBalloonStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
9
|
-
direction: string;
|
|
10
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
-
export declare const ChatMessageDateStyle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
12
|
-
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
13
|
-
}, "p" | "style" | "className" | "classes" | "children" | "sx" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
14
|
-
export declare const ChatMessageChildrenStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
15
|
-
direction: string;
|
|
16
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
1
|
+
export declare const ChatMessageBalloonContainerStyle: any;
|
|
2
|
+
export declare const ChatMessageBalloonRowStyle: any;
|
|
3
|
+
export declare const ChatMessageBalloonStyle: any;
|
|
4
|
+
export declare const ChatMessageDateStyle: any;
|
|
5
|
+
export declare const ChatMessageChildrenStyle: any;
|
|
@@ -3,11 +3,11 @@ import { Box, Typography } from '@mui/material';
|
|
|
3
3
|
import { styled } from '@mui/material/styles';
|
|
4
4
|
export var ChatMessageBalloonContainerStyle = styled(Box)({
|
|
5
5
|
display: 'flex',
|
|
6
|
-
flexDirection:
|
|
6
|
+
flexDirection: 'column',
|
|
7
7
|
});
|
|
8
|
-
export var ChatMessageBalloonRowStyle = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n margin-bottom: 8px;\n flex-direction: ", ";\n\n &:last-child {\n margin-bottom: 0px;\n }\n"], ["\n display: flex;\n margin-bottom: 8px;\n flex-direction: ", ";\n\n &:last-child {\n margin-bottom: 0px;\n }\n"])), function (props) { return (props.direction ===
|
|
9
|
-
export var ChatMessageBalloonStyle = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border: 2px solid transparent;\n border-radius: ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n flex-direction: column;\n padding: 12px 24px;\n width: 60%;\n transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n &.is-highlight {\n border: 2px solid #8a8888;\n }\n\n &.is-interactive {\n cursor: pointer;\n\n &:hover {\n border: 2px solid #8a8888;\n }\n }\n"], ["\n background-color: ", ";\n border: 2px solid transparent;\n border-radius: ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n flex-direction: column;\n padding: 12px 24px;\n width: 60%;\n transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n &.is-highlight {\n border: 2px solid #8a8888;\n }\n\n &.is-interactive {\n cursor: pointer;\n\n &:hover {\n border: 2px solid #8a8888;\n }\n }\n"])), function (props) { return (props.direction ===
|
|
10
|
-
export var ChatMessageDateStyle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: #
|
|
11
|
-
export var ChatMessageChildrenStyle = styled('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n justify-content: ", ";\n padding: 8px;\n"], ["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n justify-content: ", ";\n padding: 8px;\n"])), function (props) { return (props.direction ===
|
|
8
|
+
export var ChatMessageBalloonRowStyle = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n margin-bottom: 8px;\n flex-direction: ", ";\n\n &:last-child {\n margin-bottom: 0px;\n }\n"], ["\n display: flex;\n margin-bottom: 8px;\n flex-direction: ", ";\n\n &:last-child {\n margin-bottom: 0px;\n }\n"])), function (props) { return (props.direction === 'I' ? 'row-reverse' : 'row'); });
|
|
9
|
+
export var ChatMessageBalloonStyle = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border: 2px solid transparent;\n border-radius: ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n flex-direction: column;\n padding: 12px 24px;\n width: 60%;\n transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n &.is-highlight {\n border: 2px solid #8a8888;\n }\n\n &.is-interactive {\n cursor: pointer;\n\n &:hover {\n border: 2px solid #8a8888;\n }\n }\n"], ["\n background-color: ", ";\n border: 2px solid transparent;\n border-radius: ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n flex-direction: column;\n padding: 12px 24px;\n width: 60%;\n transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n &.is-highlight {\n border: 2px solid #8a8888;\n }\n\n &.is-interactive {\n cursor: pointer;\n\n &:hover {\n border: 2px solid #8a8888;\n }\n }\n"])), function (props) { return (props.direction === 'I' ? '#FFF' : '#E18B50'); }, function (props) { return (props.direction === 'I' ? '20px 20px 0px 20px' : '20px 20px 20px 0px'); }, function (props) { return (props.direction === 'I' ? '#4D4F5B' : '#FFF'); });
|
|
10
|
+
export var ChatMessageDateStyle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: #43425d;\n opacity: 0.5;\n"], ["\n color: #43425d;\n opacity: 0.5;\n"])));
|
|
11
|
+
export var ChatMessageChildrenStyle = styled('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n justify-content: ", ";\n padding: 8px;\n"], ["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex: 1;\n justify-content: ", ";\n padding: 8px;\n"])), function (props) { return (props.direction === 'I' ? 'end' : 'start'); });
|
|
12
12
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
13
13
|
//# sourceMappingURL=ChatMessageBalloon.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageBalloon.style.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,IAAM,gCAAgC,
|
|
1
|
+
{"version":3,"file":"ChatMessageBalloon.style.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,IAAM,gCAAgC,GAAQ,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,0BAA0B,GAAQ,MAAM,CAAC,KAAK,CAAC,2LAAuB,+DAG/D,EAA0D,uDAK7E,KALmB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjD,CAAiD,CAK7E,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAQ,MAAM,CAAC,KAAK,CAAC,4fAAuB,wBAC1D,EAAuD,wDAE1D,EAAgF,yCAExF,EAAuD,0TAkBjE,KAtBqB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAA9C,CAA8C,EAE1D,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAvE,CAAuE,EAExF,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9C,CAA8C,CAkBjE,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAQ,MAAM,CAAC,UAAU,CAAC,2GAAA,wCAG1D,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAQ,MAAM,CAAC,KAAK,CAAC,mMAAuB,wGAK5D,EAAoD,sBAExE,KAFoB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAA3C,CAA2C,CAExE,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "react-datepicker/dist/react-datepicker.css";
|
|
3
3
|
import { ContainerStyles } from './interface';
|
|
4
|
-
export declare const Container: import("styled-components").
|
|
5
|
-
export declare const Label: import("styled-components").
|
|
4
|
+
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;
|
|
5
|
+
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;
|
|
@@ -2,6 +2,6 @@ import React, { FunctionComponent } from 'react';
|
|
|
2
2
|
import { IconsProps, SvgProps } from '../interfaces/Icons';
|
|
3
3
|
export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: React.ElementType<any> | undefined;
|
|
5
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
6
6
|
} & SvgProps, React.SVGProps<SVGSVGElement>, {}>;
|
|
7
7
|
export declare const Icons: FunctionComponent<IconsProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("styled-components").
|
|
2
|
+
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,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("styled-components").
|
|
3
|
-
export declare const Label: import("styled-components").
|
|
2
|
+
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
|
+
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,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("styled-components").
|
|
2
|
+
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,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("styled-components").
|
|
3
|
-
export declare const Label: import("styled-components").
|
|
2
|
+
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
|
+
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,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Header: import("styled-components").
|
|
3
|
-
export declare const Results: import("styled-components").
|
|
4
|
-
export declare const Tools: import("styled-components").
|
|
5
|
-
export declare const TextResult: import("styled-components").
|
|
6
|
-
export declare const TextClearSearchContent: import("styled-components").
|
|
7
|
-
export declare const TextClearSearch: import("styled-components").
|
|
8
|
-
export declare const IconTools: import("styled-components").
|
|
9
|
-
export declare const ListTools: import("styled-components").
|
|
2
|
+
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
|
+
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
|
+
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;
|
|
5
|
+
export declare const TextResult: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
export declare const TextClearSearchContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const TextClearSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
8
|
+
export declare const IconTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const ListTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Pagination: import("styled-components").
|
|
2
|
+
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 +1 @@
|
|
|
1
|
-
export declare const Tr: import("styled-components").
|
|
1
|
+
export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("styled-components").
|
|
3
|
-
export declare const Content: import("styled-components").
|
|
4
|
-
export declare const Table: import("styled-components").
|
|
5
|
-
export declare const TextColumn: import("styled-components").
|
|
6
|
-
export declare const ColumnContent: import("styled-components").
|
|
7
|
-
export declare const IconFilterDialog: import("styled-components").
|
|
8
|
-
export declare const backgroundDialog: import("styled-components").
|
|
9
|
-
export declare const FilterDialog: import("styled-components").
|
|
10
|
-
export declare const ListFilterDialog: import("styled-components").
|
|
11
|
-
export declare const OptionFilterDialog: import("styled-components").
|
|
2
|
+
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
|
+
export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
4
|
+
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;
|
|
5
|
+
export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
6
|
+
export declare const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const IconFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
8
|
+
export declare const backgroundDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const FilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const ListFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
|
+
export declare const OptionFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("styled-components").
|
|
3
|
-
export declare const Label: import("styled-components").
|
|
4
|
-
export declare const Input: import("styled-components").
|
|
2
|
+
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
|
+
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
|
+
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,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TextProps } from "./interfaces";
|
|
3
|
-
export declare const Container: import("styled-components").
|
|
3
|
+
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,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TextProps } from "./interfaces";
|
|
3
|
-
export declare const Container: import("styled-components").
|
|
3
|
+
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,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Header: import("styled-components").
|
|
3
|
-
export declare const Results: import("styled-components").
|
|
4
|
-
export declare const Tools: import("styled-components").
|
|
5
|
-
export declare const TextResult: import("styled-components").
|
|
6
|
-
export declare const TextClearSearchContent: import("styled-components").
|
|
7
|
-
export declare const TextClearSearch: import("styled-components").
|
|
8
|
-
export declare const IconTools: import("styled-components").
|
|
9
|
-
export declare const ListTools: import("styled-components").
|
|
2
|
+
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
|
+
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
|
+
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;
|
|
5
|
+
export declare const TextResult: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
6
|
+
export declare const TextClearSearchContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
|
+
export declare const TextClearSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
8
|
+
export declare const IconTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
9
|
+
export declare const ListTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Pagination: import("styled-components").
|
|
2
|
+
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,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Tr: import("styled-components").
|
|
3
|
-
export declare const Td: import("styled-components").
|
|
2
|
+
export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
|
+
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;
|
|
@@ -5,7 +5,7 @@ import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable, } from '
|
|
|
5
5
|
import { Pagination, Header, TBody } from './components';
|
|
6
6
|
import useClickOutside from '../../hooks/useClickOutside';
|
|
7
7
|
var UncontrolledTable = function (props) {
|
|
8
|
-
var data = props.data, columns = props.columns, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, showTotalResults = props.showTotalResults, showSettings = props.showSettings, onChangePage = props.onChangePage, pagination = props.pagination, totalPages = props.totalPages, showClearFields = props.showClearFields, onClearFieldsClick = props.onClearFieldsClick, onFilterClick = props.onFilterClick, onSortClick = props.onSortClick, customTotalResults = props.customTotalResults, labels = props.labels, tableClassName = props.tableClassName;
|
|
8
|
+
var data = props.data, columns = props.columns, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, showTotalResults = props.showTotalResults, showSettings = props.showSettings, onChangePage = props.onChangePage, pagination = props.pagination, totalPages = props.totalPages, showClearFields = props.showClearFields, onClearFieldsClick = props.onClearFieldsClick, onFilterClick = props.onFilterClick, onSortClick = props.onSortClick, customTotalResults = props.customTotalResults, labels = props.labels, tableClassName = props.tableClassName, stickyHeader = props.stickyHeader;
|
|
9
9
|
var _a = useState(''), openFilterDialog = _a[0], setOpenFilterDialog = _a[1];
|
|
10
10
|
var _b = useState([]), sorting = _b[0], setSorting = _b[1];
|
|
11
11
|
var _c = useState([]), filterByColumn = _c[0], setFilterByColumn = _c[1];
|
|
@@ -36,7 +36,7 @@ var UncontrolledTable = function (props) {
|
|
|
36
36
|
return (React.createElement(S.Container, null,
|
|
37
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(); } }),
|
|
38
38
|
React.createElement(S.Table, { className: tableClassName || '' },
|
|
39
|
-
React.createElement(S.Thead,
|
|
39
|
+
React.createElement(S.Thead, { "$sticky": stickyHeader }, 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;
|
|
41
41
|
return (React.createElement(S.Th, { key: header.id },
|
|
42
42
|
React.createElement(S.ColumnContent, { onClick: function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAE9B,OAAO,EACL,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,aAAa,GAGd,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,eAAe,MAAM,6BAA6B,CAAC;AAE1D,IAAM,iBAAiB,GAAG,UAAC,KAA6B;IAEpD,IAAA,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Container: import("styled-components").
|
|
3
|
-
export declare const Table: import("styled-components").
|
|
4
|
-
export declare const Thead: import("styled-components").
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
10
|
-
export declare const
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
2
|
+
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
|
+
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
|
+
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 | undefined;
|
|
6
|
+
}>> & string;
|
|
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;
|
|
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;
|
|
9
|
+
export declare const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
|
+
export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
11
|
+
export declare const IconFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const FilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
13
|
+
export declare const ListFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
|
+
export declare const OptionFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -2,7 +2,8 @@ import { __makeTemplateObject } from "tslib";
|
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: #fff;\n"], ["\n background-color: #fff;\n"])));
|
|
4
4
|
export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"], ["\n display: table;\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n min-width: 650px;\n border: none;\n"])));
|
|
5
|
-
|
|
5
|
+
var StickyStyles = "\n position: sticky;\n top: 0;\n z-index: 99;\n background: #fff;\n";
|
|
6
|
+
export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: table-header-group;\n ", "\n"], ["\n display: table-header-group;\n ", "\n"])), function (props) { return props.$sticky && StickyStyles; });
|
|
6
7
|
export var TableRow = styled.tr(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n"], ["\n color: inherit;\n display: table-row;\n vertical-align: middle;\n outline: 0;\n"])));
|
|
7
8
|
export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"], ["\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.5rem;\n letter-spacing: 0.01071em;\n display: table-cell;\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n text-align: left;\n padding: 16px;\n color: rgba(0, 0, 0, 0.87);\n color: #666666;\n font-size: 0.875rem;\n font-weight: 700;\n"])));
|
|
8
9
|
export var ColumnContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 5px;\n"], ["\n display: flex;\n align-items: center;\n gap: 5px;\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kGAAA,+BAElC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kGAAA,+BAElC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,yEAKpB,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,+GAAuB,sCAEpD,EAAsC,IACzC,KADG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,EAA7B,CAA6B,CACzC,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,wZAAA,qVAc1B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,qEAAA,EAAE,IAAA,CAAC;AAExC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wGAAA,qCAGzC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAC"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TabsProps } from '@mui/material/Tabs';
|
|
2
3
|
import { ColorVariant } from '@/types';
|
|
3
4
|
interface StyledTabProps {
|
|
4
5
|
label: string;
|
|
5
6
|
color: ColorVariant;
|
|
6
7
|
}
|
|
7
|
-
export declare const NormaTabs:
|
|
8
|
-
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
}, "style" | "className" | "classes" | "action" | "children" | "sx" | "variant" | "value" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
8
|
+
export declare const NormaTabs: React.ComponentType<TabsProps & {
|
|
10
9
|
color: ColorVariant;
|
|
11
|
-
}
|
|
12
|
-
export declare const NormaTab:
|
|
10
|
+
}>;
|
|
11
|
+
export declare const NormaTab: React.ComponentType<StyledTabProps>;
|
|
13
12
|
export {};
|
|
@@ -27,7 +27,7 @@ export var NormaTabs = styled(Tabs)(function (_a) {
|
|
|
27
27
|
},
|
|
28
28
|
});
|
|
29
29
|
});
|
|
30
|
-
export var NormaTab = styled(function (props) { return React.createElement(Tab, __assign({ disableRipple: true }, props)); })(function (_a) {
|
|
30
|
+
export var NormaTab = styled(function (props) { return (React.createElement(Tab, __assign({ disableRipple: true }, props))); })(function (_a) {
|
|
31
31
|
var theme = _a.theme, color = _a.color;
|
|
32
32
|
return ({
|
|
33
33
|
textTransform: 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTabs.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.style.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"UncontrolledTabs.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.style.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,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;AAOF,MAAM,CAAC,IAAM,SAAS,GAA6D,MAAM,CAAC,IAAI,CAAC,CAE5F,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACjB,YAAY,EAAE,mBAAmB;QACjC,iBAAiB,EAAE;YACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,sBAAsB,EAAE;YACtB,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;SACjC;QACD,uBAAuB,EAAE;YACvB,aAAa,EAAE,MAAM;SACtB;KACF,CAAC;AAXgB,CAWhB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,QAAQ,GAAwC,MAAM,CAAC,UAAC,KAAqB,IAAK,OAAA,CAC7F,oBAAC,GAAG,aAAC,aAAa,UAAK,KAAK,EAAI,CACjC,EAF8F,CAE9F,CAAC,CAAC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC;QACxB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;QAC9C,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU;QACnB,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,MAAM;QAChB,gBAAgB,EAAE;YAChB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,oBAAoB,EAAE;YACpB,eAAe,EAAE,0BAA0B;SAC5C;KACF,CAAC;AAfuB,CAevB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "norma-library",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.140",
|
|
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": {
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
import { Box, Typography } from '@mui/material';
|
|
2
2
|
import { styled } from '@mui/material/styles';
|
|
3
3
|
|
|
4
|
-
export const ChatMessageBalloonContainerStyle = styled(Box)({
|
|
4
|
+
export const ChatMessageBalloonContainerStyle: any = styled(Box)({
|
|
5
5
|
display: 'flex',
|
|
6
|
-
flexDirection:
|
|
6
|
+
flexDirection: 'column',
|
|
7
7
|
});
|
|
8
8
|
|
|
9
|
-
export const ChatMessageBalloonRowStyle = styled('div')<{ direction: string }>`
|
|
9
|
+
export const ChatMessageBalloonRowStyle: any = styled('div')<{ direction: string }>`
|
|
10
10
|
display: flex;
|
|
11
11
|
margin-bottom: 8px;
|
|
12
|
-
flex-direction: ${
|
|
12
|
+
flex-direction: ${props => (props.direction === 'I' ? 'row-reverse' : 'row')};
|
|
13
13
|
|
|
14
14
|
&:last-child {
|
|
15
15
|
margin-bottom: 0px;
|
|
16
16
|
}
|
|
17
|
-
|
|
17
|
+
`;
|
|
18
18
|
|
|
19
|
-
export const ChatMessageBalloonStyle = styled('div')<{ direction: string }>`
|
|
20
|
-
background-color: ${
|
|
19
|
+
export const ChatMessageBalloonStyle: any = styled('div')<{ direction: string }>`
|
|
20
|
+
background-color: ${props => (props.direction === 'I' ? '#FFF' : '#E18B50')};
|
|
21
21
|
border: 2px solid transparent;
|
|
22
|
-
border-radius: ${
|
|
22
|
+
border-radius: ${props => (props.direction === 'I' ? '20px 20px 0px 20px' : '20px 20px 20px 0px')};
|
|
23
23
|
box-sizing: border-box;
|
|
24
|
-
color: ${
|
|
24
|
+
color: ${props => (props.direction === 'I' ? '#4D4F5B' : '#FFF')};
|
|
25
25
|
display: flex;
|
|
26
26
|
flex-direction: column;
|
|
27
27
|
padding: 12px 24px;
|
|
@@ -39,18 +39,18 @@ export const ChatMessageBalloonStyle = styled('div')<{ direction: string }>`
|
|
|
39
39
|
border: 2px solid #8a8888;
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
|
-
|
|
42
|
+
`;
|
|
43
43
|
|
|
44
|
-
export const ChatMessageDateStyle = styled(Typography)`
|
|
45
|
-
color: #
|
|
46
|
-
opacity: .5;
|
|
47
|
-
|
|
44
|
+
export const ChatMessageDateStyle: any = styled(Typography)`
|
|
45
|
+
color: #43425d;
|
|
46
|
+
opacity: 0.5;
|
|
47
|
+
`;
|
|
48
48
|
|
|
49
|
-
export const ChatMessageChildrenStyle = styled('div')<{ direction: string }>`
|
|
49
|
+
export const ChatMessageChildrenStyle: any = styled('div')<{ direction: string }>`
|
|
50
50
|
align-items: center;
|
|
51
51
|
box-sizing: border-box;
|
|
52
52
|
display: flex;
|
|
53
53
|
flex: 1;
|
|
54
|
-
justify-content: ${
|
|
54
|
+
justify-content: ${props => (props.direction === 'I' ? 'end' : 'start')};
|
|
55
55
|
padding: 8px;
|
|
56
56
|
`;
|
|
@@ -33,6 +33,7 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
33
33
|
customTotalResults,
|
|
34
34
|
labels,
|
|
35
35
|
tableClassName,
|
|
36
|
+
stickyHeader,
|
|
36
37
|
} = props;
|
|
37
38
|
|
|
38
39
|
const [openFilterDialog, setOpenFilterDialog] = useState('');
|
|
@@ -84,8 +85,8 @@ const UncontrolledTable = (props: UncontrolledTableProps) => {
|
|
|
84
85
|
clearLabel={labels?.clearFilter}
|
|
85
86
|
onClearFieldsClick={() => onClearFieldsClick && onClearFieldsClick()}
|
|
86
87
|
/>
|
|
87
|
-
<S.Table
|
|
88
|
-
<S.Thead>
|
|
88
|
+
<S.Table className={tableClassName || ''}>
|
|
89
|
+
<S.Thead $sticky={stickyHeader}>
|
|
89
90
|
{table.getHeaderGroups().map((headerGroup: any) => (
|
|
90
91
|
<S.TableRow key={headerGroup.id}>
|
|
91
92
|
{headerGroup.headers.map((header: any) => (
|
|
@@ -13,8 +13,16 @@ export const Table = styled.table`
|
|
|
13
13
|
border: none;
|
|
14
14
|
`;
|
|
15
15
|
|
|
16
|
-
|
|
16
|
+
const StickyStyles = `
|
|
17
|
+
position: sticky;
|
|
18
|
+
top: 0;
|
|
19
|
+
z-index: 99;
|
|
20
|
+
background: #fff;
|
|
21
|
+
`;
|
|
22
|
+
|
|
23
|
+
export const Thead = styled.thead<{ $sticky?: boolean }>`
|
|
17
24
|
display: table-header-group;
|
|
25
|
+
${props => props.$sticky && StickyStyles}
|
|
18
26
|
`;
|
|
19
27
|
|
|
20
28
|
export const TableRow = styled.tr`
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { styled } from '@mui/material/styles';
|
|
3
|
+
import { TabsProps } from '@mui/material/Tabs';
|
|
3
4
|
|
|
4
5
|
import { Tab, Tabs } from '@mui/material';
|
|
5
6
|
import { ColorVariant } from '@/types';
|
|
@@ -20,7 +21,9 @@ interface StyledTabProps {
|
|
|
20
21
|
color: ColorVariant;
|
|
21
22
|
}
|
|
22
23
|
|
|
23
|
-
export const NormaTabs
|
|
24
|
+
export const NormaTabs: React.ComponentType<TabsProps & { color: ColorVariant }> = styled(Tabs)<{
|
|
25
|
+
color: ColorVariant;
|
|
26
|
+
}>(({ color }) => ({
|
|
24
27
|
borderBottom: '1px solid #e8e8e8',
|
|
25
28
|
'& .Mui-selected': {
|
|
26
29
|
color: colorMap[color],
|
|
@@ -33,7 +36,9 @@ export const NormaTabs = styled(Tabs)<{ color: ColorVariant }>(({ color }) => ({
|
|
|
33
36
|
},
|
|
34
37
|
}));
|
|
35
38
|
|
|
36
|
-
export const NormaTab = styled((props: StyledTabProps) =>
|
|
39
|
+
export const NormaTab: React.ComponentType<StyledTabProps> = styled((props: StyledTabProps) => (
|
|
40
|
+
<Tab disableRipple {...props} />
|
|
41
|
+
))(({ theme, color }) => ({
|
|
37
42
|
textTransform: 'none',
|
|
38
43
|
fontWeight: theme.typography.fontWeightRegular,
|
|
39
44
|
fontSize: theme.typography.pxToRem(15),
|