siam-ui-utils 2.2.26 → 2.2.27

package/src/constants.js

@@ -1,7 +0,0 @@
-export const TAKE_PHOTO = {
-	LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE:
-		'Subí una foto Selfie de frente junto a tu DNI.',
-	MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE:
-		'La carga de una foto Selfie de frente junto a tu DNI solo es accesible desde su teléfono',
-	TAKE_PHOTO_MESSAGE: 'Hacer Foto',
-}

package/src/copy-link/index.jsx

@@ -1,58 +0,0 @@
-import { useState } from 'react';
-import { Button } from 'reactstrap';
-import copiarIcon from '../assets/img/copiar.png';
-import './styles.scss';
-
-const copyToClipboard = async (text) => {
-  try {
-    if (!text) return false;
-    if (navigator.clipboard?.writeText) {
-      await navigator.clipboard.writeText(text);
-      return true;
-    }
-    const ta = document.createElement('textarea');
-    ta.value = text;
-    ta.style.position = 'fixed';
-    ta.style.left = '-9999px';
-    document.body.appendChild(ta);
-    ta.select();
-    document.execCommand('copy');
-    document.body.removeChild(ta);
-    return true;
-  } catch {
-    return false;
-  }
-};
-
-const CopyLink = ({ link }) => {
-  const [copied, setCopied] = useState(false);
-
-  const handleCopy = async () => {
-    await copyToClipboard(link);
-    setCopied(true);
-    setTimeout(() => setCopied(false), 2000);
-  };
-  return (
-    <span className="copy-link-container">
-      <span
-        title={link}
-        className={`copy-link-text${copied ? ' copied' : ''}`}
-        onClick={handleCopy}
-      >
-        {link}
-      </span>
-      <Button
-        color="link"
-        size="sm"
-        onClick={handleCopy}
-        title="Copiar link"
-        className="copy-link-btn"
-      >
-        <img src={copiarIcon} alt="Copiar" />
-      </Button>
-      {copied && <span className="copy-link-copied">¡Copiado!</span>}
-    </span>
-  );
-};
-
-export { CopyLink };

package/src/copy-link/styles.scss

@@ -1,39 +0,0 @@
-.copy-link-container {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  width: 100%;
-  position: relative;
-}
-
-.copy-link-text {
-  width: 90%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  display: inline-block;
-  vertical-align: middle;
-  cursor: pointer;
-  transition: color 0.2s;
-  font-weight: 500;
-  color: #007bff;
-
-  &.copied {
-    color: #28a745;
-  }
-}
-
-.copy-link-btn {
-  padding: 0;
-  font-size: 16px;
-}
-
-.copy-link-copied {
-  color: #28a745;
-  font-size: 13px;
-  margin-left: 8px;
-  position: absolute;
-  top: 100%;
-  left: 0;
-  white-space: nowrap;
-}

package/src/custom-input/CustomInputCheckbox.jsx

@@ -1,33 +0,0 @@
-import { FormGroup, Label, Input } from 'reactstrap';
-import "./index.css";
-
-export const CustomInputCheckbox = ({
-  className,
-  id,
-  checked,
-  children,
-  defaultChecked,
-  disabled,
-  key,
-  label,
-  onChange,
-}) => {
-  return (
-    <FormGroup check key={key} className="custom-checkbox">
-      <Input
-        type="checkbox"
-        id={`check_${id}`}
-        className={className}
-        checked={checked}
-        onChange={onChange}
-        defaultChecked={defaultChecked}
-        disabled={disabled}
-      />
-      <Label check htmlFor={`check_${id}`}>
-        {label}
-      </Label>
-      {children}
-    </FormGroup>
-  );
-};
-export default CustomInputCheckbox;

package/src/custom-input/CustomInputRadio.jsx

@@ -1,37 +0,0 @@
-import { FormGroup, Label, Input } from 'reactstrap';
-import './index.css';
-
-export const CustomInputRadio = ({
-  className,
-  customClassName,
-  checked,
-  disabled,
-  id,
-  inline,
-  label,
-  name,
-  onChange,
-}) => {
-  return (
-    <FormGroup
-      check
-      inline={inline}
-      className={`custom-radio ${customClassName || ''}`}
-    >
-      <Input
-        id={id}
-        type="radio"
-        name={name}
-        checked={checked}
-        onChange={onChange}
-        disabled={disabled}
-        className={className}
-      />
-      <Label check htmlFor={id}>
-        {label}
-      </Label>
-    </FormGroup>
-  );
-};
-
-export default CustomInputRadio;

package/src/custom-input/index.css

@@ -1,168 +0,0 @@
-/* Estilos para los checkbox personalizados */
-.custom-checkbox input[type="checkbox"] {
-  position: absolute;
-  opacity: 0;
-  z-index: -1;
-}
-
-.custom-checkbox input[type="checkbox"] + label {
-  position: relative;
-  padding-left: 2rem;
-  cursor: pointer;
-  line-height:0px !important;
-}
-
-.custom-checkbox input[type="checkbox"] + label::before {
-  content: '';
-  display: inline-block;
-  width: 1rem;
-  height: 1rem;
-  border: 1px solid #ccc;
-  border-radius: 0.25rem;
-  background-color: white;
-  position: absolute;
-  left: 0;
-  top: -11px;
-  transition: background-color 0.2s, border-color 0.2s;
-  
-}
-
-.custom-checkbox input[type="checkbox"]:checked + label::before {
-  background-color: #900604;
-  border-color: #900604;
-  
-  
-}
-
-.custom-checkbox input[type="checkbox"]:checked + label::after {
-  content: '';
-  position: absolute;
-  top: -10px;
-  left: 0.3rem;
-  width: 0.5rem;
-  height: 0.6rem;
-  border: solid white;
-  border-width: 0 0.2rem 0.2rem 0;
-  transform: rotate(45deg);
-  
-  
-}
-
-/* Estilos específicos para CheckMultiSelect */
-.check-multi-select .custom-checkbox input[type="checkbox"]:not(:checked) + label::before {
-  background-color: #900604; /* Fondo rojo en CheckMultiSelect para desmarcados */
-  border-color: #900604;
-}
-
-.check-multi-select .custom-checkbox input[type="checkbox"]:not(:checked) + label::after {
-  content: '';
-  position: absolute;
-  top: -0.29rem; /* Ajusta la posición del tilde */
-  left: 0.25rem;
-  width: 0.5rem;
-  height: 0.1rem;
-  background-color: white;
-}
-
-
-/* Estilos para checkboxes deshabilitados */
-.custom-checkbox input[type="checkbox"]:disabled + label {
-  cursor: not-allowed; /* Cambia el cursor */
-  color: #6c757d;
-  line-height:0px !important;
-}
-
-
-.custom-checkbox input[type="checkbox"]:disabled + label::before {
-  background-color: #e9ecef; 
-  border-color: #ced4da;
-
-}
-
-.custom-checkbox input[type="checkbox"]:disabled:checked + label::before {
-  background-color: #adb5bd; 
-  border-color: #adb5bd;
-}
-
-/* Estilos para los radio buttons personalizados */
-.custom-radio input[type="radio"] {
-  position: absolute;
-  opacity: 0;
-}
-
-.custom-radio label {
-  display: inline-flex;
-  align-items: center;
-  cursor: pointer;
-}
-
-.custom-radio label::before {
-  content: '';
-  display: inline-block;
-  width: 20px;
-  height: 20px;
-  border-radius: 50%;
-  border: 2px solid #ced4da;
-  background-color: white;
-  margin-right: 10px;
-  transition: background-color 0.2s, border-color 0.2s;
-}
-
-.custom-radio input[type="radio"]:checked + label::before {
-  background-color: #900604;  
-  border-color: #900604;
-}
-
-.custom-radio input[type="radio"]:checked + label::after {
-  content: '';
-  position: absolute;
-  left: 26px;
-  top: 44%;
-  transform: translateY(-50%);
-  width: 0.5rem;
-  height: 0.45rem;
-  background-color: white !important;
-  border-radius: 50%;
-}
-
-/* Estilos específicos para radio buttons deshabilitados */
-.custom-radio input[type="radio"]:disabled + label {
-  cursor: not-allowed; /* Cambia el cursor */
-  color: #6c757d; /* Color gris */
-}
-
-.custom-radio input[type="radio"]:disabled + label::before {
-  background-color: #e9ecef; /* Fondo gris claro */
-  border-color: #ced4da; /* Borde gris claro */
-}
-
-.custom-radio input[type="radio"]:disabled:checked + label::before {
-  background-color: #adb5bd; /* Fondo gris más oscuro para el estado checked */
-  border-color: #adb5bd; /* Borde gris más oscuro */
-}
-
-/* Estilos para el custom file */
-.custom-file {
-  height: calc(2.5rem + 2px);
-}
-
-.custom-file-label:focus,
-.custom-file-input:focus {
-  border-color: #900604;
-}
-
-.custom-file-label::after {
-  height: calc(2.5rem + 2px - 2px);
-  padding: 0.75rem 0.75rem 0.5rem 0.75rem;
-  background: #900604;
-  color: white; /* Ajustado para contraste */
-  border-color: #900604;
-}
-
-.custom-file-input:focus ~ .custom-file-label {
-  border-color: rgba(144, 6, 4, 0.6); 
-}
-
-.custom-file-input {
-  box-shadow: initial !important;
-}

package/src/custom-input/index.js

@@ -1,2 +0,0 @@
-export * from "./CustomInputCheckbox"
-export * from "./CustomInputRadio";