contentoh-components-library 21.2.87 → 21.2.89
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/ButtonFileChooser/ButtonFileChooser.stories.js +3 -3
- package/dist/components/atoms/ButtonFileChooser/index.js +7 -5
- package/dist/components/atoms/ButtonV2/ButtonV2.stories.js +3 -3
- package/dist/components/atoms/ButtonV2/index.js +5 -3
- package/dist/components/atoms/CustomIcon/CustomIcon.stories.js +3 -3
- package/dist/components/atoms/CustomIcon/index.js +5 -3
- package/dist/components/atoms/IconFile/IconFile.stories.js +3 -3
- package/dist/components/atoms/IconFile/index.js +7 -9
- package/dist/components/atoms/Image/Image.stories.js +3 -3
- package/dist/components/atoms/Image/index.js +5 -3
- package/dist/components/atoms/ImageLink/ImageLink.stories.js +3 -3
- package/dist/components/atoms/ImageLink/index.js +5 -3
- package/dist/components/atoms/ImagePreview/ImagePreview.stories.js +3 -3
- package/dist/components/atoms/ImagePreview/index.js +13 -11
- package/dist/components/atoms/InputText/InputText.stories.js +3 -5
- package/dist/components/atoms/InputText/index.js +7 -5
- package/dist/components/atoms/NotFound/NotFound.stories.js +3 -3
- package/dist/components/atoms/NotFound/index.js +9 -7
- package/dist/components/atoms/Tooltip/Tooltip.stories.js +3 -3
- package/dist/components/atoms/Tooltip/index.js +5 -3
- package/dist/components/molecules/ButtonDownloadFile/DownloadFile.stories.js +3 -3
- package/dist/components/molecules/ButtonDownloadFile/index.js +9 -9
- package/dist/components/molecules/HeaderTop/index.js +1 -3
- package/dist/components/molecules/ImageTooltip/ImageTooltip.stories.js +3 -3
- package/dist/components/molecules/ImageTooltip/index.js +7 -7
- package/dist/components/organisms/Chat/Chat.stories.js +3 -3
- package/dist/components/organisms/Chat/ChatLists/ChatLists.stories.js +3 -3
- package/dist/components/organisms/Chat/ChatLists/index.js +12 -10
- package/dist/components/organisms/Chat/ContainerItems/ContainerItems.stories.js +3 -3
- package/dist/components/organisms/Chat/ContainerItems/index.js +24 -22
- package/dist/components/organisms/Chat/ContentChat/index.js +17 -17
- package/dist/components/organisms/Chat/Footer/Footer.stories.js +3 -3
- package/dist/components/organisms/Chat/Footer/index.js +26 -24
- package/dist/components/organisms/Chat/Header/Header.stories.js +3 -3
- package/dist/components/organisms/Chat/Header/index.js +13 -13
- package/dist/components/organisms/Chat/index.js +7 -5
- package/dist/components/organisms/Modal/Modal.stories.js +6 -6
- package/dist/components/organisms/Modal/index.js +9 -9
- package/dist/index.js +215 -46
- package/package.json +1 -1
- package/src/components/atoms/ButtonFileChooser/ButtonFileChooser.stories.js +1 -1
- package/src/components/atoms/ButtonFileChooser/index.js +3 -4
- package/src/components/atoms/ButtonV2/ButtonV2.stories.js +1 -1
- package/src/components/atoms/ButtonV2/index.js +2 -2
- package/src/components/atoms/CustomIcon/CustomIcon.stories.js +1 -1
- package/src/components/atoms/CustomIcon/index.js +2 -2
- package/src/components/atoms/IconFile/IconFile.stories.js +1 -1
- package/src/components/atoms/IconFile/index.js +3 -4
- package/src/components/atoms/Image/Image.stories.js +1 -1
- package/src/components/atoms/Image/index.js +2 -2
- package/src/components/atoms/ImageLink/ImageLink.stories.js +1 -1
- package/src/components/atoms/ImageLink/index.js +2 -3
- package/src/components/atoms/ImagePreview/ImagePreview.stories.js +1 -1
- package/src/components/atoms/ImagePreview/index.js +5 -6
- package/src/components/atoms/InputText/InputText.stories.js +1 -2
- package/src/components/atoms/InputText/index.js +2 -4
- package/src/components/atoms/NotFound/NotFound.stories.js +1 -1
- package/src/components/atoms/NotFound/index.js +4 -5
- package/src/components/atoms/Tooltip/Tooltip.stories.js +1 -1
- package/src/components/atoms/Tooltip/index.js +2 -2
- package/src/components/molecules/ButtonDownloadFile/DownloadFile.stories.js +1 -1
- package/src/components/molecules/ButtonDownloadFile/index.js +4 -6
- package/src/components/molecules/HeaderTop/index.js +1 -1
- package/src/components/molecules/ImageTooltip/ImageTooltip.stories.js +1 -1
- package/src/components/molecules/ImageTooltip/index.js +3 -5
- package/src/components/organisms/Chat/Chat.stories.js +1 -1
- package/src/components/organisms/Chat/ChatLists/ChatLists.stories.js +1 -1
- package/src/components/organisms/Chat/ChatLists/index.js +5 -5
- package/src/components/organisms/Chat/ContainerItems/ContainerItems.stories.js +1 -1
- package/src/components/organisms/Chat/ContainerItems/index.js +9 -9
- package/src/components/organisms/Chat/ContentChat/index.js +10 -10
- package/src/components/organisms/Chat/Footer/Footer.stories.js +1 -1
- package/src/components/organisms/Chat/Footer/index.js +11 -11
- package/src/components/organisms/Chat/Header/Header.stories.js +1 -1
- package/src/components/organisms/Chat/Header/index.js +5 -5
- package/src/components/organisms/Chat/index.js +3 -4
- package/src/components/organisms/Modal/Modal.stories.js +2 -2
- package/src/components/organisms/Modal/index.js +4 -4
- package/src/index.js +13 -0
|
@@ -9,13 +9,13 @@ exports.default = exports.ButtonTest = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/atoms/ButtonFileChooser",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.ButtonFileChooser,
|
|
19
19
|
argTypes: {
|
|
20
20
|
color: {
|
|
21
21
|
options: [undefined, "white", "pink", "gray"],
|
|
@@ -46,7 +46,7 @@ var _default = {
|
|
|
46
46
|
exports.default = _default;
|
|
47
47
|
|
|
48
48
|
var Template = function Template(args) {
|
|
49
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonFileChooser, (0, _objectSpread2.default)({}, args));
|
|
50
50
|
};
|
|
51
51
|
|
|
52
52
|
var ButtonTest = Template.bind({});
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.ButtonFileChooser = void 0;
|
|
9
9
|
|
|
10
10
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
11
|
|
|
@@ -25,11 +25,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
25
25
|
|
|
26
26
|
var _utils = require("../../../global-files/utils");
|
|
27
27
|
|
|
28
|
-
var _ButtonV =
|
|
28
|
+
var _ButtonV = require("../ButtonV2");
|
|
29
29
|
|
|
30
30
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
31
31
|
|
|
32
|
-
function ButtonFileChooser(props) {
|
|
32
|
+
var ButtonFileChooser = function ButtonFileChooser(props) {
|
|
33
33
|
var id = props.id,
|
|
34
34
|
key = props.key,
|
|
35
35
|
className = props.className,
|
|
@@ -97,7 +97,7 @@ function ButtonFileChooser(props) {
|
|
|
97
97
|
document.body.removeChild(chooser);
|
|
98
98
|
};
|
|
99
99
|
|
|
100
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.
|
|
100
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
|
|
101
101
|
id: id,
|
|
102
102
|
className: className,
|
|
103
103
|
disabled: disabled,
|
|
@@ -113,4 +113,6 @@ function ButtonFileChooser(props) {
|
|
|
113
113
|
openChooser();
|
|
114
114
|
}
|
|
115
115
|
}, key);
|
|
116
|
-
}
|
|
116
|
+
};
|
|
117
|
+
|
|
118
|
+
exports.ButtonFileChooser = ButtonFileChooser;
|
|
@@ -9,7 +9,7 @@ exports.default = exports.ButtonTest = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
|
|
15
15
|
|
|
@@ -17,7 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
17
17
|
|
|
18
18
|
var _default = {
|
|
19
19
|
title: "Components/atoms/ButtonV2",
|
|
20
|
-
component: _index.
|
|
20
|
+
component: _index.ButtonV2,
|
|
21
21
|
argTypes: {
|
|
22
22
|
type: {
|
|
23
23
|
options: [undefined, "white", "whiteS2", "pink", "gray", "purple", "black"],
|
|
@@ -42,7 +42,7 @@ var _default = {
|
|
|
42
42
|
exports.default = _default;
|
|
43
43
|
|
|
44
44
|
var Template = function Template(args) {
|
|
45
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
45
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonV2, (0, _objectSpread2.default)({}, args));
|
|
46
46
|
};
|
|
47
47
|
|
|
48
48
|
var ButtonTest = Template.bind({});
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.ButtonV2 = void 0;
|
|
9
9
|
|
|
10
10
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
11
|
|
|
@@ -23,7 +23,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
23
23
|
|
|
24
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
25
|
|
|
26
|
-
function ButtonV2(props) {
|
|
26
|
+
var ButtonV2 = function ButtonV2(props) {
|
|
27
27
|
var id = props.id,
|
|
28
28
|
key = props.key,
|
|
29
29
|
className = props.className,
|
|
@@ -106,4 +106,6 @@ function ButtonV2(props) {
|
|
|
106
106
|
})
|
|
107
107
|
})
|
|
108
108
|
}, key);
|
|
109
|
-
}
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
exports.ButtonV2 = ButtonV2;
|
|
@@ -9,7 +9,7 @@ exports.default = exports.ButtonTest = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
|
|
15
15
|
|
|
@@ -17,7 +17,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
17
17
|
|
|
18
18
|
var _default = {
|
|
19
19
|
title: "Components/atoms/CustomIcon",
|
|
20
|
-
component: _index.
|
|
20
|
+
component: _index.CustomIcon,
|
|
21
21
|
argTypes: {
|
|
22
22
|
type: {
|
|
23
23
|
options: [undefined, "white", "whiteS2", "pink", "gray", "purple", "black"],
|
|
@@ -36,7 +36,7 @@ var _default = {
|
|
|
36
36
|
exports.default = _default;
|
|
37
37
|
|
|
38
38
|
var Template = function Template(args) {
|
|
39
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
39
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CustomIcon, (0, _objectSpread2.default)({}, args));
|
|
40
40
|
};
|
|
41
41
|
|
|
42
42
|
var ButtonTest = Template.bind({});
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.CustomIcon = void 0;
|
|
9
9
|
|
|
10
10
|
var _styles = require("./styles");
|
|
11
11
|
|
|
@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
|
18
|
-
function CustomIcon(props) {
|
|
18
|
+
var CustomIcon = function CustomIcon(props) {
|
|
19
19
|
var id = props.id,
|
|
20
20
|
key = props.key,
|
|
21
21
|
className = props.className,
|
|
@@ -35,4 +35,6 @@ function CustomIcon(props) {
|
|
|
35
35
|
})
|
|
36
36
|
}, key) : null
|
|
37
37
|
});
|
|
38
|
-
}
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
exports.CustomIcon = CustomIcon;
|
|
@@ -9,13 +9,13 @@ exports.default = exports.ButtonTest = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/atoms/IconFile",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.IconFile,
|
|
19
19
|
argTypes: {
|
|
20
20
|
type: {
|
|
21
21
|
options: [undefined, "white", "whiteS2", "pink", "gray", "purple", "black"],
|
|
@@ -34,7 +34,7 @@ var _default = {
|
|
|
34
34
|
exports.default = _default;
|
|
35
35
|
|
|
36
36
|
var Template = function Template(args) {
|
|
37
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.IconFile, (0, _objectSpread2.default)({}, args));
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
var ButtonTest = Template.bind({});
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
6
4
|
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
exports.
|
|
8
|
+
exports.IconFile = void 0;
|
|
11
9
|
|
|
12
10
|
var _styles = require("./styles");
|
|
13
11
|
|
|
@@ -15,13 +13,11 @@ var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
|
|
|
15
13
|
|
|
16
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
15
|
|
|
18
|
-
var _CustomIcon =
|
|
19
|
-
|
|
20
|
-
var _InputText = _interopRequireDefault(require("../InputText"));
|
|
16
|
+
var _CustomIcon = require("../CustomIcon");
|
|
21
17
|
|
|
22
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
19
|
|
|
24
|
-
function IconFile(props) {
|
|
20
|
+
var IconFile = function IconFile(props) {
|
|
25
21
|
var _extensions$ext, _extensions$ext$icon, _extensions$ext2;
|
|
26
22
|
|
|
27
23
|
var id = props.id,
|
|
@@ -237,7 +233,7 @@ function IconFile(props) {
|
|
|
237
233
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
|
|
238
234
|
className: className + (!type && (_extensions$ext = extensions[ext]) !== null && _extensions$ext !== void 0 && _extensions$ext.type ? " icon-" + extensions[ext].type : undefined),
|
|
239
235
|
borderType: borderType,
|
|
240
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.
|
|
236
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomIcon.CustomIcon, {
|
|
241
237
|
id: id,
|
|
242
238
|
className: "icon",
|
|
243
239
|
type: type,
|
|
@@ -248,4 +244,6 @@ function IconFile(props) {
|
|
|
248
244
|
}, key)
|
|
249
245
|
})
|
|
250
246
|
});
|
|
251
|
-
}
|
|
247
|
+
};
|
|
248
|
+
|
|
249
|
+
exports.IconFile = IconFile;
|
|
@@ -9,19 +9,19 @@ exports.default = exports.ImageTest = exports.ImageOK = exports.ImageERROR = voi
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/atoms/Image",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.Image,
|
|
19
19
|
argTypes: {}
|
|
20
20
|
};
|
|
21
21
|
exports.default = _default;
|
|
22
22
|
|
|
23
23
|
var Template = function Template(args) {
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Image, (0, _objectSpread2.default)({}, args));
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
var keyS3_test = "84300/1/chat/playa-213f791b-d890-48e1-be19-28bf5a95d517.jpeg";
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.Image = void 0;
|
|
9
9
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
11
|
|
|
@@ -19,7 +19,7 @@ var _react = require("react");
|
|
|
19
19
|
|
|
20
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
21
|
|
|
22
|
-
function Image(props) {
|
|
22
|
+
var Image = function Image(props) {
|
|
23
23
|
var className = props.className,
|
|
24
24
|
width = props.width,
|
|
25
25
|
sizeLoading = props.sizeLoading,
|
|
@@ -69,4 +69,6 @@ function Image(props) {
|
|
|
69
69
|
show: imgLoad === true && !loading
|
|
70
70
|
})]
|
|
71
71
|
});
|
|
72
|
-
}
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
exports.Image = Image;
|
|
@@ -9,19 +9,19 @@ exports.default = exports.ImageTest = exports.ImageOK = exports.ImageERROR = voi
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/atoms/ImageLink",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.ImageLink,
|
|
19
19
|
argTypes: {}
|
|
20
20
|
};
|
|
21
21
|
exports.default = _default;
|
|
22
22
|
|
|
23
23
|
var Template = function Template(args) {
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageLink, (0, _objectSpread2.default)({}, args));
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
var keyS3_test = "84300/1/chat/playa-213f791b-d890-48e1-be19-28bf5a95d517.jpeg";
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.ImageLink = void 0;
|
|
9
9
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
11
|
|
|
@@ -19,7 +19,7 @@ var _react = require("react");
|
|
|
19
19
|
|
|
20
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
21
|
|
|
22
|
-
function ImageLink(props) {
|
|
22
|
+
var ImageLink = function ImageLink(props) {
|
|
23
23
|
var className = props.className,
|
|
24
24
|
width = props.width,
|
|
25
25
|
sizeLoading = props.sizeLoading,
|
|
@@ -72,4 +72,6 @@ function ImageLink(props) {
|
|
|
72
72
|
})
|
|
73
73
|
})]
|
|
74
74
|
});
|
|
75
|
-
}
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
exports.ImageLink = ImageLink;
|
|
@@ -9,19 +9,19 @@ exports.default = exports.ImageTest = exports.ImageOK = exports.ImageERROR = voi
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/atoms/ImagePreview",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.ImagePreview,
|
|
19
19
|
argTypes: {}
|
|
20
20
|
};
|
|
21
21
|
exports.default = _default;
|
|
22
22
|
|
|
23
23
|
var Template = function Template(args) {
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImagePreview, (0, _objectSpread2.default)({}, args));
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
var keyS3_test = "84300/1/chat/playa-213f791b-d890-48e1-be19-28bf5a95d517.jpeg";
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.ImagePreview = void 0;
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
@@ -21,17 +21,17 @@ var _react = require("react");
|
|
|
21
21
|
|
|
22
22
|
var _material = require("@mui/material");
|
|
23
23
|
|
|
24
|
-
var _Modal =
|
|
24
|
+
var _Modal = require("../../organisms/Modal");
|
|
25
25
|
|
|
26
|
-
var _ButtonV =
|
|
26
|
+
var _ButtonV = require("../ButtonV2");
|
|
27
27
|
|
|
28
28
|
var _axios = _interopRequireDefault(require("axios"));
|
|
29
29
|
|
|
30
|
-
var _Image =
|
|
30
|
+
var _Image = require("../Image");
|
|
31
31
|
|
|
32
32
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
33
33
|
|
|
34
|
-
function ImagePreview(props) {
|
|
34
|
+
var ImagePreview = function ImagePreview(props) {
|
|
35
35
|
var className = props.className,
|
|
36
36
|
width = props.width,
|
|
37
37
|
sizeLoading = props.sizeLoading,
|
|
@@ -74,7 +74,7 @@ function ImagePreview(props) {
|
|
|
74
74
|
title: "",
|
|
75
75
|
message: "Ocurrió un error al descargar la imagen ¿Quieres intentarlo de nuevo?",
|
|
76
76
|
icon: "info",
|
|
77
|
-
buttons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.
|
|
77
|
+
buttons: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
|
|
78
78
|
type: "white",
|
|
79
79
|
borderType: "oval",
|
|
80
80
|
label: "No",
|
|
@@ -86,7 +86,7 @@ function ImagePreview(props) {
|
|
|
86
86
|
});
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
|
-
}, "btn-No"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.
|
|
89
|
+
}, "btn-No"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
|
|
90
90
|
type: "pink",
|
|
91
91
|
borderType: "oval",
|
|
92
92
|
label: "Intentar",
|
|
@@ -187,7 +187,7 @@ function ImagePreview(props) {
|
|
|
187
187
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ContainerModalImg, {
|
|
188
188
|
children: [showButtonDownload && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
189
189
|
className: "container-header",
|
|
190
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.
|
|
190
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
|
|
191
191
|
className: "container-btnDownload",
|
|
192
192
|
type: "pink",
|
|
193
193
|
size: 14,
|
|
@@ -199,7 +199,7 @@ function ImagePreview(props) {
|
|
|
199
199
|
getImage();
|
|
200
200
|
}
|
|
201
201
|
})
|
|
202
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.
|
|
202
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
|
|
203
203
|
className: "container-imgModal",
|
|
204
204
|
classNameImg: "img",
|
|
205
205
|
sizeLoading: 100,
|
|
@@ -209,7 +209,7 @@ function ImagePreview(props) {
|
|
|
209
209
|
})]
|
|
210
210
|
})
|
|
211
211
|
})
|
|
212
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.
|
|
212
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
|
|
213
213
|
show: modalAlert.show,
|
|
214
214
|
title: modalAlert.title,
|
|
215
215
|
message: modalAlert.message,
|
|
@@ -217,4 +217,6 @@ function ImagePreview(props) {
|
|
|
217
217
|
buttons: modalAlert.buttons
|
|
218
218
|
})]
|
|
219
219
|
});
|
|
220
|
-
}
|
|
220
|
+
};
|
|
221
|
+
|
|
222
|
+
exports.ImagePreview = ImagePreview;
|
|
@@ -9,15 +9,13 @@ exports.default = exports.InputTextTest = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _index = _interopRequireDefault(require("./index"));
|
|
12
|
+
var _index = require("./index");
|
|
15
13
|
|
|
16
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
15
|
|
|
18
16
|
var _default = {
|
|
19
17
|
title: "Components/atoms/InputText",
|
|
20
|
-
component: _index.
|
|
18
|
+
component: _index.InputText,
|
|
21
19
|
argTypes: {
|
|
22
20
|
type: {
|
|
23
21
|
options: [undefined, "white", "gray", "black"],
|
|
@@ -36,7 +34,7 @@ var _default = {
|
|
|
36
34
|
exports.default = _default;
|
|
37
35
|
|
|
38
36
|
var Template = function Template(args) {
|
|
39
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.InputText, (0, _objectSpread2.default)({}, args));
|
|
40
38
|
};
|
|
41
39
|
|
|
42
40
|
var InputTextTest = Template.bind({});
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.InputText = void 0;
|
|
9
9
|
|
|
10
10
|
var _styles = require("./styles");
|
|
11
11
|
|
|
12
|
-
var _react =
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
|
|
14
14
|
var _material = require("@mui/material");
|
|
15
15
|
|
|
16
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
17
|
|
|
18
|
-
function InputText(props) {
|
|
18
|
+
var InputText = function InputText(props) {
|
|
19
19
|
var id = props.id,
|
|
20
20
|
key = props.key,
|
|
21
21
|
className = props.className,
|
|
@@ -61,4 +61,6 @@ function InputText(props) {
|
|
|
61
61
|
})
|
|
62
62
|
}, key)
|
|
63
63
|
});
|
|
64
|
-
}
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
exports.InputText = InputText;
|
|
@@ -9,19 +9,19 @@ exports.default = exports.NotFoundTest = exports.NotFoundDefault = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/atoms/NotFound",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.NotFound,
|
|
19
19
|
argTypes: {}
|
|
20
20
|
};
|
|
21
21
|
exports.default = _default;
|
|
22
22
|
|
|
23
23
|
var Template = function Template(args) {
|
|
24
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
24
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.NotFound, (0, _objectSpread2.default)({}, args));
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
var NotFoundTest = Template.bind({});
|
|
@@ -5,15 +5,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
8
|
+
exports.NotFound = void 0;
|
|
9
9
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
11
11
|
|
|
12
12
|
var _styles = require("./styles");
|
|
13
13
|
|
|
14
|
-
var _ButtonV =
|
|
14
|
+
var _ButtonV = require("../ButtonV2");
|
|
15
15
|
|
|
16
|
-
var _Modal =
|
|
16
|
+
var _Modal = require("../../organisms/Modal");
|
|
17
17
|
|
|
18
18
|
var _reactFontawesome = require("@fortawesome/react-fontawesome");
|
|
19
19
|
|
|
@@ -25,7 +25,7 @@ var _react = require("react");
|
|
|
25
25
|
|
|
26
26
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
27
|
|
|
28
|
-
function NotFound(props) {
|
|
28
|
+
var NotFound = function NotFound(props) {
|
|
29
29
|
var className = props.className,
|
|
30
30
|
code = props.code,
|
|
31
31
|
message = props.message,
|
|
@@ -44,7 +44,7 @@ function NotFound(props) {
|
|
|
44
44
|
alt: "imagen not found"
|
|
45
45
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
46
46
|
className: "divInfo",
|
|
47
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.
|
|
47
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonV.ButtonV2, {
|
|
48
48
|
className: "btnInfo",
|
|
49
49
|
type: "pink",
|
|
50
50
|
transparent: true,
|
|
@@ -59,7 +59,7 @@ function NotFound(props) {
|
|
|
59
59
|
children: [" ", code ? code : 404, " "]
|
|
60
60
|
})]
|
|
61
61
|
})]
|
|
62
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.
|
|
62
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
|
|
63
63
|
show: showModal,
|
|
64
64
|
title: message ? message : "Error NO especificado",
|
|
65
65
|
message: details ? details : "Reporta esto a TI",
|
|
@@ -70,4 +70,6 @@ function NotFound(props) {
|
|
|
70
70
|
})]
|
|
71
71
|
})
|
|
72
72
|
});
|
|
73
|
-
}
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
exports.NotFound = NotFound;
|
|
@@ -9,13 +9,13 @@ exports.default = exports.TooltipDefault = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/atoms/Tooltip",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.Tooltip,
|
|
19
19
|
argTypes: {
|
|
20
20
|
position: {
|
|
21
21
|
options: [undefined, "topStart", "topEnd", "topCenter", "rightStart", "rightEnd", "rightCenter", "bottomStart", "bottomEnd", "bottomCenter", "leftStart", "leftEnd", "leftCenter"],
|
|
@@ -46,7 +46,7 @@ var _default = {
|
|
|
46
46
|
exports.default = _default;
|
|
47
47
|
|
|
48
48
|
var Template = function Template(args) {
|
|
49
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Tooltip, (0, _objectSpread2.default)({}, args));
|
|
50
50
|
};
|
|
51
51
|
|
|
52
52
|
var TooltipDefault = Template.bind({});
|
|
@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.Tooltip = void 0;
|
|
11
11
|
|
|
12
12
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
13
13
|
|
|
@@ -19,7 +19,7 @@ var _styles = require("./styles");
|
|
|
19
19
|
|
|
20
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
21
|
|
|
22
|
-
function Tooltip(props) {
|
|
22
|
+
var Tooltip = function Tooltip(props) {
|
|
23
23
|
var _positions$position;
|
|
24
24
|
|
|
25
25
|
var componentTooltip = props.componentTooltip,
|
|
@@ -67,4 +67,6 @@ function Tooltip(props) {
|
|
|
67
67
|
children: [" ", children, " "]
|
|
68
68
|
})
|
|
69
69
|
}));
|
|
70
|
-
}
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
exports.Tooltip = Tooltip;
|
|
@@ -9,13 +9,13 @@ exports.default = exports.DownloadFileOk = exports.DownloadFileError = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
11
|
|
|
12
|
-
var _index =
|
|
12
|
+
var _index = require("./index");
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
|
|
16
16
|
var _default = {
|
|
17
17
|
title: "Components/molecules/ButtonDownloadFile",
|
|
18
|
-
component: _index.
|
|
18
|
+
component: _index.ButtonDownloadFile,
|
|
19
19
|
argTypes: {
|
|
20
20
|
type: {
|
|
21
21
|
options: [undefined, "white", "whiteS2", "pink", "gray", "purple", "black"],
|
|
@@ -34,7 +34,7 @@ var _default = {
|
|
|
34
34
|
exports.default = _default;
|
|
35
35
|
|
|
36
36
|
var Template = function Template(args) {
|
|
37
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.
|
|
37
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ButtonDownloadFile, (0, _objectSpread2.default)({}, args));
|
|
38
38
|
};
|
|
39
39
|
|
|
40
40
|
var DownloadFileOk = Template.bind({});
|