@purr-react-styled-components/components.form-field 0.0.1 → 0.0.3

package/dist/index.cjs

@@ -1 +1,16 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("clsx"),e=require("styled-components"),i={Container:e.div.withConfig({displayName:"_style__Container",componentId:"sc-4mt1q9-0"})(["display:flex;flex-direction:column;row-gap:8px;position:relative;"]),HelperText:e.div.withConfig({displayName:"_style__HelperText",componentId:"sc-4mt1q9-1"})(["color:#00000073;"]),ExplainText:e.div.withConfig({displayName:"_style__ExplainText",componentId:"sc-4mt1q9-2"})(["position:absolute;bottom:0px;color:#00000073;"]),ErrorMessage:e.div.withConfig({displayName:"_style__ErrorMessage",componentId:"sc-4mt1q9-3"})(["position:absolute;bottom:-21px;color:#ff4d4f;"])},m=({children:l,className:n,htmlAttributes:a,label:s,helperText:o,errorMessage:r})=>t.jsxs(i.Container,{...a,className:d("form-field",!!s&&"form-field--has-label",!!o&&"form-field--has-helper-text",n),children:[s,l,!!o&&t.jsx(i.HelperText,{className:"form-field__helper-text",children:o}),!!r&&t.jsx(i.ErrorMessage,{className:"form-field__error-message",children:r})]});exports.FormField=m;
+'use strict';var f=require('clsx'),t=require('react'),o=require('styled-components');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var f__default=/*#__PURE__*/_interopDefault(f);var t__default=/*#__PURE__*/_interopDefault(t);var o__default=/*#__PURE__*/_interopDefault(o);var r={Container:o__default.default.div`
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    position: relative;
+  `,HelperText:o__default.default.div`
+    color: #00000073;
+  `,ExplainText:o__default.default.div`
+    position: absolute;
+    bottom: 0px;
+    color: #00000073;
+  `,ErrorMessage:o__default.default.div`
+    position: absolute;
+    bottom: -21px;
+    color: #ff4d4f;
+  `};var y=({children:m,className:s,htmlAttributes:p,label:l,helperText:e,errorMessage:i})=>t__default.default.createElement(r.Container,{...p,className:f__default.default("form-field",!!l&&"form-field--has-label",!!e&&"form-field--has-helper-text",s)},l,m,!!e&&t__default.default.createElement(r.HelperText,{className:"form-field__helper-text"},e),!!i&&t__default.default.createElement(r.ErrorMessage,{className:"form-field__error-message"},i));exports.FormField=y;

package/dist/index.d.cts

@@ -0,0 +1,15 @@
+import React, { ReactNode, HTMLAttributes } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+interface IFormFieldProps extends IExtendable {
+    label?: ReactNode;
+    htmlAttributes?: HTMLAttributes<HTMLElement> & IExtendable;
+    children?: ReactNode;
+    className?: string;
+    helperText?: ReactNode;
+    errorMessage?: ReactNode;
+}
+
+declare const FormField: ({ children, className, htmlAttributes, label, helperText, errorMessage, }: IFormFieldProps) => React.JSX.Element;
+
+export { FormField, type IFormFieldProps };

package/dist/index.d.ts

@@ -1,2 +1,15 @@
-export * from './_components';
-export * from './_types';
+import React, { ReactNode, HTMLAttributes } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+interface IFormFieldProps extends IExtendable {
+    label?: ReactNode;
+    htmlAttributes?: HTMLAttributes<HTMLElement> & IExtendable;
+    children?: ReactNode;
+    className?: string;
+    helperText?: ReactNode;
+    errorMessage?: ReactNode;
+}
+
+declare const FormField: ({ children, className, htmlAttributes, label, helperText, errorMessage, }: IFormFieldProps) => React.JSX.Element;
+
+export { FormField, type IFormFieldProps };

package/dist/index.js

@@ -1,36 +1,16 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import d from "clsx";
-import e from "styled-components";
-const t = {
-  Container: e.div.withConfig({
-    displayName: "_style__Container",
-    componentId: "sc-4mt1q9-0"
-  })(["display:flex;flex-direction:column;row-gap:8px;position:relative;"]),
-  HelperText: e.div.withConfig({
-    displayName: "_style__HelperText",
-    componentId: "sc-4mt1q9-1"
-  })(["color:#00000073;"]),
-  ExplainText: e.div.withConfig({
-    displayName: "_style__ExplainText",
-    componentId: "sc-4mt1q9-2"
-  })(["position:absolute;bottom:0px;color:#00000073;"]),
-  ErrorMessage: e.div.withConfig({
-    displayName: "_style__ErrorMessage",
-    componentId: "sc-4mt1q9-3"
-  })(["position:absolute;bottom:-21px;color:#ff4d4f;"])
-}, x = ({
-  children: l,
-  className: m,
-  htmlAttributes: n,
-  label: i,
-  helperText: o,
-  errorMessage: r
-}) => /* @__PURE__ */ a(t.Container, { ...n, className: d("form-field", !!i && "form-field--has-label", !!o && "form-field--has-helper-text", m), children: [
-  i,
-  l,
-  !!o && /* @__PURE__ */ s(t.HelperText, { className: "form-field__helper-text", children: o }),
-  !!r && /* @__PURE__ */ s(t.ErrorMessage, { className: "form-field__error-message", children: r })
-] });
-export {
-  x as FormField
-};
+import f from'clsx';import t from'react';import o from'styled-components';var r={Container:o.div`
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    position: relative;
+  `,HelperText:o.div`
+    color: #00000073;
+  `,ExplainText:o.div`
+    position: absolute;
+    bottom: 0px;
+    color: #00000073;
+  `,ErrorMessage:o.div`
+    position: absolute;
+    bottom: -21px;
+    color: #ff4d4f;
+  `};var y=({children:m,className:s,htmlAttributes:p,label:l,helperText:e,errorMessage:i})=>t.createElement(r.Container,{...p,className:f("form-field",!!l&&"form-field--has-label",!!e&&"form-field--has-helper-text",s)},l,m,!!e&&t.createElement(r.HelperText,{className:"form-field__helper-text"},e),!!i&&t.createElement(r.ErrorMessage,{className:"form-field__error-message"},i));export{y as FormField};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.form-field",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -25,8 +25,8 @@
     "react": "*",
     "styled-components": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.10",
-    "@purr-core/utils.helpers": "0.0.10"
+    "@purr-core/utils.definitions": "0.0.12",
+    "@purr-core/utils.helpers": "0.0.12"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",
@@ -35,6 +35,8 @@
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc && vite build",
+    "build:vite": "tsc && vite build",
+    "build:tsup": "tsup",
     "lint": "eslint . --ext ts,tsx --max-warnings 0"
   }
 }

package/dist/_components.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { IFormFieldProps } from './_types';
-
-export declare const FormField: ({ children, className, htmlAttributes, label, helperText, errorMessage, }: IFormFieldProps) => React.JSX.Element;

package/dist/_style.d.ts

@@ -1,6 +0,0 @@
-export declare const Styled: {
-    Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    HelperText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    ExplainText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-    ErrorMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-};

package/dist/_types.d.ts

@@ -1,11 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { IExtendable } from '@purr-core/utils.definitions';
-
-export interface IFormFieldProps extends IExtendable {
-    label?: ReactNode;
-    htmlAttributes?: HTMLAttributes<HTMLElement> & IExtendable;
-    children?: ReactNode;
-    className?: string;
-    helperText?: ReactNode;
-    errorMessage?: ReactNode;
-}