@purr-react-tailwindcss/components.text-field 0.0.8 → 0.0.10

package/dist/index.cjs

@@ -1 +1 @@
-'use strict';var p=require('clsx'),e=require('react'),V=require('@purr-core/hooks.focus-with-callback'),B=require('@purr-core/hooks.sync-state-with-props'),utils_helpers=require('@purr-react-tailwindcss/utils.helpers');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var p__default=/*#__PURE__*/_interopDefault(p);var e__default=/*#__PURE__*/_interopDefault(e);var V__default=/*#__PURE__*/_interopDefault(V);var B__default=/*#__PURE__*/_interopDefault(B);var W=e.lazy(()=>import('@purr-react-tailwindcss/components.helper-text').then(t=>({default:t.HelperText}))),$=e.lazy(()=>import('@purr-react-tailwindcss/components.label').then(t=>({default:t.Label}))),k=e.lazy(()=>import('@purr-react-tailwindcss/components.post-adornment').then(t=>({default:t.PostAdornment}))),q=e.lazy(()=>import('@purr-react-tailwindcss/components.pre-adornment').then(t=>({default:t.PreAdornment}))),z=e.forwardRef(({value:t="",variant:n="standard",onChange:g,onFocus:C,onBlur:F,clear:h,htmlAttributes:b,inputHtmlAttributes:v,labelProps:i,preAdornmentProps:r,postAdornmentProps:o,helperTextProps:f,fullWidth:L=false,disabled:l=false,required:s=false,error:d=null,isStandalone:S=false},T)=>{let{currentValue:c,setCurrentValue:E}=B__default.default(t,S),{captureOnFocus:H,captureOnBlur:I,isFocused:x}=V__default.default({onFocus:C,onBlur:F}),w=!!(x||r?.children||c),y=m=>{g?.(m.target.value,m),E(m.target.value);};return e__default.default.createElement("div",{className:p__default.default("relative h-14 rounded transition-all duration-200 ease-in-out",utils_helpers.getVariantClasses(n,l),"text-field",L&&"text-field--full-width",s&&"text-field--required",l&&"text-field--disabled",d&&"text-field--error",`text-field--variant-${n}`),...b},e__default.default.createElement(e.Suspense,null,!!i?.children&&e__default.default.createElement($,{...i,variant:n,disabled:l,required:s,isLabelCollapsed:w,isFocused:x,isError:!!d})),e__default.default.createElement(e.Suspense,null,!!r?.children&&e__default.default.createElement(q,{...r,hasLabel:!!i?.children,variant:n})),e__default.default.createElement("input",{ref:T,value:c,disabled:l,required:s,onChange:y,onFocus:H,onBlur:I,className:p__default.default(utils_helpers.getInputPaddingClasses(!!r?.children,!!h||!!o?.children,n),"box-border w-full rounded border-none bg-transparent text-base text-white outline-none transition-all duration-200 ease-in-out",i?.children?"mt-3 h-11 leading-[2.75rem]":"mt-0 h-14 leading-[3.5rem]","text-field-input",`text-field-input--variant-${n}`,l&&"text-field-input--disabled",s&&"text-field-input--required"),...v}),e__default.default.createElement(e.Suspense,null,!!o?.children&&e__default.default.createElement(k,{...o,clear:h,variant:n})),e__default.default.createElement(e.Suspense,null,f?.children&&e__default.default.createElement(W,{...f,isError:!!d,variant:n},d?.message??f?.children??"")))});z.displayName="TextField";exports.TextField=z;
+'use strict';var p=require('clsx'),e=require('react'),V=require('@purr-react-core/hooks.focus-with-callback'),B=require('@purr-react-core/hooks.sync-state-with-props'),utils_helpers=require('@purr-react-tailwindcss/utils.helpers');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var p__default=/*#__PURE__*/_interopDefault(p);var e__default=/*#__PURE__*/_interopDefault(e);var V__default=/*#__PURE__*/_interopDefault(V);var B__default=/*#__PURE__*/_interopDefault(B);var W=e.lazy(()=>import('@purr-react-tailwindcss/components.helper-text').then(t=>({default:t.HelperText}))),$=e.lazy(()=>import('@purr-react-tailwindcss/components.label').then(t=>({default:t.Label}))),k=e.lazy(()=>import('@purr-react-tailwindcss/components.post-adornment').then(t=>({default:t.PostAdornment}))),q=e.lazy(()=>import('@purr-react-tailwindcss/components.pre-adornment').then(t=>({default:t.PreAdornment}))),z=e.forwardRef(({value:t="",variant:n="standard",onChange:g,onFocus:C,onBlur:F,clear:h,htmlAttributes:b,inputHtmlAttributes:v,labelProps:i,preAdornmentProps:r,postAdornmentProps:o,helperTextProps:f,fullWidth:L=false,disabled:l=false,required:s=false,error:d=null,isStandalone:S=false},T)=>{let{currentValue:c,setCurrentValue:E}=B__default.default(t,S),{captureOnFocus:H,captureOnBlur:I,isFocused:x}=V__default.default({onFocus:C,onBlur:F}),w=!!(x||r?.children||c),y=m=>{g?.(m.target.value,m),E(m.target.value);};return e__default.default.createElement("div",{className:p__default.default("relative h-14 rounded transition-all duration-200 ease-in-out",utils_helpers.getVariantClasses(n,l),"text-field",L&&"text-field--full-width",s&&"text-field--required",l&&"text-field--disabled",d&&"text-field--error",`text-field--variant-${n}`),...b},e__default.default.createElement(e.Suspense,null,!!i?.children&&e__default.default.createElement($,{...i,variant:n,disabled:l,required:s,isLabelCollapsed:w,isFocused:x,isError:!!d})),e__default.default.createElement(e.Suspense,null,!!r?.children&&e__default.default.createElement(q,{...r,hasLabel:!!i?.children,variant:n})),e__default.default.createElement("input",{ref:T,value:c,disabled:l,required:s,onChange:y,onFocus:H,onBlur:I,className:p__default.default(utils_helpers.getInputPaddingClasses(!!r?.children,!!h||!!o?.children,n),"box-border w-full rounded border-none bg-transparent text-base text-white outline-none transition-all duration-200 ease-in-out",i?.children?"mt-3 h-11 leading-[2.75rem]":"mt-0 h-14 leading-[3.5rem]","text-field-input",`text-field-input--variant-${n}`,l&&"text-field-input--disabled",s&&"text-field-input--required"),...v}),e__default.default.createElement(e.Suspense,null,!!o?.children&&e__default.default.createElement(k,{...o,clear:h,variant:n})),e__default.default.createElement(e.Suspense,null,f?.children&&e__default.default.createElement(W,{...f,isError:!!d,variant:n},d?.message??f?.children??"")))});z.displayName="TextField";exports.TextField=z;

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, FocusEventHandler, HTMLAttributes, InputHTMLAttributes } from 'react';
 import { FieldError } from 'react-hook-form';
-import { IExtendable } from '@purr-core/utils.definitions';
+import { IExtendable } from '@purr-react-core/utils.definitions';
 import { IHelperTextProps } from '@purr-react-tailwindcss/components.helper-text';
 import { ILabelProps } from '@purr-react-tailwindcss/components.label';
 import { IPostAdornmentProps } from '@purr-react-tailwindcss/components.post-adornment';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ChangeEvent, FocusEventHandler, HTMLAttributes, InputHTMLAttributes } from 'react';
 import { FieldError } from 'react-hook-form';
-import { IExtendable } from '@purr-core/utils.definitions';
+import { IExtendable } from '@purr-react-core/utils.definitions';
 import { IHelperTextProps } from '@purr-react-tailwindcss/components.helper-text';
 import { ILabelProps } from '@purr-react-tailwindcss/components.label';
 import { IPostAdornmentProps } from '@purr-react-tailwindcss/components.post-adornment';

package/dist/index.js

@@ -1 +1 @@
-import p from'clsx';import e,{lazy,forwardRef,Suspense}from'react';import V from'@purr-core/hooks.focus-with-callback';import B from'@purr-core/hooks.sync-state-with-props';import {getVariantClasses,getInputPaddingClasses}from'@purr-react-tailwindcss/utils.helpers';var W=lazy(()=>import('@purr-react-tailwindcss/components.helper-text').then(t=>({default:t.HelperText}))),$=lazy(()=>import('@purr-react-tailwindcss/components.label').then(t=>({default:t.Label}))),k=lazy(()=>import('@purr-react-tailwindcss/components.post-adornment').then(t=>({default:t.PostAdornment}))),q=lazy(()=>import('@purr-react-tailwindcss/components.pre-adornment').then(t=>({default:t.PreAdornment}))),z=forwardRef(({value:t="",variant:n="standard",onChange:g,onFocus:C,onBlur:F,clear:h,htmlAttributes:b,inputHtmlAttributes:v,labelProps:i,preAdornmentProps:r,postAdornmentProps:o,helperTextProps:f,fullWidth:L=false,disabled:l=false,required:s=false,error:d=null,isStandalone:S=false},T)=>{let{currentValue:c,setCurrentValue:E}=B(t,S),{captureOnFocus:H,captureOnBlur:I,isFocused:x}=V({onFocus:C,onBlur:F}),w=!!(x||r?.children||c),y=m=>{g?.(m.target.value,m),E(m.target.value);};return e.createElement("div",{className:p("relative h-14 rounded transition-all duration-200 ease-in-out",getVariantClasses(n,l),"text-field",L&&"text-field--full-width",s&&"text-field--required",l&&"text-field--disabled",d&&"text-field--error",`text-field--variant-${n}`),...b},e.createElement(Suspense,null,!!i?.children&&e.createElement($,{...i,variant:n,disabled:l,required:s,isLabelCollapsed:w,isFocused:x,isError:!!d})),e.createElement(Suspense,null,!!r?.children&&e.createElement(q,{...r,hasLabel:!!i?.children,variant:n})),e.createElement("input",{ref:T,value:c,disabled:l,required:s,onChange:y,onFocus:H,onBlur:I,className:p(getInputPaddingClasses(!!r?.children,!!h||!!o?.children,n),"box-border w-full rounded border-none bg-transparent text-base text-white outline-none transition-all duration-200 ease-in-out",i?.children?"mt-3 h-11 leading-[2.75rem]":"mt-0 h-14 leading-[3.5rem]","text-field-input",`text-field-input--variant-${n}`,l&&"text-field-input--disabled",s&&"text-field-input--required"),...v}),e.createElement(Suspense,null,!!o?.children&&e.createElement(k,{...o,clear:h,variant:n})),e.createElement(Suspense,null,f?.children&&e.createElement(W,{...f,isError:!!d,variant:n},d?.message??f?.children??"")))});z.displayName="TextField";export{z as TextField};
+import p from'clsx';import e,{lazy,forwardRef,Suspense}from'react';import V from'@purr-react-core/hooks.focus-with-callback';import B from'@purr-react-core/hooks.sync-state-with-props';import {getVariantClasses,getInputPaddingClasses}from'@purr-react-tailwindcss/utils.helpers';var W=lazy(()=>import('@purr-react-tailwindcss/components.helper-text').then(t=>({default:t.HelperText}))),$=lazy(()=>import('@purr-react-tailwindcss/components.label').then(t=>({default:t.Label}))),k=lazy(()=>import('@purr-react-tailwindcss/components.post-adornment').then(t=>({default:t.PostAdornment}))),q=lazy(()=>import('@purr-react-tailwindcss/components.pre-adornment').then(t=>({default:t.PreAdornment}))),z=forwardRef(({value:t="",variant:n="standard",onChange:g,onFocus:C,onBlur:F,clear:h,htmlAttributes:b,inputHtmlAttributes:v,labelProps:i,preAdornmentProps:r,postAdornmentProps:o,helperTextProps:f,fullWidth:L=false,disabled:l=false,required:s=false,error:d=null,isStandalone:S=false},T)=>{let{currentValue:c,setCurrentValue:E}=B(t,S),{captureOnFocus:H,captureOnBlur:I,isFocused:x}=V({onFocus:C,onBlur:F}),w=!!(x||r?.children||c),y=m=>{g?.(m.target.value,m),E(m.target.value);};return e.createElement("div",{className:p("relative h-14 rounded transition-all duration-200 ease-in-out",getVariantClasses(n,l),"text-field",L&&"text-field--full-width",s&&"text-field--required",l&&"text-field--disabled",d&&"text-field--error",`text-field--variant-${n}`),...b},e.createElement(Suspense,null,!!i?.children&&e.createElement($,{...i,variant:n,disabled:l,required:s,isLabelCollapsed:w,isFocused:x,isError:!!d})),e.createElement(Suspense,null,!!r?.children&&e.createElement(q,{...r,hasLabel:!!i?.children,variant:n})),e.createElement("input",{ref:T,value:c,disabled:l,required:s,onChange:y,onFocus:H,onBlur:I,className:p(getInputPaddingClasses(!!r?.children,!!h||!!o?.children,n),"box-border w-full rounded border-none bg-transparent text-base text-white outline-none transition-all duration-200 ease-in-out",i?.children?"mt-3 h-11 leading-[2.75rem]":"mt-0 h-14 leading-[3.5rem]","text-field-input",`text-field-input--variant-${n}`,l&&"text-field-input--disabled",s&&"text-field-input--required"),...v}),e.createElement(Suspense,null,!!o?.children&&e.createElement(k,{...o,clear:h,variant:n})),e.createElement(Suspense,null,f?.children&&e.createElement(W,{...f,isError:!!d,variant:n},d?.message??f?.children??"")))});z.displayName="TextField";export{z as TextField};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-tailwindcss/components.text-field",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -23,17 +23,17 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "clsx": "^2.0.0",
-    "@purr-core/utils.definitions": "*",
+    "@purr-react-core/utils.definitions": "*",
     "@purr-react-tailwindcss/components.helper-text": "*",
     "@purr-react-tailwindcss/components.label": "*",
     "@purr-react-tailwindcss/components.post-adornment": "*",
     "@purr-react-tailwindcss/components.pre-adornment": "*",
-    "@purr-core/hooks.focus-with-callback": "*",
-    "@purr-core/hooks.sync-state-with-props": "*",
+    "@purr-react-core/hooks.focus-with-callback": "*",
+    "@purr-react-core/hooks.sync-state-with-props": "*",
     "@purr-react-tailwindcss/utils.helpers": "*"
   },
   "devDependencies": {
-    "@purr-react-tailwindcss/components.icon": "0.0.9"
+    "@purr-react-tailwindcss/components.icon": "*"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",