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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/form-field",
   "description": "",
-  "version": "7.0.0-beta.4",
+  "version": "7.0.0-beta.5",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -35,27 +35,27 @@
     "@stackshift-ui/typescript-config": "6.0.10"
   },
   "dependencies": {
-    "@stackshift-ui/checkbox": "7.0.0-beta.3",
-    "@stackshift-ui/checkbox-group": "7.0.0-beta.3",
-    "@stackshift-ui/input": "7.0.0-beta.3",
-    "@stackshift-ui/label": "1.0.0-beta.4",
-    "@stackshift-ui/scripts": "6.1.0-beta.2",
-    "@stackshift-ui/select": "7.0.0-beta.3",
-    "@stackshift-ui/system": "6.1.0-beta.3",
-    "@stackshift-ui/radio-group": "7.0.0-beta.3",
-    "@stackshift-ui/radio": "7.0.0-beta.3",
-    "@stackshift-ui/textarea": "7.0.0-beta.3"
+    "@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.3",
-    "@stackshift-ui/checkbox-group": ">=7.0.0-beta.3",
-    "@stackshift-ui/input": ">=7.0.0-beta.3",
-    "@stackshift-ui/radio": ">=7.0.0-beta.3",
-    "@stackshift-ui/radio-group": ">=7.0.0-beta.3",
-    "@stackshift-ui/scripts": ">=6.1.0-beta.2",
-    "@stackshift-ui/select": ">=7.0.0-beta.3",
-    "@stackshift-ui/system": ">=6.1.0-beta.3",
-    "@stackshift-ui/textarea": ">=7.0.0-beta.3",
+    "@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

@@ -86,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>

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-B3SKYISE.mjs

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

package/dist/form-field.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-B3SKYISE.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 h=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var y=(l,r)=>{for(var t in r)x(l,t,{get:r[t],enumerable:!0})},k=(l,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of S(r))!v.call(l,n)&&n!==t&&x(l,n,{get:()=>r[n],enumerable:!(i=h(r,n))||i.enumerable});return l};var T=l=>k(x({},"__esModule",{value:!0}),l);var L={};y(L,{FormField:()=>C});module.exports=T(L);var f=require("@stackshift-ui/checkbox"),b=require("@stackshift-ui/checkbox-group"),s=require("@stackshift-ui/input"),u=require("@stackshift-ui/label"),p=require("@stackshift-ui/radio-group"),o=require("@stackshift-ui/select"),g=require("@stackshift-ui/textarea"),e=require("react/jsx-runtime"),C=({type:l="textarea",items:r=[],name:t,label:i="",required:n,placeholder:d,textSize:G,noLabel:m,variant:N,...c})=>{let F={inputText:"text",inputEmail:"email",inputPassword:"password",inputNumber:"number",textarea:"textarea",inputFile:"file",inputRadio:"radio",inputCheckbox:"checkbox",inputSelect:"select"}[l];switch(l){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)(o.Select,{name:t,...c,children:[(0,e.jsx)(o.SelectTrigger,{children:(0,e.jsx)(o.SelectValue,{placeholder:d})}),(0,e.jsx)(o.SelectContent,{children:r==null?void 0:r.map(a=>(0,e.jsx)(o.SelectItem,{value:a,children:a},a))})]});case"inputCheckbox":return(0,e.jsx)(b.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)(f.Checkbox,{id:a,name:a,...c},a),(0,e.jsx)(u.Label,{htmlFor:a,children:i})]}))});case"inputFile":return(0,e.jsx)(s.Input,{type:"file","aria-label":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)(s.Input,{id:t,name:t,placeholder:d,type:F,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-B3SKYISE.mjs";import"./chunk-3EYN2AKU.mjs";export{e as FormField};

package/dist/setupTests.d.ts

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