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.
Files changed (104) hide show
  1. package/.eslintrc.cjs +89 -0
  2. package/.prettierrc +8 -0
  3. package/.storybook/main.ts +1 -1
  4. package/dist/esm/components/Button/index.d.ts +9 -0
  5. package/dist/esm/components/Button/index.js +16 -0
  6. package/dist/esm/components/Button/index.js.map +1 -0
  7. package/dist/esm/components/Button/types.d.ts +18 -0
  8. package/dist/esm/components/Button/types.js +2 -0
  9. package/dist/esm/components/Button/types.js.map +1 -0
  10. package/dist/esm/components/Card/Card.d.ts +4 -0
  11. package/dist/esm/components/Card/Card.js +11 -0
  12. package/dist/esm/components/Card/Card.js.map +1 -0
  13. package/dist/esm/components/Card/CardHeader.d.ts +4 -0
  14. package/dist/esm/components/Card/CardHeader.js +8 -0
  15. package/dist/esm/components/Card/CardHeader.js.map +1 -0
  16. package/dist/esm/components/Card/index.d.ts +4 -0
  17. package/dist/esm/components/Card/index.js +5 -0
  18. package/dist/esm/components/Card/index.js.map +1 -0
  19. package/dist/esm/components/Card/styles.d.ts +2 -0
  20. package/dist/esm/components/Card/styles.js +6 -0
  21. package/dist/esm/components/Card/styles.js.map +1 -0
  22. package/dist/esm/components/Card/types.d.ts +8 -0
  23. package/dist/esm/components/Card/types.js +2 -0
  24. package/dist/esm/components/Card/types.js.map +1 -0
  25. package/dist/esm/components/IconifyIcon.d.ts +8 -0
  26. package/dist/esm/components/IconifyIcon.js +7 -0
  27. package/dist/esm/components/IconifyIcon.js.map +1 -0
  28. package/dist/esm/components/Modal.js +7 -3
  29. package/dist/esm/components/Modal.js.map +1 -1
  30. package/dist/esm/components/ProductCard/ProductCard.d.ts +3 -0
  31. package/dist/esm/components/ProductCard/ProductCard.js +34 -0
  32. package/dist/esm/components/ProductCard/ProductCard.js.map +1 -0
  33. package/dist/esm/components/ProductCard/ProductCard.style.d.ts +19 -0
  34. package/dist/esm/components/ProductCard/ProductCard.style.js +8 -0
  35. package/dist/esm/components/ProductCard/ProductCard.style.js.map +1 -0
  36. package/dist/esm/components/RangerSlider.d.ts +1 -1
  37. package/dist/esm/components/RangerSlider.js +28 -3
  38. package/dist/esm/components/RangerSlider.js.map +1 -1
  39. package/dist/esm/components/ServiceCard/ServiceCard.d.ts +3 -0
  40. package/dist/esm/components/ServiceCard/ServiceCard.js +20 -0
  41. package/dist/esm/components/ServiceCard/ServiceCard.js.map +1 -0
  42. package/dist/esm/components/ServiceCard/ServiceCard.style.d.ts +18 -0
  43. package/dist/esm/components/ServiceCard/ServiceCard.style.js +8 -0
  44. package/dist/esm/components/ServiceCard/ServiceCard.style.js.map +1 -0
  45. package/dist/esm/components/index.d.ts +2 -0
  46. package/dist/esm/components/index.js +2 -0
  47. package/dist/esm/components/index.js.map +1 -1
  48. package/dist/esm/index.d.ts +2 -2
  49. package/dist/esm/index.js +2 -2
  50. package/dist/esm/index.js.map +1 -1
  51. package/dist/esm/interfaces/Modal.d.ts +1 -0
  52. package/dist/esm/interfaces/ProductCard.d.ts +18 -0
  53. package/dist/esm/interfaces/ProductCard.js +2 -0
  54. package/dist/esm/interfaces/ProductCard.js.map +1 -0
  55. package/dist/esm/interfaces/RangerSlider.d.ts +3 -0
  56. package/dist/esm/interfaces/ServiceCard.d.ts +10 -0
  57. package/dist/esm/interfaces/ServiceCard.js +2 -0
  58. package/dist/esm/interfaces/ServiceCard.js.map +1 -0
  59. package/dist/esm/utils/pxToRem.d.ts +1 -0
  60. package/dist/esm/utils/pxToRem.js +4 -0
  61. package/dist/esm/utils/pxToRem.js.map +1 -0
  62. package/index.html +13 -0
  63. package/package.json +2 -1
  64. package/public/vite.svg +1 -0
  65. package/src/assets/react.svg +1 -0
  66. package/src/components/Card/Card.tsx +15 -0
  67. package/src/components/Card/CardHeader.tsx +9 -0
  68. package/src/components/Card/index.ts +5 -0
  69. package/src/components/Card/styles.ts +16 -0
  70. package/src/components/Card/types.ts +10 -0
  71. package/src/components/IconifyIcon.tsx +23 -0
  72. package/src/components/Modal.tsx +11 -4
  73. package/src/components/ProductCard/ProductCard.style.ts +56 -0
  74. package/src/components/ProductCard/ProductCard.tsx +71 -0
  75. package/src/components/RangerSlider.tsx +59 -3
  76. package/src/components/ServiceCard/ServiceCard.style.ts +53 -0
  77. package/src/components/ServiceCard/ServiceCard.tsx +30 -0
  78. package/src/components/index.ts +2 -0
  79. package/src/index.ts +3 -1
  80. package/src/interfaces/Modal.ts +2 -1
  81. package/src/interfaces/ProductCard.ts +23 -0
  82. package/src/interfaces/RangerSlider.ts +3 -0
  83. package/src/interfaces/ServiceCard.ts +11 -0
  84. package/src/stories/IconifyIcon.stories.tsx +31 -0
  85. package/src/stories/Modal.stories.tsx +54 -0
  86. package/src/stories/ProductCard.stories.tsx +22 -0
  87. package/src/stories/RangerSlider.stories.tsx +6 -2
  88. package/src/stories/ServiceCard.stories.tsx +20 -0
  89. package/src/utils/pxToRem.ts +4 -0
  90. package/src/vite-env.d.ts +1 -0
  91. package/tsconfig.json +32 -32
  92. package/tsconfig.node.json +10 -0
  93. package/dist/esm/components/NormaTimeLine/NormaTimeLine.d.ts +0 -14
  94. package/dist/esm/components/NormaTimeLine/NormaTimeLine.js +0 -48
  95. package/dist/esm/components/NormaTimeLine/NormaTimeLine.js.map +0 -1
  96. package/dist/esm/components/TimeLine.d.ts +0 -3
  97. package/dist/esm/components/TimeLine.js +0 -56
  98. package/dist/esm/components/TimeLine.js.map +0 -1
  99. package/dist/esm/components/UncontrolledTable/components/tbody/index.d.ts +0 -3
  100. package/dist/esm/components/UncontrolledTable/components/tbody/index.js +0 -15
  101. package/dist/esm/components/UncontrolledTable/components/tbody/index.js.map +0 -1
  102. package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts +0 -2
  103. package/dist/esm/components/UncontrolledTable/components/tbody/styles.js +0 -12
  104. 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
@@ -0,0 +1,8 @@
1
+ {
2
+ "semi": false,
3
+ "tabWidth": 2,
4
+ "printWidth": 100,
5
+ "singleQuote": true,
6
+ "trailingComma": "all",
7
+ "bracketSpacing": true
8
+ }
@@ -15,6 +15,6 @@ const config: StorybookConfig = {
15
15
  },
16
16
  docs: {
17
17
  autodocs: 'tag',
18
- },
18
+ }
19
19
  };
20
20
  export default config;
@@ -0,0 +1,9 @@
1
+ import { ButtonBaseProps } from './types';
2
+ export declare const Button: {
3
+ ({ label, ...rest }: ButtonBaseProps): import("react").JSX.Element;
4
+ defaultProps: {
5
+ variant: string;
6
+ size: string;
7
+ color: string;
8
+ };
9
+ };
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Button/types.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { CardBaseProps } from './types';
3
+ declare const Card: ({ children, title }: CardBaseProps) => React.JSX.Element;
4
+ export default Card;
@@ -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,4 @@
1
+ import React from 'react';
2
+ import { CardHeaderBaseProps } from './types';
3
+ declare const CardHeader: ({ title }: CardHeaderBaseProps) => React.JSX.Element;
4
+ export default CardHeader;
@@ -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,4 @@
1
+ export * from './Card';
2
+ export * from './CardHeader';
3
+ export { default as Card } from './Card';
4
+ export { default as CardHeader } from './CardHeader';
@@ -0,0 +1,5 @@
1
+ export * from './Card';
2
+ export * from './CardHeader';
3
+ export { default as Card } from './Card';
4
+ export { default as CardHeader } from './CardHeader';
5
+ //# sourceMappingURL=index.js.map
@@ -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,8 @@
1
+ import { ReactNode } from 'react';
2
+ export type CardBaseProps = {
3
+ children: ReactNode;
4
+ title?: string;
5
+ };
6
+ export type CardHeaderBaseProps = {
7
+ title: string;
8
+ };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Card/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ interface IconProps {
3
+ iconName: string;
4
+ size?: string;
5
+ color?: string;
6
+ }
7
+ export declare const IconifyIcon: React.FC<IconProps>;
8
+ export {};
@@ -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
- return (React.createElement(ModalStyled, __assign({ open: true }, props),
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":"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"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import { ProductCardProps } from "../../interfaces/ProductCard";
2
+ import React from "react";
3
+ export declare const ProductCard: React.FC<ProductCardProps>;
@@ -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 = _a.defaultValue, defaultValue = _b === void 0 ? 50 : _b, _c = _a.color, color = _c === void 0 ? 'primary' : _c, props = __rest(_a, ["defaultValue", "color"]);
61
- return React.createElement(RangerSliderStyled, __assign({ color: color }, props));
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;AACpD,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,EAAyE;IAAvE,IAAA,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAK,KAAK,cAAhD,yBAAkD,CAAF;IAC3E,OAAO,oBAAC,kBAAkB,aAAC,KAAK,EAAE,KAAK,IAAM,KAAK,EAAI,CAAC;AACzD,CAAC,CAAC"}
1
+ {"version":3,"file":"RangerSlider.js","sourceRoot":"","sources":["../../../src/components/RangerSlider.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { ServiceCardProps } from "../../interfaces/ServiceCard";
3
+ export declare const ServiceCard: React.FC<ServiceCardProps>;
@@ -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"}
@@ -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, };