@stackshift-ui/form-field 7.0.0-beta.2 → 7.0.0-beta.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/form-field",
   "description": "",
-  "version": "7.0.0-beta.2",
+  "version": "7.0.0-beta.5",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -35,29 +35,27 @@
     "@stackshift-ui/typescript-config": "6.0.10"
   },
   "dependencies": {
-    "@stackshift-ui/checkbox-group": "7.0.0-beta.1",
-    "@stackshift-ui/input": "7.0.0-beta.1",
-    "@stackshift-ui/input-file": "7.0.0-beta.1",
-    "@stackshift-ui/label": "1.0.0-beta.2",
-    "@stackshift-ui/checkbox": "7.0.0-beta.1",
-    "@stackshift-ui/scripts": "6.1.0-beta.0",
-    "@stackshift-ui/select": "7.0.0-beta.1",
-    "@stackshift-ui/system": "6.1.0-beta.1",
-    "@stackshift-ui/radio-group": "7.0.0-beta.1",
-    "@stackshift-ui/textarea": "7.0.0-beta.1",
-    "@stackshift-ui/radio": "7.0.0-beta.1"
+    "@stackshift-ui/checkbox": "7.0.0-beta.4",
+    "@stackshift-ui/input": "7.0.0-beta.4",
+    "@stackshift-ui/label": "1.0.0-beta.5",
+    "@stackshift-ui/select": "7.0.0-beta.4",
+    "@stackshift-ui/checkbox-group": "7.0.0-beta.4",
+    "@stackshift-ui/radio-group": "7.0.0-beta.4",
+    "@stackshift-ui/radio": "7.0.0-beta.4",
+    "@stackshift-ui/scripts": "7.0.0-beta.3",
+    "@stackshift-ui/system": "7.0.0-beta.4",
+    "@stackshift-ui/textarea": "7.0.0-beta.4"
   },
   "peerDependencies": {
-    "@stackshift-ui/checkbox": ">=7.0.0-beta.1",
-    "@stackshift-ui/checkbox-group": ">=7.0.0-beta.1",
-    "@stackshift-ui/input": ">=7.0.0-beta.1",
-    "@stackshift-ui/input-file": ">=7.0.0-beta.1",
-    "@stackshift-ui/radio": ">=7.0.0-beta.1",
-    "@stackshift-ui/radio-group": ">=7.0.0-beta.1",
-    "@stackshift-ui/scripts": ">=6.1.0-beta.0",
-    "@stackshift-ui/select": ">=7.0.0-beta.1",
-    "@stackshift-ui/system": ">=6.1.0-beta.1",
-    "@stackshift-ui/textarea": ">=7.0.0-beta.1",
+    "@stackshift-ui/checkbox": ">=7.0.0-beta.4",
+    "@stackshift-ui/checkbox-group": ">=7.0.0-beta.4",
+    "@stackshift-ui/input": ">=7.0.0-beta.4",
+    "@stackshift-ui/radio": ">=7.0.0-beta.4",
+    "@stackshift-ui/radio-group": ">=7.0.0-beta.4",
+    "@stackshift-ui/scripts": ">=7.0.0-beta.3",
+    "@stackshift-ui/select": ">=7.0.0-beta.4",
+    "@stackshift-ui/system": ">=7.0.0-beta.4",
+    "@stackshift-ui/textarea": ">=7.0.0-beta.4",
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",

package/src/form-field.tsx

@@ -1,7 +1,6 @@
 import { Checkbox } from "@stackshift-ui/checkbox";
 import { CheckboxGroup } from "@stackshift-ui/checkbox-group";
 import { Input } from "@stackshift-ui/input";
-import { InputFile } from "@stackshift-ui/input-file";
 import { Label } from "@stackshift-ui/label";
 import { RadioGroup, RadioGroupItem } from "@stackshift-ui/radio-group";
 import {
@@ -87,7 +86,7 @@ export const FormField = ({
       return (
         <CheckboxGroup noLabel={noLabel} name={name} label={label} {...props}>
           {items?.map(item => (
-            <div className="flex flex-col gap-2 items-start">
+            <div className="flex flex-row gap-2 items-start">
               <Checkbox id={item} key={item} name={item} {...props} />
               <Label htmlFor={item}>{label}</Label>
             </div>
@@ -96,7 +95,7 @@ export const FormField = ({
       );
 
     case "inputFile":
-      return <InputFile ariaLabel={name} name={name} required={required} {...props} />;
+      return <Input type="file" aria-label={name} name={name} required={required} {...props} />;
 
     case "textarea":
       return (

package/dist/chunk-3EYN2AKU.mjs

@@ -1 +0,0 @@
-var g=Object.create;var f=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var m=(a=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(a,{get:(b,c)=>(typeof require!="undefined"?require:b)[c]}):a)(function(a){if(typeof require!="undefined")return require.apply(this,arguments);throw Error('Dynamic require of "'+a+'" is not supported')});var n=(a,b)=>()=>(b||a((b={exports:{}}).exports,b),b.exports);var l=(a,b,c,e)=>{if(b&&typeof b=="object"||typeof b=="function")for(let d of i(b))!k.call(a,d)&&d!==c&&f(a,d,{get:()=>b[d],enumerable:!(e=h(b,d))||e.enumerable});return a};var o=(a,b,c)=>(c=a!=null?g(j(a)):{},l(b||!a||!a.__esModule?f(c,"default",{value:a,enumerable:!0}):c,a));export{m as a,n as b,o as c};

package/dist/chunk-I3IICQN4.mjs

@@ -1 +0,0 @@
-import{Checkbox as x}from"@stackshift-ui/checkbox";import{CheckboxGroup as s}from"@stackshift-ui/checkbox-group";import{Input as f}from"@stackshift-ui/input";import{InputFile as b}from"@stackshift-ui/input-file";import{Label as n}from"@stackshift-ui/label";import{RadioGroup as F,RadioGroupItem as g}from"@stackshift-ui/radio-group";import{Select as h,SelectContent as S,SelectItem as v,SelectTrigger as k,SelectValue as y}from"@stackshift-ui/select";import{Textarea as T}from"@stackshift-ui/textarea";import{jsx as e,jsxs as l}from"react/jsx-runtime";var z=({type:p="textarea",items:a=[],name:t,label:i="",required:d,placeholder:c,textSize:C,noLabel:u,variant:L,...o})=>{let m={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[p];switch(p){case"inputRadio":return l(F,{name:t,...o,children:[e(n,{children:i}),a==null?void 0:a.map(r=>l("div",{className:"flex items-center gap-3",children:[e(g,{id:r,value:r},r),e(n,{htmlFor:r,children:r})]}))]});case"inputSelect":return l(h,{name:t,...o,children:[e(k,{children:e(y,{placeholder:c})}),e(S,{children:a==null?void 0:a.map(r=>e(v,{value:r,children:r},r))})]});case"inputCheckbox":return e(s,{noLabel:u,name:t,label:i,...o,children:a==null?void 0:a.map(r=>l("div",{className:"flex flex-col gap-2 items-start",children:[e(x,{id:r,name:r,...o},r),e(n,{htmlFor:r,children:i})]}))});case"inputFile":return e(b,{ariaLabel:t,name:t,required:d,...o});case"textarea":return l("div",{children:[u?null:e(n,{htmlFor:t,children:i}),e(T,{id:t,name:t,placeholder:c,...o})]});default:return l("div",{className:"flex flex-col gap-2 items-start",children:[u?null:e(n,{htmlFor:t,children:i}),e(f,{id:t,name:t,placeholder:c,type:m,required:d,...o})]})}};export{z as a};

package/dist/form-field.d.ts

@@ -1,16 +0,0 @@
-import { FormTypes, Variant } from "./types";
-type FormFieldProps = {
-    type?: FormTypes;
-    items?: string[];
-    variant?: Variant;
-    name: string;
-    label?: string;
-    required?: boolean;
-    placeholder?: string;
-    className?: string;
-    textSize?: "sm" | "md" | "lg";
-    noLabel?: boolean;
-    [key: string]: any;
-};
-export declare const FormField: ({ type, items, name, label, required, placeholder, textSize, noLabel, variant, ...props }: FormFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/form-field.js

@@ -1 +0,0 @@
-"use strict";var x=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var y=(o,r)=>{for(var t in r)x(o,t,{get:r[t],enumerable:!0})},T=(o,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of v(r))!k.call(o,n)&&n!==t&&x(o,n,{get:()=>r[n],enumerable:!(i=S(r,n))||i.enumerable});return o};var C=o=>T(x({},"__esModule",{value:!0}),o);var G={};y(G,{FormField:()=>L});module.exports=C(G);var s=require("@stackshift-ui/checkbox"),f=require("@stackshift-ui/checkbox-group"),b=require("@stackshift-ui/input"),F=require("@stackshift-ui/input-file"),u=require("@stackshift-ui/label"),p=require("@stackshift-ui/radio-group"),l=require("@stackshift-ui/select"),g=require("@stackshift-ui/textarea"),e=require("react/jsx-runtime"),L=({type:o="textarea",items:r=[],name:t,label:i="",required:n,placeholder:d,textSize:I,noLabel:m,variant:N,...c})=>{let h={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[o];switch(o){case"inputRadio":return(0,e.jsxs)(p.RadioGroup,{name:t,...c,children:[(0,e.jsx)(u.Label,{children:i}),r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(p.RadioGroupItem,{id:a,value:a},a),(0,e.jsx)(u.Label,{htmlFor:a,children:a})]}))]});case"inputSelect":return(0,e.jsxs)(l.Select,{name:t,...c,children:[(0,e.jsx)(l.SelectTrigger,{children:(0,e.jsx)(l.SelectValue,{placeholder:d})}),(0,e.jsx)(l.SelectContent,{children:r==null?void 0:r.map(a=>(0,e.jsx)(l.SelectItem,{value:a,children:a},a))})]});case"inputCheckbox":return(0,e.jsx)(f.CheckboxGroup,{noLabel:m,name:t,label:i,...c,children:r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[(0,e.jsx)(s.Checkbox,{id:a,name:a,...c},a),(0,e.jsx)(u.Label,{htmlFor:a,children:i})]}))});case"inputFile":return(0,e.jsx)(F.InputFile,{ariaLabel:t,name:t,required:n,...c});case"textarea":return(0,e.jsxs)("div",{children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(g.Textarea,{id:t,name:t,placeholder:d,...c})]});default:return(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(b.Input,{id:t,name:t,placeholder:d,type:h,required:n,...c})]})}};0&&(module.exports={FormField});

package/dist/form-field.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-I3IICQN4.mjs";import"./chunk-3EYN2AKU.mjs";export{a as FormField};

package/dist/index.d.ts

@@ -1 +0,0 @@
-export * from "./form-field";

package/dist/index.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var x=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.prototype.hasOwnProperty;var y=(o,r)=>{for(var t in r)x(o,t,{get:r[t],enumerable:!0})},T=(o,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of v(r))!k.call(o,n)&&n!==t&&x(o,n,{get:()=>r[n],enumerable:!(i=S(r,n))||i.enumerable});return o};var C=o=>T(x({},"__esModule",{value:!0}),o);var G={};y(G,{FormField:()=>L});module.exports=C(G);var s=require("@stackshift-ui/checkbox"),f=require("@stackshift-ui/checkbox-group"),b=require("@stackshift-ui/input"),F=require("@stackshift-ui/input-file"),u=require("@stackshift-ui/label"),p=require("@stackshift-ui/radio-group"),l=require("@stackshift-ui/select"),g=require("@stackshift-ui/textarea"),e=require("react/jsx-runtime"),L=({type:o="textarea",items:r=[],name:t,label:i="",required:n,placeholder:d,textSize:I,noLabel:m,variant:N,...c})=>{let h={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[o];switch(o){case"inputRadio":return(0,e.jsxs)(p.RadioGroup,{name:t,...c,children:[(0,e.jsx)(u.Label,{children:i}),r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex items-center gap-3",children:[(0,e.jsx)(p.RadioGroupItem,{id:a,value:a},a),(0,e.jsx)(u.Label,{htmlFor:a,children:a})]}))]});case"inputSelect":return(0,e.jsxs)(l.Select,{name:t,...c,children:[(0,e.jsx)(l.SelectTrigger,{children:(0,e.jsx)(l.SelectValue,{placeholder:d})}),(0,e.jsx)(l.SelectContent,{children:r==null?void 0:r.map(a=>(0,e.jsx)(l.SelectItem,{value:a,children:a},a))})]});case"inputCheckbox":return(0,e.jsx)(f.CheckboxGroup,{noLabel:m,name:t,label:i,...c,children:r==null?void 0:r.map(a=>(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[(0,e.jsx)(s.Checkbox,{id:a,name:a,...c},a),(0,e.jsx)(u.Label,{htmlFor:a,children:i})]}))});case"inputFile":return(0,e.jsx)(F.InputFile,{ariaLabel:t,name:t,required:n,...c});case"textarea":return(0,e.jsxs)("div",{children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(g.Textarea,{id:t,name:t,placeholder:d,...c})]});default:return(0,e.jsxs)("div",{className:"flex flex-col gap-2 items-start",children:[m?null:(0,e.jsx)(u.Label,{htmlFor:t,children:i}),(0,e.jsx)(b.Input,{id:t,name:t,placeholder:d,type:h,required:n,...c})]})}};0&&(module.exports={FormField});

package/dist/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a as e}from"./chunk-I3IICQN4.mjs";import"./chunk-3EYN2AKU.mjs";export{e as FormField};

package/dist/setupTests.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-export {};