ingeniuscliq-core 0.5.12 → 0.5.13

package/dist/components/common/form/FormPassword.d.ts

@@ -0,0 +1,19 @@
+import { InputExtendedProps } from '../../ui/input';
+import { BaseStyleProps } from '../../../types/ui/main';
+import { Control, FieldValues, Path } from 'react-hook-form';
+interface FormPasswordProps<T extends FieldValues = FieldValues> extends BaseStyleProps {
+    readonly control: Control<T>;
+    readonly name: Path<T>;
+    readonly label?: string;
+    readonly customLabel?: React.ReactNode;
+    readonly placeholder?: string;
+    readonly inputProps?: React.ComponentProps<"input"> & InputExtendedProps;
+    readonly withinLabel?: boolean;
+    readonly withinMessage?: boolean;
+    readonly withinControl?: boolean;
+    readonly required?: boolean;
+    readonly withoutPlaceholder?: boolean;
+}
+export declare function FormPassword<T extends FieldValues = FieldValues>({ control, name, label, customLabel, placeholder, className, inputProps, withinLabel, withinMessage, withinControl, required, withoutPlaceholder }: FormPasswordProps<T>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=FormPassword.d.ts.map

package/dist/components/common/form/FormPassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/FormPassword.tsx"],"names":[],"mappings":"AACA,OAAO,EAAS,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAElE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGlE,UAAU,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,CAAE,SAAQ,cAAc;IACrF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC;IACzE,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,EAAE,EAChE,OAAO,EACP,IAAI,EACJ,KAAiB,EACjB,WAAuB,EACvB,WAAgB,EAChB,SAAc,EACd,UAAe,EACf,WAAmB,EACnB,aAAqB,EACrB,aAAqB,EACrB,QAAgB,EAChB,kBAA0B,EAC3B,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAkDtB"}

package/dist/components/common/form/FormPassword.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { CustomFormField } from './CustomFormField.js';
+import { Input } from '../../ui/input.js';
+import { useLanguage } from '../../../hooks/useLanguage.js';
+import { useState, useCallback } from 'react';
+import { EyeOff, Eye } from 'lucide-react';
+
+function FormPassword({
+  control,
+  name,
+  label = void 0,
+  customLabel = void 0,
+  placeholder = "",
+  className = "",
+  inputProps = {},
+  withinLabel = false,
+  withinMessage = false,
+  withinControl = false,
+  required = false,
+  withoutPlaceholder = false
+}) {
+  const { t } = useLanguage();
+  const [showPassword, setShowPassword] = useState(false);
+  const getPlaceholder = useCallback(() => {
+    if (withoutPlaceholder) return "";
+    if (placeholder) return required ? placeholder : `${placeholder} ${t("fields.optional")}`;
+    if (name) return required ? t(`fields.${name}`) : `${t("fields." + name)} ${t("fields.fieldLabel.optional")}`;
+    return "";
+  }, [withoutPlaceholder, placeholder, name, required]);
+  const getLabel = useCallback(() => {
+    if (withinLabel) return "";
+    if (label) return required ? `${label} *` : label;
+    if (name) return t(`fields.${name}`);
+    return "";
+  }, [label, withinLabel, required, name, t]);
+  return /* @__PURE__ */ jsx(
+    CustomFormField,
+    {
+      control,
+      className,
+      name,
+      label: getLabel(),
+      customLabel,
+      withinLabel,
+      withinMessage,
+      withinControl,
+      render: (field) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            placeholder: getPlaceholder(),
+            type: showPassword ? "text" : "password",
+            required,
+            ...field,
+            ...inputProps,
+            className: inputProps?.className
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowPassword(!showPassword),
+            className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700 focus:outline-none",
+            tabIndex: -1,
+            children: showPassword ? /* @__PURE__ */ jsx(EyeOff, { size: 20 }) : /* @__PURE__ */ jsx(Eye, { size: 20 })
+          }
+        )
+      ] })
+    }
+  );
+}
+
+export { FormPassword };

package/dist/components/common/form/index.d.ts

@@ -1,4 +1,5 @@
 export * from './FormInput';
+export * from './FormPassword';
 export * from './FormTextArea';
 export * from './FormSelect';
 export * from './FormCheckbox';

package/dist/components/common/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/form/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

package/dist/components/templates/CoreHomeLayout.js

@@ -7,13 +7,13 @@ import '../ui/input.js';
 import 'react-i18next';
 import '../../i18n/config.js';
 import 'react';
+import 'lucide-react';
 import '../ui/textarea.js';
 import '../ui/select.js';
 import '../ui/checkbox.js';
 import '@tanstack/react-router';
 import '../ui/pagination.js';
 /* empty css                            */
-import 'lucide-react';
 import { Toaster } from '../common/toast/Toaster.js';
 import { CoreBaseLayout } from '../layouts/CoreBaseLayout.js';
 

package/dist/components/templates/CorePreviewLayout.js

@@ -7,13 +7,13 @@ import '../ui/input.js';
 import 'react-i18next';
 import '../../i18n/config.js';
 import 'react';
+import 'lucide-react';
 import '../ui/textarea.js';
 import '../ui/select.js';
 import '../ui/checkbox.js';
 import '@tanstack/react-router';
 import '../ui/pagination.js';
 /* empty css                            */
-import 'lucide-react';
 import { Toaster } from '../common/toast/Toaster.js';
 import { CoreBaseLayout } from '../layouts/CoreBaseLayout.js';
 

package/dist/index.js

@@ -33,6 +33,7 @@ export { CorePreviewLayout } from './components/templates/CorePreviewLayout.js';
 export { CustomCarousel } from './components/common/carousel/CustomCarousel.js';
 export { CustomCarouselSection } from './components/common/carousel/CustomCarouselSection.js';
 export { FormInput } from './components/common/form/FormInput.js';
+export { FormPassword } from './components/common/form/FormPassword.js';
 export { FormTextArea } from './components/common/form/FormTextArea.js';
 export { FormSelect } from './components/common/form/FormSelect.js';
 export { FormCheckbox } from './components/common/form/FormCheckbox.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ingeniuscliq-core",
-  "version": "0.5.12",
+  "version": "0.5.13",
   "description": "IngeniusCliq Core UI y lógica compartida",
   "license": "MIT",
   "type": "module",