siam-ui-utils 1.1.0 → 1.1.2

package/src/icon-button-svg.jsx

@@ -1,49 +0,0 @@
-import React, { useState } from 'react';
-import { withTheme } from 'styled-components';
-import { Icon } from './styled-icon';
-
-const useSvgToReactEncoded = (svg) => {
-  const svgWrapperRef = React.useRef();
-  React.useEffect(() => {
-    svgWrapperRef.current.innerHTML = svg;
-  }, [svg]);
-
-  return svgWrapperRef;
-};
-
-const IconButtonSvg = (props) => {
-  const {
-    sublabel = '',
-    onClick = () => {
-      undefined;
-    },
-    onTouchStart = () => {
-      undefined;
-    },
-    svg,
-    svgOver,
-    height = '3rem',
-    width = '3rem',
-    title,
-  } = props || {};
-  const [svgActive, setSvgActive] = useState(svg);
-  const svgWrapperRef = useSvgToReactEncoded(svgActive);
-
-  return (
-    <Icon
-      title={title}
-      display={sublabel !== '' ? 'block' : 'none'}
-      onClick={onClick}
-      onTouchStart={onTouchStart}
-      onMouseOver={() => setSvgActive(svgOver || svg)}
-      onMouseOut={() => setSvgActive(svg)}
-      width={width}
-      height={height}
-    >
-      <div ref={svgWrapperRef} />
-      <label>{sublabel}</label>
-    </Icon>
-  );
-};
-IconButtonSvg.defaultProps = { theme: {} };
-export default withTheme(IconButtonSvg);

package/src/lapiz-act-contacto-perf-button.jsx

@@ -1,43 +0,0 @@
-import React from 'react';
-import { withTheme } from 'styled-components';
-import { Icon } from './styled-icon';
-
-const LapizActContactoPerfilButton = (props) => {
-  const { sublabel = '', size = '', onOpen } = props || {};
-  const handleOpen = () => {
-    onOpen(true);
-  };
-
-  return (
-    <>
-      <Icon
-        width={size}
-        display={sublabel !== '' ? 'block' : 'none'}
-        onClick={() => handleOpen()}
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          version="1.1"
-          width="25.694px"
-          height="25.697px"
-          viewBox="0 0 28.447 28.035"
-        >
-          <g>
-            <g>
-              <path
-                fill="#00CCCC"
-                d="M22.747,10.166l1.074-1.078c1.327-1.253,1.387-3.343,0.135-4.669c-1.253-1.323-3.343-1.384-4.669-0.132    c-0.045,0.043-0.089,0.087-0.131,0.132l-1.08,1.075L22.747,10.166z"
-              />
-              <path
-                fill="#00CCCC"
-                d="M16.804,6.769L5.098,18.475c-0.119,0.112-0.205,0.259-0.244,0.419L3.62,23.518    c-0.126,0.481,0.16,0.975,0.64,1.103c0.076,0.021,0.151,0.029,0.23,0.029c0.081,0,0.159-0.009,0.232-0.029l4.633-1.224    c0.148-0.042,0.29-0.122,0.401-0.235l11.704-11.706L16.804,6.769z"
-              />
-            </g>
-          </g>
-        </svg>
-      </Icon>
-    </>
-  );
-};
-LapizActContactoPerfilButton.defaultProps = { theme: {} };
-export default withTheme(LapizActContactoPerfilButton);

package/src/styled-icon.jsx

@@ -1,25 +0,0 @@
-import { styled } from 'styled-components';
-
-// eslint-disable-next-line react/react-in-jsx-scope
-const IconDiv = (props) => <div {...props} />;
-
-export const Icon = styled(IconDiv)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  svg {
-    margin: 0.1rem;
-    margin-right: 0.1rem;
-    margin-top: 0.1rem;
-    justify-content: center;
-    color: red;
-    width: ${(props) => props.width || '3rem'};
-    height: ${(props) => props.height || props.width || '3rem'};
-    cursor: pointer;
-  }
-  label {
-    display: ${(props) => props.display || 'none'};
-  }
-`;
-export default Icon;

package/src/styled-timer-reenv-cod.jsx

@@ -1,16 +0,0 @@
-import { styled } from 'styled-components';
-import { Label } from 'reactstrap';
-
-export const LabelTimer = styled(Label)`
-  color: ${({ color }) => color};
-  font-family: ${({ fontFamily }) => fontFamily};
-  font-style: ${({ fontStyle }) => fontStyle};
-  font-weight: ${({ fontWeight }) => fontWeight};
-  font-size: ${({ fontSize }) => fontSize};
-  padding-left: ${({ paddingLeft }) => paddingLeft};
-  padding-right: ${({ paddingRight }) => paddingRight};
-  width: ${({ width }) => width};
-  text-align: ${({ textAlign }) => textAlign};
-  cursor: ${({ cursor }) => cursor};
-`;
-export default LabelTimer;

package/src/user-styled-icon.jsx

@@ -1,22 +0,0 @@
-import { styled } from 'styled-components';
-
-// eslint-disable-next-line react/react-in-jsx-scope
-const IconDiv = (props) => <div {...props} />;
-
-export const UserIcon = styled(IconDiv)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  svg {
-    margin-top: '0.1rem';
-    justify-content: center;
-    color: red;
-    width: ${(props) => props.width};
-    height: ${(props) => props.height};
-  }
-  label {
-    display: ${(props) => props.display || 'none'};
-  }
-`;
-export default UserIcon;

package/src/verificar-sin-verificar-icon.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { withTheme } from 'styled-components';
-import { Icon } from './styled-icon';
-
-const VerificarSinVerificarIcon = (props) => {
-  const { sublabel = '', size = '', onVerificar } = props || {};
-  const handleVerificar = () => {
-    onVerificar(true);
-  };
-
-  return (
-    <Icon
-      width={size}
-      display={sublabel !== '' ? 'block' : 'none'}
-      onClick={() => handleVerificar()}
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        version="1.1"
-        id="Capa_1"
-        x="0px"
-        y="0px"
-        width="21.694px"
-        height="21.697px"
-        viewBox="0 0 28.694 28.697"
-      >
-        <path
-          fill="#00CCCC"
-          d="M22.382,0H6.313C2.84,0,0,2.84,0,6.314v16.066c0,3.477,2.84,6.316,6.313,6.316h16.069  c3.473,0,6.313-2.84,6.313-6.316V6.314C28.694,2.84,25.854,0,22.382,0z M21.476,10.543l-8.095,9.271l0,0  c-0.695,0.785-1.873,0.877-2.657,0.182c-0.063-0.061-0.122-0.121-0.183-0.182l-3.172-3.686c-0.634-0.725-0.542-1.842,0.183-2.445  c0.693-0.604,1.721-0.543,2.355,0.061l2.054,1.963l7.46-7.158c0.575-0.545,1.48-0.514,2.024,0.029  C21.958,9.152,21.958,9.998,21.476,10.543z"
-        />
-      </svg>
-      <label>{sublabel}</label>
-    </Icon>
-  );
-};
-VerificarSinVerificarIcon.defaultProps = { theme: {} };
-export default withTheme(VerificarSinVerificarIcon);

package/src/verificar-verificado-icon.jsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import { withTheme } from 'styled-components';
-import { Icon } from './styled-icon';
-
-const VerificarVerificadoIcon = (props) => {
-  const { sublabel = '', size = '' } = props || {};
-  return (
-    <Icon width={size} display={sublabel !== '' ? 'block' : 'none'}>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        version="1.1"
-        id="Capa_1"
-        x="0px"
-        y="0px"
-        width="21.694px"
-        height="21.697px"
-        viewBox="0 0 28.694 28.697"
-      >
-        <path
-          fill="#CCCCCC"
-          d="M22.382,0H6.313C2.84,0,0,2.84,0,6.314v16.068c0,3.475,2.84,6.314,6.313,6.314h16.069  c3.473,0,6.313-2.84,6.313-6.314V6.314C28.694,2.84,25.854,0,22.382,0z M21.476,10.543l-8.095,9.273l0,0  c-0.695,0.785-1.873,0.875-2.657,0.18c-0.063-0.061-0.122-0.119-0.183-0.18l-3.172-3.688c-0.634-0.725-0.542-1.84,0.183-2.445  c0.693-0.604,1.721-0.543,2.355,0.061l2.054,1.963l7.46-7.158c0.575-0.543,1.48-0.514,2.024,0.031  C21.958,9.152,21.958,10,21.476,10.543z"
-        />
-      </svg>
-      <label>{sublabel}</label>
-    </Icon>
-  );
-};
-VerificarVerificadoIcon.defaultProps = { theme: {} };
-export default withTheme(VerificarVerificadoIcon);

package/src/whatsapp-icon-button.jsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { withTheme } from 'styled-components';
-import { Icon } from './styled-icon';
-
-const WhatsappIconButton = (props) => {
-  const { phone = '', width = '', height = '', sublabel = '' } = props || {};
-  return (
-    <Icon
-      width={width}
-      height={height}
-      display={sublabel !== '' ? 'block' : 'none'}
-      onClick={() =>
-        window.open(
-          `https://api.whatsapp.com/send/?phone=${phone}&text=&app_absent=0`,
-          '_blank'
-        )
-      }
-    >
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        version="1.1"
-        viewBox="0 0 23.687 23.688"
-      >
-        <path
-          fill="#99CC33"
-          d="M12.906,3.301c-5.344,0-9.687,4.348-9.687,9.69c0,1.778,0.482,3.509,1.406,5.022l-1.387,4.159
-	C3.19,22.311,3.227,22.46,3.33,22.566c0.076,0.073,0.175,0.112,0.275,0.112c0.045,0,0.082-0.003,0.126-0.019l4.154-1.385
-	c1.516,0.918,3.246,1.403,5.021,1.403c5.343,0,9.688-4.346,9.688-9.688S18.249,3.301,12.906,3.301z M19.107,16.912
-	c0,0.338-0.14,0.671-0.379,0.91l-1.009,0.996c-0.24,0.241-0.565,0.373-0.899,0.373h-0.05c-5.414-0.233-9.833-4.65-10.065-10.061
-	C6.691,8.778,6.828,8.428,7.078,8.176l0.995-1.008c0.241-0.238,0.574-0.38,0.915-0.38h0.373c0.531,0,1.015,0.333,1.201,0.834
-	l0.883,2.345c0.171,0.457,0.066,0.98-0.271,1.337l-0.364,0.383c-0.168,0.176-0.185,0.444-0.05,0.641
-	c0.448,0.65,1.411,1.88,2.814,2.824c0.192,0.129,0.457,0.105,0.628-0.058l0.395-0.372c0.353-0.336,0.876-0.44,1.333-0.271
-	l2.345,0.884c0.498,0.188,0.833,0.669,0.833,1.201V16.912z"
-        />
-      </svg>
-    </Icon>
-  );
-};
-WhatsappIconButton.defaultProps = { theme: {} };
-export default withTheme(WhatsappIconButton);