frst-components 0.21.26 → 0.21.27
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/index.js +3 -6
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -7434,10 +7434,7 @@ function AvatarChannel$1({ size, channel, className, disabled, color, handleValu
|
|
|
7434
7434
|
.map((name, i) => name[0])
|
|
7435
7435
|
.join('');
|
|
7436
7436
|
const [image, setImage] = React.useState(sourceImage);
|
|
7437
|
-
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(ContainerGeral$1, { className: "geral", isEdit: isEdit, variant: variantPopOver, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerPopOver, { className: "popOver", variant: variantPopOver, children: jsxRuntime.jsx(PopOverLXP, { children: 'Alterar avatar', variant: variantPopOver, element: undefined }) }), jsxRuntime.jsx("div", { style: { display: 'none' }, children: isEdit && (jsxRuntime.jsx("input", { type: "file", id: "fileSelector", accept: ".jpg, .jpeg, .png", onChange: (e) => {
|
|
7438
|
-
console.log(e);
|
|
7439
|
-
handleFileSelected(e.target.files[0]);
|
|
7440
|
-
} })) }), jsxRuntime.jsxs(AvatarChannel$2, { size: size, onClick: onChange, className: className, disabled: disabled, variant: variantPopOver, color: color ? color : '#6a3f86', image: image, isEdit: isEdit, children: [!image && jsxRuntime.jsx(Channel$2, { size: size, children: nameChannel }), isEdit && (jsxRuntime.jsx(AvatarCircle, { className: "hide", children: jsxRuntime.jsx(AvatarCam, { children: jsxRuntime.jsx(Cam, {}) }) }))] })] }) }) }));
|
|
7437
|
+
return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx(ContainerGeral$1, { className: "geral", isEdit: isEdit, variant: variantPopOver, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerPopOver, { className: "popOver", variant: variantPopOver, children: jsxRuntime.jsx(PopOverLXP, { children: 'Alterar avatar', variant: variantPopOver, element: undefined }) }), jsxRuntime.jsx("div", { style: { display: 'none' }, children: isEdit && (jsxRuntime.jsx("input", { type: "file", id: "fileSelector", accept: ".jpg, .jpeg, .png", onChange: (e) => handleFileSelected(e.target.files[0]) })) }), jsxRuntime.jsxs(AvatarChannel$2, { size: size, onClick: onChange, className: className, disabled: disabled, variant: variantPopOver, color: color ? color : '#6a3f86', image: image, isEdit: isEdit, children: [!image && jsxRuntime.jsx(Channel$2, { size: size, children: nameChannel }), isEdit && (jsxRuntime.jsx(AvatarCircle, { className: "hide", children: jsxRuntime.jsx(AvatarCam, { children: jsxRuntime.jsx(Cam, {}) }) }))] })] }) }) }));
|
|
7441
7438
|
}
|
|
7442
7439
|
|
|
7443
7440
|
const ContainerGeral = styled__default["default"].div `
|
|
@@ -8208,9 +8205,9 @@ function VectorEllipse(props) {
|
|
|
8208
8205
|
}
|
|
8209
8206
|
|
|
8210
8207
|
const HeaderVectorElipses = ({ provided, direction }) => {
|
|
8211
|
-
return (jsxRuntime.jsx("div", { ref: provided ? provided.innerRef : null, ...(provided ? provided.dragHandleProps : null), style: { display: 'flex', width: 'fit-content', height: 'fit-content', flexDirection: direction ? 'row' : 'column' }, children: [1, 2, 3].map((thumb) => {
|
|
8208
|
+
return (jsxRuntime.jsx("div", { ref: provided ? provided.innerRef : null, ...(provided ? provided.dragHandleProps : null), style: { display: 'flex', width: 'fit-content', height: 'fit-content', flexDirection: direction === 'column' ? 'row' : 'column' }, children: [1, 2, 3].map((thumb) => {
|
|
8212
8209
|
const arr = new Array(10).fill('');
|
|
8213
|
-
return (jsxRuntime.jsx("div", { style: { width: 'fit-content', display: 'flex', justifyContent: 'center', cursor: 'pointer', flexDirection:
|
|
8210
|
+
return (jsxRuntime.jsx("div", { style: { width: 'fit-content', display: 'flex', justifyContent: 'center', cursor: 'pointer', flexDirection: direction === 'column' ? 'column' : 'row' }, children: arr.map((i, k) => {
|
|
8214
8211
|
return jsxRuntime.jsx(VectorEllipse, {}, k);
|
|
8215
8212
|
}) }, thumb));
|
|
8216
8213
|
}) }));
|