norma-library 0.6.78 → 0.6.80
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/.eslintrc.cjs +89 -0
- package/.prettierrc +8 -0
- package/.storybook/main.ts +1 -1
- package/dist/esm/components/Button/index.d.ts +9 -0
- package/dist/esm/components/Button/index.js +16 -0
- package/dist/esm/components/Button/index.js.map +1 -0
- package/dist/esm/components/Button/types.d.ts +18 -0
- package/dist/esm/components/Button/types.js +2 -0
- package/dist/esm/components/Button/types.js.map +1 -0
- package/dist/esm/components/Card/Card.d.ts +4 -0
- package/dist/esm/components/Card/Card.js +11 -0
- package/dist/esm/components/Card/Card.js.map +1 -0
- package/dist/esm/components/Card/CardHeader.d.ts +4 -0
- package/dist/esm/components/Card/CardHeader.js +8 -0
- package/dist/esm/components/Card/CardHeader.js.map +1 -0
- package/dist/esm/components/Card/index.d.ts +4 -0
- package/dist/esm/components/Card/index.js +5 -0
- package/dist/esm/components/Card/index.js.map +1 -0
- package/dist/esm/components/Card/styles.d.ts +2 -0
- package/dist/esm/components/Card/styles.js +6 -0
- package/dist/esm/components/Card/styles.js.map +1 -0
- package/dist/esm/components/Card/types.d.ts +8 -0
- package/dist/esm/components/Card/types.js +2 -0
- package/dist/esm/components/Card/types.js.map +1 -0
- package/dist/esm/components/IconifyIcon.d.ts +8 -0
- package/dist/esm/components/IconifyIcon.js +7 -0
- package/dist/esm/components/IconifyIcon.js.map +1 -0
- package/dist/esm/components/Modal.js +7 -3
- package/dist/esm/components/Modal.js.map +1 -1
- package/dist/esm/components/ProductCard/ProductCard.d.ts +3 -0
- package/dist/esm/components/ProductCard/ProductCard.js +34 -0
- package/dist/esm/components/ProductCard/ProductCard.js.map +1 -0
- package/dist/esm/components/ProductCard/ProductCard.style.d.ts +19 -0
- package/dist/esm/components/ProductCard/ProductCard.style.js +8 -0
- package/dist/esm/components/ProductCard/ProductCard.style.js.map +1 -0
- package/dist/esm/components/RangerSlider.d.ts +1 -1
- package/dist/esm/components/RangerSlider.js +28 -3
- package/dist/esm/components/RangerSlider.js.map +1 -1
- package/dist/esm/components/ServiceCard/ServiceCard.d.ts +3 -0
- package/dist/esm/components/ServiceCard/ServiceCard.js +20 -0
- package/dist/esm/components/ServiceCard/ServiceCard.js.map +1 -0
- package/dist/esm/components/ServiceCard/ServiceCard.style.d.ts +18 -0
- package/dist/esm/components/ServiceCard/ServiceCard.style.js +8 -0
- package/dist/esm/components/ServiceCard/ServiceCard.style.js.map +1 -0
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/index.d.ts +2 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/interfaces/Modal.d.ts +1 -0
- package/dist/esm/interfaces/ProductCard.d.ts +18 -0
- package/dist/esm/interfaces/ProductCard.js +2 -0
- package/dist/esm/interfaces/ProductCard.js.map +1 -0
- package/dist/esm/interfaces/RangerSlider.d.ts +3 -0
- package/dist/esm/interfaces/ServiceCard.d.ts +10 -0
- package/dist/esm/interfaces/ServiceCard.js +2 -0
- package/dist/esm/interfaces/ServiceCard.js.map +1 -0
- package/dist/esm/utils/pxToRem.d.ts +1 -0
- package/dist/esm/utils/pxToRem.js +4 -0
- package/dist/esm/utils/pxToRem.js.map +1 -0
- package/index.html +13 -0
- package/package.json +2 -1
- package/public/vite.svg +1 -0
- package/src/assets/react.svg +1 -0
- package/src/components/Card/Card.tsx +15 -0
- package/src/components/Card/CardHeader.tsx +9 -0
- package/src/components/Card/index.ts +5 -0
- package/src/components/Card/styles.ts +16 -0
- package/src/components/Card/types.ts +10 -0
- package/src/components/IconifyIcon.tsx +23 -0
- package/src/components/Modal.tsx +11 -4
- package/src/components/ProductCard/ProductCard.style.ts +56 -0
- package/src/components/ProductCard/ProductCard.tsx +71 -0
- package/src/components/RangerSlider.tsx +59 -3
- package/src/components/ServiceCard/ServiceCard.style.ts +53 -0
- package/src/components/ServiceCard/ServiceCard.tsx +30 -0
- package/src/components/index.ts +2 -0
- package/src/index.ts +3 -1
- package/src/interfaces/Modal.ts +2 -1
- package/src/interfaces/ProductCard.ts +23 -0
- package/src/interfaces/RangerSlider.ts +3 -0
- package/src/interfaces/ServiceCard.ts +11 -0
- package/src/stories/IconifyIcon.stories.tsx +31 -0
- package/src/stories/Modal.stories.tsx +54 -0
- package/src/stories/ProductCard.stories.tsx +22 -0
- package/src/stories/RangerSlider.stories.tsx +6 -2
- package/src/stories/ServiceCard.stories.tsx +20 -0
- package/src/utils/pxToRem.ts +4 -0
- package/src/vite-env.d.ts +1 -0
- package/tsconfig.json +32 -32
- package/tsconfig.node.json +10 -0
- package/dist/esm/components/NormaTimeLine/NormaTimeLine.d.ts +0 -14
- package/dist/esm/components/NormaTimeLine/NormaTimeLine.js +0 -48
- package/dist/esm/components/NormaTimeLine/NormaTimeLine.js.map +0 -1
- package/dist/esm/components/TimeLine.d.ts +0 -3
- package/dist/esm/components/TimeLine.js +0 -56
- package/dist/esm/components/TimeLine.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/tbody/index.d.ts +0 -3
- package/dist/esm/components/UncontrolledTable/components/tbody/index.js +0 -15
- package/dist/esm/components/UncontrolledTable/components/tbody/index.js.map +0 -1
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts +0 -2
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.js +0 -12
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.js.map +0 -1
package/.eslintrc.cjs
ADDED
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
root: true,
|
|
3
|
+
env: { browser: true, es2021: true },
|
|
4
|
+
extends: [
|
|
5
|
+
'eslint:recommended',
|
|
6
|
+
'plugin:@typescript-eslint/recommended',
|
|
7
|
+
'plugin:react-hooks/recommended',
|
|
8
|
+
'plugin:react/recommended',
|
|
9
|
+
'plugin:react/jsx-runtime',
|
|
10
|
+
'prettier',
|
|
11
|
+
],
|
|
12
|
+
globals: {
|
|
13
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
14
|
+
__ENVIRONMENT__: 'readonly',
|
|
15
|
+
},
|
|
16
|
+
ignorePatterns: ['dist', '.eslintrc.cjs'],
|
|
17
|
+
parser: '@typescript-eslint/parser',
|
|
18
|
+
parserOptions: {
|
|
19
|
+
ecmaFeatures: {
|
|
20
|
+
tsx: true,
|
|
21
|
+
},
|
|
22
|
+
ecmaVersion: 'latest',
|
|
23
|
+
sourceType: 'module',
|
|
24
|
+
},
|
|
25
|
+
plugins: [
|
|
26
|
+
'react',
|
|
27
|
+
'react-refresh',
|
|
28
|
+
'@typescript-eslint',
|
|
29
|
+
'react-hooks',
|
|
30
|
+
'prettier',
|
|
31
|
+
'simple-import-sort',
|
|
32
|
+
],
|
|
33
|
+
rules: {
|
|
34
|
+
'@typescript-eslint/no-non-null-assertion': 'off',
|
|
35
|
+
'@typescript-eslint/no-explicit-any': 'error',
|
|
36
|
+
'react/jsx-uses-react': 'off',
|
|
37
|
+
'react/react-in-jsx-scope': 'off',
|
|
38
|
+
'no-unused-vars': 'off',
|
|
39
|
+
'react/prop-types': 'off',
|
|
40
|
+
'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
|
|
41
|
+
'@typescript-eslint/ban-types': [
|
|
42
|
+
'error',
|
|
43
|
+
{
|
|
44
|
+
types: {
|
|
45
|
+
Object: {
|
|
46
|
+
message: 'Avoid using the `Object` type. Did you mean `object`?',
|
|
47
|
+
fixWith: 'object',
|
|
48
|
+
},
|
|
49
|
+
Function: {
|
|
50
|
+
message:
|
|
51
|
+
'Avoid using the `Function` type. Prefer a specific function type, like `() => void`.',
|
|
52
|
+
fixWith: '() => void',
|
|
53
|
+
},
|
|
54
|
+
Boolean: {
|
|
55
|
+
message: 'Avoid using the `Boolean` type. Did you mean `boolean`?',
|
|
56
|
+
fixWith: 'boolean',
|
|
57
|
+
},
|
|
58
|
+
Number: {
|
|
59
|
+
message: 'Avoid using the `Number` type. Did you mean `number`?',
|
|
60
|
+
fixWith: 'number',
|
|
61
|
+
},
|
|
62
|
+
String: {
|
|
63
|
+
message: 'Avoid using the `String` type. Did you mean `string`?',
|
|
64
|
+
fixWith: 'string',
|
|
65
|
+
},
|
|
66
|
+
Symbol: {
|
|
67
|
+
message: 'Avoid using the `Symbol` type. Did you mean `symbol`?}}',
|
|
68
|
+
fixWith: 'symbol',
|
|
69
|
+
},
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
],
|
|
73
|
+
'react-hooks/exhaustive-deps': 'error',
|
|
74
|
+
'react-hooks/rules-of-hooks': 'error',
|
|
75
|
+
'no-nested-ternary': 'error',
|
|
76
|
+
'object-curly-spacing': ['error', 'always'],
|
|
77
|
+
'array-bracket-spacing': ['error', 'never'],
|
|
78
|
+
'comma-dangle': ['error', 'always-multiline'],
|
|
79
|
+
'no-unreachable': 'error',
|
|
80
|
+
},
|
|
81
|
+
settings: {
|
|
82
|
+
'import/resolver': {
|
|
83
|
+
typescript: {},
|
|
84
|
+
},
|
|
85
|
+
react: {
|
|
86
|
+
version: 'detect',
|
|
87
|
+
},
|
|
88
|
+
},
|
|
89
|
+
}
|
package/.prettierrc
ADDED
package/.storybook/main.ts
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { __assign, __rest } from "tslib";
|
|
3
|
+
import { Button as MuiButton } from '@mui/material';
|
|
4
|
+
import { useTranslation } from 'react-i18next';
|
|
5
|
+
export var Button = function (_a) {
|
|
6
|
+
var label = _a.label, rest = __rest(_a, ["label"]);
|
|
7
|
+
var t = useTranslation().t;
|
|
8
|
+
var newLabel = label ? label : t('buttonText');
|
|
9
|
+
return (React.createElement(MuiButton, __assign({}, rest, { sx: { color: rest.variant === 'contained' ? '#FFFF' : rest.color } }), newLabel));
|
|
10
|
+
};
|
|
11
|
+
Button.defaultProps = {
|
|
12
|
+
variant: 'contained',
|
|
13
|
+
size: 'medium',
|
|
14
|
+
color: 'primary',
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAmC;IAAjC,IAAA,KAAK,WAAA,EAAK,IAAI,cAAhB,SAAkB,CAAF;IAC7B,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB,CAAqB;IAC9B,IAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAChD,OAAO,CACL,oBAAC,SAAS,eAAK,IAAI,IAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,KACpF,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;CACjB,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { Theme } from '@emotion/react';
|
|
3
|
+
import { Button } from './index';
|
|
4
|
+
import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, ButtonPropsVariantOverrides, ButtonProps as MuiButtonProps, SxProps } from '@mui/material';
|
|
5
|
+
import { OverridableStringUnion } from '@mui/types';
|
|
6
|
+
type MuiButtonBaseProps = Pick<MuiButtonProps, 'sx' | 'color' | 'size' | 'variant'>;
|
|
7
|
+
export interface ButtonBaseProps extends MuiButtonBaseProps {
|
|
8
|
+
label: string;
|
|
9
|
+
sx?: SxProps<Theme>;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
onClick?: (event: React.MouseEvent | React.KeyboardEvent | React.TouchEvent) => void;
|
|
12
|
+
color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning', ButtonPropsColorOverrides>;
|
|
13
|
+
size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
|
|
14
|
+
variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonPropsVariantOverrides>;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
export type ButtonType = keyof typeof Button;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Button/types.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import CardHeader from './CardHeader';
|
|
3
|
+
import { StyledCard } from './styles';
|
|
4
|
+
var Card = function (_a) {
|
|
5
|
+
var children = _a.children, title = _a.title;
|
|
6
|
+
return (React.createElement(StyledCard, null,
|
|
7
|
+
title && React.createElement(CardHeader, { title: title }),
|
|
8
|
+
children));
|
|
9
|
+
};
|
|
10
|
+
export default Card;
|
|
11
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,IAAM,IAAI,GAAG,UAAC,EAAkC;QAAhC,QAAQ,cAAA,EAAE,KAAK,WAAA;IAC7B,OAAO,CACL,oBAAC,UAAU;QACR,KAAK,IAAI,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI;QACrC,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyledCardHeader } from './styles';
|
|
3
|
+
var CardHeader = function (_a) {
|
|
4
|
+
var title = _a.title;
|
|
5
|
+
return React.createElement(StyledCardHeader, null, title);
|
|
6
|
+
};
|
|
7
|
+
export default CardHeader;
|
|
8
|
+
//# sourceMappingURL=CardHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE3C,IAAM,UAAU,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IACzB,OAAO,oBAAC,gBAAgB,QAAE,KAAK,CAAoB,CAAA;AACrD,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const StyledCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
|
+
export declare const StyledCardHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
export var StyledCard = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 16px;\n border-radius: 4px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n"], ["\n padding: 16px;\n border-radius: 4px;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n"])));
|
|
4
|
+
export var StyledCardHeader = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n font-weight: bold;\n border-bottom: 1px solid #ccc;\n padding-bottom: 8px;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n font-weight: bold;\n border-bottom: 1px solid #ccc;\n padding-bottom: 8px;\n"])));
|
|
5
|
+
var templateObject_1, templateObject_2;
|
|
6
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Card/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,6JAAA,0FAInC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4PAAA,yLAQzC,IAAA,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Card/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Icon } from '@iconify/react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export var IconifyIcon = function (_a) {
|
|
4
|
+
var iconName = _a.iconName, color = _a.color, size = _a.size;
|
|
5
|
+
return (React.createElement(Icon, { icon: iconName, color: color, width: size, strokeWidth: 2.5 }));
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=IconifyIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconifyIcon.js","sourceRoot":"","sources":["../../../src/components/IconifyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,CAAC,IAAM,WAAW,GAAwB,UAAC,EAIhD;QAHG,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA;IAEJ,OAAO,CACH,oBAAC,IAAI,IACD,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,EACX,WAAW,EAAE,GAAG,GAClB,CACL,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -5,7 +5,7 @@ import styled from 'styled-components';
|
|
|
5
5
|
import { IconButton } from './IconButton';
|
|
6
6
|
import { Button } from './Button';
|
|
7
7
|
var ModalStyled = styled(MuiModal)({});
|
|
8
|
-
var ModalContentStyled = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid #00000033;\n border-radius: 4px;\n position: absolute;\n top: 50%;\n left: 50%;\n width: ", ";\n transform: translate(-50%, -50%);\n background-color: #fff;\n"], ["\n border: 1px solid #00000033;\n border-radius: 4px;\n position: absolute;\n top: 50%;\n left: 50%;\n width: ", ";\n transform: translate(-50%, -50%);\n background-color: #fff;\n"])), function (props) { return props.$w || '421px'; });
|
|
8
|
+
var ModalContentStyled = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid #00000033;\n border-radius: 4px;\n position: absolute;\n top: 50%;\n left: 50%;\n width: ", ";\n transform: translate(-50%, -50%);\n background-color: #fff;\n outline: none;\n"], ["\n border: 1px solid #00000033;\n border-radius: 4px;\n position: absolute;\n top: 50%;\n left: 50%;\n width: ", ";\n transform: translate(-50%, -50%);\n background-color: #fff;\n outline: none;\n"])), function (props) { return props.$w || '421px'; });
|
|
9
9
|
var ModalHeaderStyled = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n text-align: left;\n box-sizing: border-box;\n margin: 0;\n position: relative;\n padding: 22px 26px 15px 26px;\n justify-content: space-between;\n display: flex;\n pointer-events: none;\n & h2 {\n font-style: normal;\n font-weight: 600;\n font-size: 18px;\n color: #1d1d1d;\n }\n"], ["\n text-align: left;\n box-sizing: border-box;\n margin: 0;\n position: relative;\n padding: 22px 26px 15px 26px;\n justify-content: space-between;\n display: flex;\n pointer-events: none;\n & h2 {\n font-style: normal;\n font-weight: 600;\n font-size: 18px;\n color: #1d1d1d;\n }\n"])));
|
|
10
10
|
var ModalFooterStyled = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n position: relative;\n padding: 24px;\n display: flex;\n justify-content: ", ";\n gap: 24px;\n"], ["\n box-sizing: border-box;\n position: relative;\n padding: 24px;\n display: flex;\n justify-content: ", ";\n gap: 24px;\n"])), function (props) { return (props.$spaceBetween ? 'space-between' : 'flex-end'); });
|
|
11
11
|
var ModalContainerChildrenStyled = styled(Box)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n padding: 24px;\n"], ["\n box-sizing: border-box;\n padding: 24px;\n"])));
|
|
@@ -16,9 +16,13 @@ export function Close() {
|
|
|
16
16
|
export var Modal = function (_a) {
|
|
17
17
|
var _b;
|
|
18
18
|
var open = _a.open, children = _a.children, paperProps = _a.paperProps, props = __rest(_a, ["open", "children", "paperProps"]);
|
|
19
|
-
|
|
19
|
+
var handleClose = function (event, reason) {
|
|
20
|
+
var _a;
|
|
21
|
+
(reason === "escapeKeyDown" || !props.shouldNotCloseOnOutsideClick) && ((_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, event));
|
|
22
|
+
};
|
|
23
|
+
return (React.createElement(ModalStyled, __assign({ open: true }, props, { onClose: handleClose }),
|
|
20
24
|
React.createElement(ModalContentStyled, __assign({}, paperProps, { "$w": props.width }),
|
|
21
|
-
React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { padding: '0', position: 'absolute', right: '22px', top: '22px' }, className: 'Modal__Close' },
|
|
25
|
+
React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { padding: '0', position: 'absolute', right: '22px', top: '22px', zIndex: 2 }, className: 'Modal__Close' },
|
|
22
26
|
React.createElement(Close, null)),
|
|
23
27
|
props.title && (React.createElement(ModalHeaderStyled, null,
|
|
24
28
|
React.createElement(Typography, { variant: "h2" }, props.title))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Grid } from "@mui/material";
|
|
2
|
+
import { Card } from "../Card";
|
|
3
|
+
import { IconCardStyle, ProductCardStyle, TitleContainer } from "./ProductCard.style";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { IconButton } from "../IconButton";
|
|
6
|
+
import GradeIcon from '@mui/icons-material/Grade';
|
|
7
|
+
import { IconifyIcon } from "../IconifyIcon";
|
|
8
|
+
export var ProductCard = function (_a) {
|
|
9
|
+
var
|
|
10
|
+
// product = 'analytics'
|
|
11
|
+
color = _a.color, iconColor = _a.iconColor, onClick = _a.onClick, _b = _a.hasBorder, hasBorder = _b === void 0 ? true : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, title = _a.title, description = _a.description, iconName = _a.iconName, _d = _a.flaggable, flaggable = _d === void 0 ? false : _d;
|
|
12
|
+
/* const colors: { [key: string]: string } = {
|
|
13
|
+
primaryDark: '#B74608',
|
|
14
|
+
primaryLight: '#FCF1E3',
|
|
15
|
+
secondaryDark: '#6788B8',
|
|
16
|
+
secondaryLight: '#EEF7FB'
|
|
17
|
+
}
|
|
18
|
+
*/
|
|
19
|
+
return (React.createElement(ProductCardStyle, { disabled: disabled, "$bColor": iconColor, hasBorder: hasBorder },
|
|
20
|
+
React.createElement(Card, { variant: "outlined", onClick: function () { return onClick && onClick(); } },
|
|
21
|
+
flaggable && (React.createElement(Grid, { container: true, justifyContent: 'flex-end', alignItems: 'flex-start' },
|
|
22
|
+
React.createElement(Grid, { item: true },
|
|
23
|
+
React.createElement(IconButton, { sx: { padding: 0 }, "aria-label": "favorite", onClick: function (event) {
|
|
24
|
+
event.preventDefault();
|
|
25
|
+
event.stopPropagation();
|
|
26
|
+
}, cursor: "pointer" },
|
|
27
|
+
React.createElement(GradeIcon, null))))),
|
|
28
|
+
React.createElement(TitleContainer, null,
|
|
29
|
+
React.createElement(IconCardStyle, { "$iColor": iconColor, "$bColor": color },
|
|
30
|
+
React.createElement(IconifyIcon, { iconName: iconName, color: iconColor, size: "100%" })),
|
|
31
|
+
React.createElement("p", null, title)),
|
|
32
|
+
React.createElement("p", { className: "description" }, description))));
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=ProductCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCard.js","sourceRoot":"","sources":["../../../../src/components/ProductCard/ProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAWvD;;IAVC,wBAAwB;IACxB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA,EACP,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAGjB;;;;;;IAMA;IACA,OAAO,CACL,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,aAAW,SAAS,EAAE,SAAS,EAAE,SAAS;QAC5E,oBAAC,IAAI,IACH,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,cAAM,OAAA,OAAO,IAAI,OAAO,EAAE,EAApB,CAAoB;YAElC,SAAS,IAAI,CACX,oBAAC,IAAI,IAAC,SAAS,QAAC,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY;gBACpE,oBAAC,IAAI,IAAC,IAAI;oBACR,oBAAC,UAAU,IACT,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,gBACP,UAAU,EACrB,OAAO,EAAE,UAAC,KAAK;4BACb,KAAK,CAAC,cAAc,EAAE,CAAA;4BACtB,KAAK,CAAC,eAAe,EAAE,CAAA;wBACzB,CAAC,EACD,MAAM,EAAC,SAAS;wBAEhB,oBAAC,SAAS,OAAG,CACF,CACR,CACF,CACP;YAED,oBAAC,cAAc;gBACb,oBAAC,aAAa,eACH,SAAS,aACT,KAAK;oBAEd,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,GAAG,CACnD;gBAChB,+BAAI,KAAK,CAAK,CACC;YAEjB,2BAAG,SAAS,EAAC,aAAa,IACvB,WAAW,CACV,CACC,CACU,CACpB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const ProductCardStyle: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
} & {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
$bColor?: string;
|
|
7
|
+
hasBorder?: boolean;
|
|
8
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
|
+
export declare const IconCardStyle: import("@emotion/styled").StyledComponent<{
|
|
10
|
+
theme?: import("@emotion/react").Theme;
|
|
11
|
+
as?: React.ElementType;
|
|
12
|
+
} & {
|
|
13
|
+
$bColor?: string;
|
|
14
|
+
$iColor: string;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
|
+
export declare const TitleContainer: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme;
|
|
18
|
+
as?: React.ElementType;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "@emotion/styled";
|
|
3
|
+
import { pxToRem } from "../../utils/pxToRem";
|
|
4
|
+
export var ProductCardStyle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([" \n max-width: 380px;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", " !important;\n border-radius: 5px;\n\n\n p.description {\n margin-bottom: ", ";\n line-height: ", ";\n }\n\n .MuiPaper-root {\n min-height: 180px;\n }\n\n @media (max-width: 1535px) {\n max-width: 100%;\n }\n"], [" \n max-width: 380px;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", " !important;\n border-radius: 5px;\n\n\n p.description {\n margin-bottom: ", ";\n line-height: ", ";\n }\n\n .MuiPaper-root {\n min-height: 180px;\n }\n\n @media (max-width: 1535px) {\n max-width: 100%;\n }\n"])), function (props) { return (props.disabled ? "not-allowed" : "pointer"); }, function (props) { return (props.disabled ? 0.5 : 1); }, function (props) { return props.hasBorder ? props.$bColor : 'transparent'; }, pxToRem(17), pxToRem(24));
|
|
5
|
+
export var IconCardStyle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n max-height: 24px;\n\n path {\n fill: ", ";\n }\n }\n"], ["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n max-height: 24px;\n\n path {\n fill: ", ";\n }\n }\n"])), function (props) { return props.$bColor; }, pxToRem(50), pxToRem(50), pxToRem(10), function (props) { return props.$iColor; });
|
|
6
|
+
export var TitleContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-bottom: ", ";\n\n p {\n font-size: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n margin-bottom: ", ";\n\n p {\n font-size: ", ";\n }\n"])), pxToRem(16), pxToRem(24));
|
|
7
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
8
|
+
//# sourceMappingURL=ProductCard.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCard.style.js","sourceRoot":"","sources":["../../../../src/components/ProductCard/ProductCard.style.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,iZAA+D,oCAE7F,EAAuD,gBACtD,EAAqC,+CAEvB,EAA0D,iFAKhE,EAAW,sBACb,EAAW,0HAU7B,KAnBW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,EAA5C,CAA4C,EACtD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAEvB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EAA/C,CAA+C,EAKhE,OAAO,CAAC,EAAE,CAAC,EACb,OAAO,CAAC,EAAE,CAAC,CAU7B,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,kYAAuC,8IAMxD,EAAwB,kBAC/B,EAAW,mBACV,EAAW,qBACT,EAAW,4FAOf,EAAwB,iBAGrC,KAbqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,EAC/B,OAAO,CAAC,EAAE,CAAC,EACV,OAAO,CAAC,EAAE,CAAC,EACT,OAAO,CAAC,EAAE,CAAC,EAOf,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CAGrC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,6KAAA,+DAGrB,EAAW,6BAGb,EAAW,UAE3B,KALkB,OAAO,CAAC,EAAE,CAAC,EAGb,OAAO,CAAC,EAAE,CAAC,CAE3B,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RangerSliderBaseProps } from '@/interfaces/RangerSlider';
|
|
3
|
-
export declare const RangerSlider: ({ defaultValue, color, ...props }: RangerSliderBaseProps) => React.JSX.Element;
|
|
3
|
+
export declare const RangerSlider: ({ value, defaultValue, color, showValueInline, min, max, valueLabelFormat, ...props }: RangerSliderBaseProps) => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { Slider as MuiSlider } from '@mui/material';
|
|
3
|
+
import { Box, Slider as MuiSlider, Typography } from '@mui/material';
|
|
4
4
|
import { palette } from '../helpers';
|
|
5
5
|
import { styled } from '@mui/material/styles';
|
|
6
6
|
var colorMap = {
|
|
@@ -57,7 +57,32 @@ var RangerSliderStyled = styled(MuiSlider)(function () { return ({
|
|
|
57
57
|
},
|
|
58
58
|
}); });
|
|
59
59
|
export var RangerSlider = function (_a) {
|
|
60
|
-
var _b
|
|
61
|
-
|
|
60
|
+
var _b;
|
|
61
|
+
var value = _a.value, defaultValue = _a.defaultValue, _c = _a.color, color = _c === void 0 ? 'primary' : _c, _d = _a.showValueInline, showValueInline = _d === void 0 ? false : _d, _e = _a.min, min = _e === void 0 ? 0 : _e, _f = _a.max, max = _f === void 0 ? 100 : _f, valueLabelFormat = _a.valueLabelFormat, props = __rest(_a, ["value", "defaultValue", "color", "showValueInline", "min", "max", "valueLabelFormat"]);
|
|
62
|
+
var _g = React.useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : (Array.isArray(defaultValue) ? [min, max] : min)), currentValue = _g[0], setCurrentValue = _g[1];
|
|
63
|
+
var handleChange = function (event, newValue) {
|
|
64
|
+
var _a;
|
|
65
|
+
setCurrentValue(newValue);
|
|
66
|
+
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, event, newValue, Array.isArray(newValue) ? 1 : 0);
|
|
67
|
+
};
|
|
68
|
+
React.useEffect(function () {
|
|
69
|
+
value !== undefined && setCurrentValue(value);
|
|
70
|
+
}, [value]);
|
|
71
|
+
var formatValue = function (val) {
|
|
72
|
+
return Array.isArray(val)
|
|
73
|
+
? val[0] === val[1]
|
|
74
|
+
? valueLabelFormat && typeof valueLabelFormat === 'function'
|
|
75
|
+
? valueLabelFormat(val[0], 0)
|
|
76
|
+
: val[0]
|
|
77
|
+
: "".concat(valueLabelFormat && typeof valueLabelFormat === 'function' ? valueLabelFormat(val[0], 0) : val[0], " - ").concat(valueLabelFormat && typeof valueLabelFormat === 'function' ? valueLabelFormat(val[1], 1) : val[1])
|
|
78
|
+
: valueLabelFormat && typeof valueLabelFormat === 'function'
|
|
79
|
+
? valueLabelFormat(val, 0)
|
|
80
|
+
: val;
|
|
81
|
+
};
|
|
82
|
+
return (React.createElement(Box, { sx: { width: '100%' } },
|
|
83
|
+
React.createElement("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
|
|
84
|
+
React.createElement(Typography, { gutterBottom: true }, props.label),
|
|
85
|
+
showValueInline && (React.createElement(Typography, { style: { display: 'flex', alignItems: 'center', fontSize: 12 } }, formatValue(currentValue)))),
|
|
86
|
+
React.createElement(RangerSliderStyled, __assign({ value: currentValue, defaultValue: undefined, min: min, max: max, color: color, onChange: handleChange, valueLabelFormat: valueLabelFormat }, props))));
|
|
62
87
|
};
|
|
63
88
|
//# sourceMappingURL=RangerSlider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangerSlider.js","sourceRoot":"","sources":["../../../src/components/RangerSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"RangerSlider.js","sourceRoot":"","sources":["../../../src/components/RangerSlider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,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,kBAAkB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,cAAM,OAAA,CAAC;IAClD,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC1B,oBAAoB,EAAE;QACpB,MAAM,EAAE,MAAM;KACf;IACD,oBAAoB,EAAE;QACpB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,eAAe,EAAE,MAAM;QACvB,MAAM,EAAE,oBAAa,QAAQ,CAAC,SAAS,CAAC,CAAE;QAC1C,oDAAoD,EAAE;YACpD,SAAS,EAAE,SAAS;SACrB;QACD,UAAU,EAAE;YACV,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,OAAO;YAChB,UAAU,EAAE,QAAQ,CAAC,SAAS,CAAC;SAChC;KACF;IACD,yBAAyB,EAAE;QACzB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC;QAC1B,UAAU,EAAE;YACV,MAAM,EAAE,SAAS;YACjB,GAAG,EAAE,MAAM;SACZ;QACD,KAAK,EAAE;YACL,UAAU,EAAE,aAAa;YACzB,KAAK,EAAE,MAAM;SACd;KACF;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC,EA3CiD,CA2CjD,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EASL;;IARtB,IAAA,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,WAAO,EAAP,GAAG,mBAAG,CAAC,KAAA,EACP,WAAS,EAAT,GAAG,mBAAG,GAAG,KAAA,EACT,gBAAgB,sBAAA,EACb,KAAK,cARmB,uFAS5B,CADS;IAEF,IAAA,KAAkC,KAAK,CAAC,QAAQ,CACpD,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,YAAY,mCAAI,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAC1E,EAFM,YAAY,QAAA,EAAE,eAAe,QAEnC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAY,EAAE,QAA2B;;QAC7D,eAAe,CAAC,QAAQ,CAAC,CAAC;QAC1B,MAAA,KAAK,CAAC,QAAQ,sDAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACd,KAAK,KAAK,SAAS,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,WAAW,GAAG,UAAC,GAAsB;QACzC,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAChB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBACjB,CAAC,CAAC,gBAAgB,IAAI,OAAO,gBAAgB,KAAK,UAAU;oBAC1D,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBAC7B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBACV,CAAC,CAAC,UAAG,gBAAgB,IAAI,OAAO,gBAAgB,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,gBAClG,gBAAgB,IAAI,OAAO,gBAAgB,KAAK,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CACjG;YACN,CAAC,CAAC,gBAAgB,IAAI,OAAO,gBAAgB,KAAK,UAAU;gBAC5D,CAAC,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,CAAC;gBAC1B,CAAC,CAAC,GAAG;IAVP,CAUO,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE;YACpF,oBAAC,UAAU,IAAC,YAAY,UAAE,KAAK,CAAC,KAAK,CAAc;YAClD,eAAe,IAAI,CAClB,oBAAC,UAAU,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,IACvE,WAAW,CAAC,YAAY,CAAC,CACf,CACd,CACG;QACN,oBAAC,kBAAkB,aACjB,KAAK,EAAE,YAAY,EACnB,YAAY,EAAE,SAAS,EACvB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,gBAAgB,EAAE,gBAAgB,IAC9B,KAAK,EACT,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { IconCardStyle, ServiceCardStyle, TitleContainer } from "./ServiceCard.style";
|
|
3
|
+
import { Card } from "../Card";
|
|
4
|
+
import { IconifyIcon } from "../IconifyIcon";
|
|
5
|
+
export var ServiceCard = function (_a) {
|
|
6
|
+
var iconName = _a.iconName, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, color = _a.color, iconColor = _a.iconColor, description = _a.description, title = _a.title;
|
|
7
|
+
return (React.createElement(ServiceCardStyle, { disabled: disabled, "$bColor": iconColor },
|
|
8
|
+
React.createElement(Card, { border: true, variant: "outlined", onClick: function () {
|
|
9
|
+
if (disabled)
|
|
10
|
+
return;
|
|
11
|
+
onClick && onClick();
|
|
12
|
+
} },
|
|
13
|
+
React.createElement(TitleContainer, null,
|
|
14
|
+
React.createElement(IconCardStyle, { "$iColor": iconColor || "", "$bColor": color || "" },
|
|
15
|
+
React.createElement(IconifyIcon, { iconName: iconName || "", color: iconColor, size: "100%" })),
|
|
16
|
+
React.createElement("div", { className: "text" },
|
|
17
|
+
React.createElement("p", { className: "title" }, title),
|
|
18
|
+
React.createElement("p", { className: "description" }, description))))));
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=ServiceCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ServiceCard.js","sourceRoot":"","sources":["../../../../src/components/ServiceCard/ServiceCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACtF,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,IAAM,WAAW,GAA+B,UAAC,EAA4E;QAA3E,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA;IAC9H,OAAO,CACH,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,QAAQ,aAAW,SAAS;QACpD,oBAAC,IAAI,IACD,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE;gBACL,IAAI,QAAQ;oBAAE,OAAO;gBACrB,OAAO,IAAI,OAAO,EAAE,CAAC;YACzB,CAAC;YAED,oBAAC,cAAc;gBACX,oBAAC,aAAa,eAAU,SAAS,IAAI,EAAE,aAAW,KAAK,IAAI,EAAE;oBACzD,oBAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,MAAM,GAAE,CAC1D;gBAChB,6BAAK,SAAS,EAAC,MAAM;oBACjB,2BAAG,SAAS,EAAC,OAAO,IAAE,KAAK,CAAK;oBAChC,2BAAG,SAAS,EAAC,aAAa,IAAE,WAAW,CAAK,CAC1C,CACO,CACd,CACQ,CACtB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export declare const ServiceCardStyle: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
} & {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
$bColor?: string;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const IconCardStyle: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
} & {
|
|
12
|
+
$bColor?: string;
|
|
13
|
+
$iColor: string;
|
|
14
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
15
|
+
export declare const TitleContainer: import("@emotion/styled").StyledComponent<{
|
|
16
|
+
theme?: import("@emotion/react").Theme;
|
|
17
|
+
as?: React.ElementType;
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { __makeTemplateObject } from "tslib";
|
|
2
|
+
import styled from "@emotion/styled";
|
|
3
|
+
import { pxToRem } from "../../utils/pxToRem";
|
|
4
|
+
export var ServiceCardStyle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n max-width: 380px;\n min-width: 380px;\n width: 100%;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", ";\n border-radius: 5px;\n\n p.description, p.title {\n margin: 0 auto;\n }\n @media (max-width: 1330px) {\n max-width: 100%;\n }\n"], ["\n max-width: 380px;\n min-width: 380px;\n width: 100%;\n cursor: ", ";\n opacity: ", ";\n height: 100%;\n border-left: 7px solid ", ";\n border-radius: 5px;\n\n p.description, p.title {\n margin: 0 auto;\n }\n @media (max-width: 1330px) {\n max-width: 100%;\n }\n"])), function (props) { return (props.disabled ? "not-allowed" : "pointer"); }, function (props) { return (props.disabled ? 0.5 : 1); }, function (props) { return props.$bColor; });
|
|
5
|
+
export var IconCardStyle = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n max-height: 24px;\n\n path.stroke {\n stroke: ", ";\n }\n\n path.fill {\n fill: ", ";\n }\n }\n"], ["\n display: inline-flex;\n border-radius: 5px;\n align-items: center;\n justify-content: center;\n padding: 10px;\n background-color: ", ";\n min-width: ", ";\n min-height: ", ";\n margin-right: ", ";\n box-sizing: border-box;\n\n svg {\n max-height: 24px;\n\n path.stroke {\n stroke: ", ";\n }\n\n path.fill {\n fill: ", ";\n }\n }\n"])), function (props) { return props.$bColor; }, pxToRem(50), pxToRem(50), pxToRem(10), function (props) { return props.$iColor; }, function (props) { return props.$iColor; });
|
|
6
|
+
export var TitleContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n p.title {\n font-size: ", ";\n font-weight: 600;\n }\n"], ["\n display: flex;\n align-items: center;\n\n p.title {\n font-size: ", ";\n font-weight: 600;\n }\n"])), pxToRem(18));
|
|
7
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
8
|
+
//# sourceMappingURL=ServiceCard.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ServiceCard.style.js","sourceRoot":"","sources":["../../../../src/components/ServiceCard/ServiceCard.style.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,+VAA0C,wEAIxE,EAAuD,gBACtD,EAAqC,+CAEvB,EAAwB,+IASlD,KAZW,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,EAA5C,CAA4C,EACtD,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAA1B,CAA0B,EAEvB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CASlD,CAAC;AACF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wbAAuC,8IAMxD,EAAwB,kBAC/B,EAAW,mBACV,EAAW,qBACT,EAAW,qGAOb,EAAwB,2CAI1B,EAAwB,iBAGrC,KAjBqB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,EAC/B,OAAO,CAAC,EAAE,CAAC,EACV,OAAO,CAAC,EAAE,CAAC,EACT,OAAO,CAAC,EAAE,CAAC,EAOb,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,EAI1B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,EAAb,CAAa,CAGrC,CAAC;AACF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,kLAAA,4EAKvB,EAAW,iCAG3B,KAHgB,OAAO,CAAC,EAAE,CAAC,CAG3B,CAAC"}
|
|
@@ -12,10 +12,12 @@ export * from './IconButton';
|
|
|
12
12
|
export * from './Icons';
|
|
13
13
|
export * from './Modal';
|
|
14
14
|
export * from './Paper';
|
|
15
|
+
export * from './ProductCard/ProductCard';
|
|
15
16
|
export * from './ProgressBar';
|
|
16
17
|
export * from './RadioGroup';
|
|
17
18
|
export * from './RangerSlider';
|
|
18
19
|
export * from './Select';
|
|
20
|
+
export * from './ServiceCard/ServiceCard';
|
|
19
21
|
export * from './Tabs';
|
|
20
22
|
export * from './Tag';
|
|
21
23
|
export * from './Table';
|
|
@@ -12,10 +12,12 @@ export * from './IconButton';
|
|
|
12
12
|
export * from './Icons';
|
|
13
13
|
export * from './Modal';
|
|
14
14
|
export * from './Paper';
|
|
15
|
+
export * from './ProductCard/ProductCard';
|
|
15
16
|
export * from './ProgressBar';
|
|
16
17
|
export * from './RadioGroup';
|
|
17
18
|
export * from './RangerSlider';
|
|
18
19
|
export * from './Select';
|
|
20
|
+
export * from './ServiceCard/ServiceCard';
|
|
19
21
|
export * from './Tabs';
|
|
20
22
|
export * from './Tag';
|
|
21
23
|
export * from './Table';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,yCAAyC,CAAC;AACxD,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,yCAAyC,CAAC;AACxD,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ import { Tabs } from './components/Tabs';
|
|
|
14
14
|
import { Tag } from './components/Tag';
|
|
15
15
|
import { TextField } from './components/TextField';
|
|
16
16
|
import { DatePicker } from './components/DatePicker';
|
|
17
|
-
import { ChatMessage, ChatMessageBalloon } from './components';
|
|
17
|
+
import { ChatMessage, ChatMessageBalloon, ProductCard, ServiceCard } from './components';
|
|
18
18
|
import { NormaProvider } from './providers/NormaProvider';
|
|
19
19
|
import { themes, getPalette } from './helpers';
|
|
20
20
|
import DateInput from './components/DateInput';
|
|
@@ -31,4 +31,4 @@ import { TimeLine, TimeLineData } from './components/TimeLine/TimeLine';
|
|
|
31
31
|
import { ModalStatus } from './components/StatusModal/StatusModal';
|
|
32
32
|
import { breakpoints } from './utils/styledBreakpoints';
|
|
33
33
|
import { useTheme } from '@mui/material';
|
|
34
|
-
export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, MultiSelectInput, Text, Title, TextInput, Table, UncontrolledTable, UncontrolledTabs, ModalStatus, breakpoints, useTheme, TimeLine, TimeLineData, };
|
|
34
|
+
export { Accordion, Button, Card, ChatMessage, ChatMessageBalloon, CheckBox, DatePicker, getPalette, IconButton, Icons, Modal, Paper, ProgressBar, ProductCard, RadioGroup, RangerSlider, Select, Tabs, Tag, TextField, NormaProvider, themes, DateInput, Box, Breadcrumb, SelectInput, ServiceCard, MultiSelectInput, Text, Title, TextInput, Table, UncontrolledTable, UncontrolledTabs, ModalStatus, breakpoints, useTheme, TimeLine, TimeLineData, };
|