@pathscale/ui 0.0.64 → 0.0.66

package/dist/index.js

@@ -7234,14 +7234,14 @@ function useFormValidation() {
     if (!context) throw new Error("useFormValidation must be used within a ValidatedForm");
     return context;
 }
-function ValidatedForm_ValidatedForm(props) {
+function ValidatedForm(props) {
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
         "schema",
         "onSubmit",
         "initialValues"
     ]);
-    const { form, errors, touched, data, isValid, isSubmitting } = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)({
+    const { form, errors, touched, data, isValid, isSubmitting, setData, setErrors, setWarnings, setTouched } = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)({
         initialValues: local.initialValues,
         extend: [
             (0, __WEBPACK_EXTERNAL_MODULE__felte_validator_zod_bb07151a__.validator)({
@@ -7255,7 +7255,11 @@ function ValidatedForm_ValidatedForm(props) {
             touched,
             data,
             isValid,
-            isSubmitting
+            isSubmitting,
+            setData,
+            setErrors,
+            setWarnings,
+            setTouched
         }));
     return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(FormValidationContext.Provider, {
         get value () {
@@ -7271,7 +7275,7 @@ function ValidatedForm_ValidatedForm(props) {
         }
     });
 }
-const ValidatedForm = ValidatedForm_ValidatedForm;
+const form_ValidatedForm = ValidatedForm;
 var Form_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<form role=form>");
 const Form = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
@@ -7298,7 +7302,7 @@ const Form = (props)=>{
 };
 const form_Form = Object.assign(Form, {
     Label: form_Label,
-    Validated: ValidatedForm
+    Validated: form_ValidatedForm
 });
 const colsMap = {
     1: "grid-cols-1",
@@ -8801,17 +8805,24 @@ const Rating = Object.assign(Rating_Rating, {
     Item: rating_RatingItem,
     Hidden: rating_RatingHidden
 });
-var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select>");
+var Select_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<select><option value disabled hidden>");
 const Select = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const merged = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.mergeProps)({
+        value: "",
+        placeholder: "Please, select an option"
+    }, props);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(merged, [
         "color",
         "size",
         "dataTheme",
         "class",
         "className",
-        "style"
+        "style",
+        "placeholder",
+        "value",
+        "children"
     ]);
-    const classes = ()=>twMerge("select", local.class, local.className, clsx({
+    const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("select", local.class, local.className, clsx({
             "select-xl": "xl" === local.size,
             "select-lg": "lg" === local.size,
             "select-md": "md" === local.size,
@@ -8825,9 +8836,10 @@ const Select = (props)=>{
             "select-success": "success" === local.color,
             "select-warning": "warning" === local.color,
             "select-error": "error" === local.color
-        }));
+        })));
+    const hasValue = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== local.value && "" !== local.value);
     return (()=>{
-        var _el$ = Select_tmpl$();
+        var _el$ = Select_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get ["data-theme"] () {
                 return local.dataTheme;
@@ -8837,9 +8849,14 @@ const Select = (props)=>{
             },
             get style () {
                 return local.style;
+            },
+            get value () {
+                return local.value;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>props.children);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.placeholder);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>_el$2.selected = !hasValue());
         return _el$;
     })();
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.64",
+  "version": "0.0.66",
   "author": "pathscale",
   "repository": {
     "type": "git",