@growy/strapi-plugin-encrypted-field 1.2.0 → 1.2.2

package/admin/src/components/Input.jsx

@@ -1,7 +1,6 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { useIntl } from 'react-intl';
-import { Field, Flex, IconButton, Typography } from '@strapi/design-system';
-import { Eye, EyeStriked, Duplicate, Check } from '@strapi/icons';
+import { Field, Typography } from '@strapi/design-system';
 
 const Input = (props) => {
   const {
@@ -18,27 +17,13 @@ const Input = (props) => {
   } = props;
 
   const { formatMessage } = useIntl();
-  const [showValue, setShowValue] = useState(false);
-  const [copied, setCopied] = useState(false);
-
-  const handleCopy = async () => {
-    if (value) {
-      try {
-        await navigator.clipboard.writeText(value);
-        setCopied(true);
-        setTimeout(() => setCopied(false), 2000);
-      } catch (err) {
-        console.error('Error al copiar:', err);
-      }
-    }
-  };
 
   const handleChange = (e) => {
     onChange({
       target: {
         name,
         value: e.target.value,
-        type: attribute?.type || 'text',
+        type: attribute?.type || 'string',
       },
     });
   };
@@ -53,29 +38,11 @@ const Input = (props) => {
       hint={description?.id ? formatMessage(description) : description}
       required={required}
     >
-      <Flex justifyContent="space-between" alignItems="center">
-        <Field.Label action={labelAction}>
-          {intlLabel?.id ? formatMessage(intlLabel) : intlLabel} 🔒
-        </Field.Label>
-        <Flex gap={2}>
-          <IconButton
-            label={showValue ? 'Ocultar valor' : 'Mostrar valor'}
-            icon={showValue ? <EyeStriked /> : <Eye />}
-            onClick={() => setShowValue(!showValue)}
-            variant="ghost"
-            disabled={!value}
-          />
-          <IconButton
-            label={copied ? 'Copiado' : 'Copiar valor'}
-            icon={copied ? <Check /> : <Duplicate />}
-            onClick={handleCopy}
-            variant="ghost"
-            disabled={!value}
-          />
-        </Flex>
-      </Flex>
+      <Field.Label action={labelAction}>
+        {intlLabel?.id ? formatMessage(intlLabel) : intlLabel} 🔒
+      </Field.Label>
       <Field.Input
-        type={showValue ? 'text' : 'password'}
+        type="password"
         placeholder={formatMessage({
           id: 'encrypted-field.placeholder',
           defaultMessage: 'Ingresa el texto a cifrar...',
@@ -84,14 +51,12 @@ const Input = (props) => {
         onChange={handleChange}
         disabled={disabled}
       />
-      <Flex justifyContent="space-between" alignItems="center" paddingTop={1}>
-        <Field.Hint />
-        {charCount > 0 && (
-          <Typography variant="pi" textColor="neutral600">
-            {charCount} {charCount === 1 ? 'carácter' : 'caracteres'}
-          </Typography>
-        )}
-      </Flex>
+      {charCount > 0 && (
+        <Typography variant="pi" textColor="neutral600" marginTop={1}>
+          {charCount} {charCount === 1 ? 'carácter' : 'caracteres'}
+        </Typography>
+      )}
+      <Field.Hint />
       <Field.Error />
     </Field.Root>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@growy/strapi-plugin-encrypted-field",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Campo personalizado de texto cifrado para Strapi",
   "strapi": {
     "name": "encrypted-field",

package/admin/src/components/EncryptedIcon.jsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-const EncryptedIcon = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16">
-    <rect width="31" height="23" x="0.5" y="4.5" fill="#EAFBE7" stroke="#C6F0C2" rx="2.5" />
-    <path fill="#328048" d="M13.679 11.18a.75.75 0 0 0-1.358 0l-4 8.5a.75.75 0 0 0 1.357.64l.974-2.07h4.695l.974 2.07a.75.75 0 1 0 1.358-.64zm-2.32 5.57 1.64-3.489 1.643 3.489zm9.14-3c-.865 0-1.547.241-2.027.717a.749.749 0 1 0 1.056 1.063c.188-.187.516-.283.972-.283.584 0 1.074.323 1.21.757a3 3 0 0 0-1.21-.254c-1.516 0-2.75 1.121-2.75 2.5s1.234 2.5 2.75 2.5c.479.001.95-.114 1.375-.336A.75.75 0 0 0 23.25 20v-3.75c0-1.379-1.234-2.5-2.75-2.5m0 5.5c-.687 0-1.25-.449-1.25-1s.563-1 1.25-1 1.25.449 1.25 1-.562 1-1.25 1" />
-  </svg>
-);
-
-export default EncryptedIcon;