siam-ui-utils 3.0.21 → 3.0.23
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/custom-input/CustomInputRadio.js +43 -19
- package/dist/custom-input/CustomInputRadio.js.map +1 -1
- package/dist/custom-input/index.css +5 -4
- package/dist/drag-and-dropzone/config.js +43 -31
- package/dist/drag-and-dropzone/config.js.map +1 -1
- package/dist/drag-and-dropzone/index.css +1 -16
- package/package.json +1 -1
- package/dist/_virtual/react-dom-server-legacy.browser.development.js +0 -5
- package/dist/_virtual/react-dom-server-legacy.browser.development.js.map +0 -1
- package/dist/_virtual/react-dom-server-legacy.browser.production.min.js +0 -5
- package/dist/_virtual/react-dom-server-legacy.browser.production.min.js.map +0 -1
- package/dist/_virtual/react-dom-server.browser.development.js +0 -5
- package/dist/_virtual/react-dom-server.browser.development.js.map +0 -1
- package/dist/_virtual/react-dom-server.browser.production.min.js +0 -5
- package/dist/_virtual/react-dom-server.browser.production.min.js.map +0 -1
- package/dist/_virtual/server.browser.js +0 -8
- package/dist/_virtual/server.browser.js.map +0 -1
- package/dist/_virtual/server.browser2.js +0 -5
- package/dist/_virtual/server.browser2.js.map +0 -1
- package/dist/node_modules/react-dom/cjs/react-dom-server-legacy.browser.development.js +0 -5375
- package/dist/node_modules/react-dom/cjs/react-dom-server-legacy.browser.development.js.map +0 -1
- package/dist/node_modules/react-dom/cjs/react-dom-server-legacy.browser.production.min.js +0 -1497
- package/dist/node_modules/react-dom/cjs/react-dom-server-legacy.browser.production.min.js.map +0 -1
- package/dist/node_modules/react-dom/cjs/react-dom-server.browser.development.js +0 -5366
- package/dist/node_modules/react-dom/cjs/react-dom-server.browser.development.js.map +0 -1
- package/dist/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js +0 -1520
- package/dist/node_modules/react-dom/cjs/react-dom-server.browser.production.min.js.map +0 -1
- package/dist/node_modules/react-dom/server.browser.js +0 -30
- package/dist/node_modules/react-dom/server.browser.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { FormGroup, Input, Label } from "reactstrap";
|
|
3
3
|
import "./index.css";
|
|
4
4
|
const CustomInputRadio = ({
|
|
@@ -10,29 +10,53 @@ const CustomInputRadio = ({
|
|
|
10
10
|
inline,
|
|
11
11
|
label,
|
|
12
12
|
name,
|
|
13
|
-
onChange
|
|
13
|
+
onChange,
|
|
14
|
+
direction = "row"
|
|
14
15
|
}) => {
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
+
return /* @__PURE__ */ jsx(
|
|
16
17
|
FormGroup,
|
|
17
18
|
{
|
|
18
|
-
check: true,
|
|
19
19
|
inline,
|
|
20
20
|
className: `custom-radio ${customClassName || ""}`,
|
|
21
|
-
children:
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
{
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
21
|
+
children: /* @__PURE__ */ jsxs(
|
|
22
|
+
"div",
|
|
23
|
+
{
|
|
24
|
+
style: {
|
|
25
|
+
display: "flex",
|
|
26
|
+
flexDirection: direction,
|
|
27
|
+
alignItems: "center",
|
|
28
|
+
justifyContent: "center"
|
|
29
|
+
},
|
|
30
|
+
children: [
|
|
31
|
+
/* @__PURE__ */ jsx(
|
|
32
|
+
Input,
|
|
33
|
+
{
|
|
34
|
+
id,
|
|
35
|
+
type: "radio",
|
|
36
|
+
name,
|
|
37
|
+
checked,
|
|
38
|
+
onChange,
|
|
39
|
+
disabled,
|
|
40
|
+
className
|
|
41
|
+
}
|
|
42
|
+
),
|
|
43
|
+
/* @__PURE__ */ jsx(
|
|
44
|
+
Label,
|
|
45
|
+
{
|
|
46
|
+
check: true,
|
|
47
|
+
htmlFor: id,
|
|
48
|
+
style: {
|
|
49
|
+
alignItems: "center",
|
|
50
|
+
justifyContent: "center",
|
|
51
|
+
height: "25px",
|
|
52
|
+
width: "25px"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
),
|
|
56
|
+
/* @__PURE__ */ jsx("div", { children: label })
|
|
57
|
+
]
|
|
58
|
+
}
|
|
59
|
+
)
|
|
36
60
|
}
|
|
37
61
|
);
|
|
38
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomInputRadio.js","sources":["../../src/custom-input/CustomInputRadio.jsx"],"sourcesContent":["import { FormGroup, Label, Input } from 'reactstrap';\r\nimport './index.css';\r\n\r\nexport const CustomInputRadio = ({\r\n className,\r\n customClassName,\r\n checked,\r\n disabled,\r\n id,\r\n inline,\r\n label,\r\n name,\r\n onChange,\r\n}) => {\r\n return (\r\n <FormGroup\r\n
|
|
1
|
+
{"version":3,"file":"CustomInputRadio.js","sources":["../../src/custom-input/CustomInputRadio.jsx"],"sourcesContent":["import { FormGroup, Label, Input } from 'reactstrap';\r\nimport './index.css';\r\n\r\nexport const CustomInputRadio = ({\r\n className,\r\n customClassName,\r\n checked,\r\n disabled,\r\n id,\r\n inline,\r\n label,\r\n name,\r\n onChange,\r\n direction = 'row',\r\n}) => {\r\n return (\r\n <FormGroup\r\n inline={inline}\r\n className={`custom-radio ${customClassName || ''}`}\r\n >\r\n <div\r\n style={{\r\n display: 'flex',\r\n flexDirection: direction,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n <Input\r\n id={id}\r\n type=\"radio\"\r\n name={name}\r\n checked={checked}\r\n onChange={onChange}\r\n disabled={disabled}\r\n className={className}\r\n />\r\n\r\n <Label\r\n check\r\n htmlFor={id}\r\n style={{\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n height: '25px',\r\n width: '25px',\r\n }}\r\n ></Label>\r\n <div>{label}</div>\r\n </div>\r\n </FormGroup>\r\n );\r\n};\r\n\r\nexport default CustomInputRadio;\r\n"],"names":[],"mappings":";;;AAGO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,gBAAgB,mBAAmB,EAAE;AAAA,MAEhD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAAA;AAAA,UAGlB,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAK;AAAA,gBACL,SAAS;AAAA,gBACT,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,QAAQ;AAAA,kBACR,OAAO;AAAA,gBAAA;AAAA,cACT;AAAA,YAAA;AAAA,YAEF,oBAAC,SAAK,UAAA,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAGN;"}
|
|
@@ -91,10 +91,12 @@
|
|
|
91
91
|
.custom-radio label {
|
|
92
92
|
display: inline-flex;
|
|
93
93
|
align-items: center;
|
|
94
|
+
justify-items: center;
|
|
94
95
|
cursor: pointer;
|
|
95
96
|
}
|
|
96
97
|
|
|
97
98
|
.custom-radio label::before {
|
|
99
|
+
position: absolute;
|
|
98
100
|
content: '';
|
|
99
101
|
display: inline-block;
|
|
100
102
|
width: 20px;
|
|
@@ -102,11 +104,11 @@
|
|
|
102
104
|
border-radius: 50%;
|
|
103
105
|
border: 2px solid #ced4da;
|
|
104
106
|
background-color: white;
|
|
105
|
-
margin-right: 10px;
|
|
106
107
|
transition: background-color 0.2s, border-color 0.2s;
|
|
107
108
|
}
|
|
108
109
|
|
|
109
110
|
.custom-radio input[type='radio']:checked + label::before {
|
|
111
|
+
position: absolute;
|
|
110
112
|
background-color: #900604;
|
|
111
113
|
border-color: #900604;
|
|
112
114
|
}
|
|
@@ -114,13 +116,12 @@
|
|
|
114
116
|
.custom-radio input[type='radio']:checked + label::after {
|
|
115
117
|
content: '';
|
|
116
118
|
position: absolute;
|
|
117
|
-
left: 26px;
|
|
118
|
-
top: 44%;
|
|
119
|
-
transform: translateY(-50%);
|
|
120
119
|
width: 0.5rem;
|
|
121
120
|
height: 0.45rem;
|
|
122
121
|
background-color: white !important;
|
|
122
|
+
transition: translateY(-50%);
|
|
123
123
|
border-radius: 50%;
|
|
124
|
+
display: inline-block;
|
|
124
125
|
}
|
|
125
126
|
|
|
126
127
|
/* Estilos específicos para radio buttons deshabilitados */
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import ReactDOMServer from "../_virtual/server.browser.js";
|
|
4
1
|
const dropzoneComponentConfig = {
|
|
5
2
|
postUrl: "no-url"
|
|
6
3
|
};
|
|
@@ -10,34 +7,49 @@ const dropzoneConfig = {
|
|
|
10
7
|
maxFilesize: 10,
|
|
11
8
|
maxFiles: 20,
|
|
12
9
|
dictDefaultMessage: "Presione para agregar imagenes",
|
|
13
|
-
previewTemplate:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
10
|
+
previewTemplate: `
|
|
11
|
+
<div class="dz-preview dz-file-preview mb-0">
|
|
12
|
+
<div class="d-flex flex-row">
|
|
13
|
+
<div class="p-0 w-30 position-relative">
|
|
14
|
+
<div class="dz-error-mark">
|
|
15
|
+
<span>
|
|
16
|
+
<i></i>
|
|
17
|
+
</span>
|
|
18
|
+
</div>
|
|
19
|
+
<div class="dz-success-mark">
|
|
20
|
+
<span>
|
|
21
|
+
<i></i>
|
|
22
|
+
</span>
|
|
23
|
+
</div>
|
|
24
|
+
<div class="preview-container">
|
|
25
|
+
<img
|
|
26
|
+
data-dz-thumbnail
|
|
27
|
+
class="img-thumbnail border-0"
|
|
28
|
+
alt="preview_image"
|
|
29
|
+
/>
|
|
30
|
+
<i class="simple-icon-doc preview-icon"></i>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
<div class="pl-3 pt-2 pr-2 pb-1 w-70 dz-details position-relative">
|
|
35
|
+
<div>
|
|
36
|
+
<span data-dz-name></span>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="text-primary text-extra-small" data-dz-size></div>
|
|
39
|
+
<div class="dz-progress">
|
|
40
|
+
<span class="dz-upload" data-dz-uploadprogress></span>
|
|
41
|
+
</div>
|
|
42
|
+
<div class="dz-error-message">
|
|
43
|
+
<span data-dz-errormessage></span>
|
|
44
|
+
</div>
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
|
|
48
|
+
<a href="#/" class="remove dz-remove" data-dz-remove>
|
|
49
|
+
<i class="glyph-icon simple-icon-trash"></i>
|
|
50
|
+
</a>
|
|
51
|
+
</div>
|
|
52
|
+
`,
|
|
41
53
|
autoProcessQueue: false
|
|
42
54
|
};
|
|
43
55
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sources":["../../src/drag-and-dropzone/config.jsx"],"sourcesContent":["
|
|
1
|
+
{"version":3,"file":"config.js","sources":["../../src/drag-and-dropzone/config.jsx"],"sourcesContent":["export const dropzoneComponentConfig = {\r\n postUrl: 'no-url',\r\n};\r\n\r\nexport const dropzoneConfig = {\r\n thumbnailHeight: 160,\r\n acceptedFiles: 'image/*,application/pdf,',\r\n maxFilesize: 10,\r\n maxFiles: 20,\r\n dictDefaultMessage: 'Presione para agregar imagenes',\r\n previewTemplate: `\r\n <div class=\"dz-preview dz-file-preview mb-0\">\r\n <div class=\"d-flex flex-row\">\r\n <div class=\"p-0 w-30 position-relative\">\r\n <div class=\"dz-error-mark\">\r\n <span>\r\n <i></i>\r\n </span>\r\n </div>\r\n <div class=\"dz-success-mark\">\r\n <span>\r\n <i></i>\r\n </span>\r\n </div>\r\n <div class=\"preview-container\">\r\n <img\r\n data-dz-thumbnail\r\n class=\"img-thumbnail border-0\"\r\n alt=\"preview_image\"\r\n />\r\n <i class=\"simple-icon-doc preview-icon\"></i>\r\n </div>\r\n </div>\r\n \r\n <div class=\"pl-3 pt-2 pr-2 pb-1 w-70 dz-details position-relative\">\r\n <div>\r\n <span data-dz-name></span>\r\n </div>\r\n <div class=\"text-primary text-extra-small\" data-dz-size></div>\r\n <div class=\"dz-progress\">\r\n <span class=\"dz-upload\" data-dz-uploadprogress></span>\r\n </div>\r\n <div class=\"dz-error-message\">\r\n <span data-dz-errormessage></span>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n <a href=\"#/\" class=\"remove dz-remove\" data-dz-remove>\r\n <i class=\"glyph-icon simple-icon-trash\"></i>\r\n </a>\r\n </div>\r\n `,\r\n autoProcessQueue: false,\r\n};\r\n"],"names":[],"mappings":"AAAO,MAAM,0BAA0B;AAAA,EACrC,SAAS;AACX;AAEO,MAAM,iBAAiB;AAAA,EAC5B,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2CjB,kBAAkB;AACpB;"}
|
|
@@ -110,9 +110,7 @@
|
|
|
110
110
|
cursor: pointer;
|
|
111
111
|
border: none;
|
|
112
112
|
}
|
|
113
|
-
|
|
114
|
-
text-decoration: underline;
|
|
115
|
-
}
|
|
113
|
+
|
|
116
114
|
.dropzone .dz-preview:hover .dz-details {
|
|
117
115
|
opacity: 1;
|
|
118
116
|
}
|
|
@@ -277,19 +275,6 @@
|
|
|
277
275
|
margin: 0;
|
|
278
276
|
}
|
|
279
277
|
|
|
280
|
-
@font-face {
|
|
281
|
-
font-family: 'simple-line-icons';
|
|
282
|
-
src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');
|
|
283
|
-
src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix')
|
|
284
|
-
format('embedded-opentype'),
|
|
285
|
-
url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'),
|
|
286
|
-
url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'),
|
|
287
|
-
url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'),
|
|
288
|
-
url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons')
|
|
289
|
-
format('svg');
|
|
290
|
-
font-weight: normal;
|
|
291
|
-
font-style: normal;
|
|
292
|
-
}
|
|
293
278
|
/*
|
|
294
279
|
Use the following CSS code if you want to have a class per icon.
|
|
295
280
|
Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-dom-server-legacy.browser.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-dom-server-legacy.browser.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-dom-server.browser.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"react-dom-server.browser.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
|
|
2
|
-
import { __require as requireServer_browser } from "../node_modules/react-dom/server.browser.js";
|
|
3
|
-
var server_browserExports = requireServer_browser();
|
|
4
|
-
const ReactDOMServer = /* @__PURE__ */ getDefaultExportFromCjs(server_browserExports);
|
|
5
|
-
export {
|
|
6
|
-
ReactDOMServer as default
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=server.browser.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"server.browser.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"server.browser2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|