@pathscale/ui 1.2.6 → 1.2.8

package/dist/components/search-field/SearchField.js

@@ -1,17 +1,17 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import { createComponent, insert, memo, mergeProps, spread, template } from "solid-js/web";
 import "./SearchField.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__ from "../close-button/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__ from "./SearchField.classes.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
-const SearchFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+import { Show, createContext, createSignal, splitProps, useContext } from "solid-js";
+import { twMerge } from "tailwind-merge";
+import close_button from "../close-button/index.js";
+import { CLASSES } from "./SearchField.classes.js";
+var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<input>"), _tmpl$3 = /*#__PURE__*/ template("<span>");
+const SearchFieldContext = createContext();
 const invokeEventHandler = (handler, event)=>{
     if ("function" == typeof handler) return void handler(event);
     if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
 };
 const SearchFieldRoot = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "startIcon",
         "endIcon",
@@ -30,7 +30,7 @@ const SearchFieldRoot = (props)=>{
         "disabled",
         "isInvalid"
     ]);
-    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultValue ?? "");
+    const [internalValue, setInternalValue] = createSignal(local.defaultValue ?? "");
     const isControlled = ()=>void 0 !== local.value;
     const value = ()=>isControlled() ? local.value ?? "" : internalValue();
     const isEmpty = ()=>0 === value().length;
@@ -59,12 +59,12 @@ const SearchFieldRoot = (props)=>{
         setValue,
         clearValue: ()=>setValue("")
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(SearchFieldContext.Provider, {
+    return createComponent(SearchFieldContext.Provider, {
         value: contextValue,
         get children () {
             var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.variant[variant()], fullWidth() && __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+            spread(_el$, mergeProps(others, ()=>({
+                    class: twMerge(CLASSES.Root.base, CLASSES.Root.variant[variant()], fullWidth() && CLASSES.Root.flag.fullWidth, local.class, local.className)
                 }), {
                 "data-slot": "search-field",
                 get ["data-empty"] () {
@@ -89,30 +89,30 @@ const SearchFieldRoot = (props)=>{
                     return local.style;
                 }
             }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
-                var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
-                return ()=>_c$() ? local.children(renderProps()) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.children)() ? local.children : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(SearchFieldGroup, {
+            insert(_el$, (()=>{
+                var _c$ = memo(()=>"function" == typeof local.children);
+                return ()=>_c$() ? local.children(renderProps()) : memo(()=>!!local.children)() ? local.children : createComponent(SearchFieldGroup, {
                         get children () {
                             return [
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                createComponent(Show, {
                                     get when () {
                                         return local.startIcon;
                                     },
                                     get children () {
-                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(SearchFieldSearchIcon, {
+                                        return createComponent(SearchFieldSearchIcon, {
                                             get children () {
                                                 return local.startIcon;
                                             }
                                         });
                                     }
                                 }),
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(SearchFieldInput, {}),
-                                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+                                createComponent(SearchFieldInput, {}),
+                                createComponent(Show, {
                                     get when () {
                                         return local.endIcon;
                                     },
                                     get children () {
-                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(SearchFieldClearButton, {
+                                        return createComponent(SearchFieldClearButton, {
                                             get children () {
                                                 return local.endIcon;
                                             }
@@ -128,8 +128,8 @@ const SearchFieldRoot = (props)=>{
     });
 };
 const SearchFieldGroup = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SearchFieldContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const context = useContext(SearchFieldContext);
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -144,8 +144,8 @@ const SearchFieldGroup = (props)=>{
         });
     return (()=>{
         var _el$2 = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Group.base, context?.fullWidth() && __WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Group.flag.fullWidth, local.class, local.className)
+        spread(_el$2, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.Group.base, context?.fullWidth() && CLASSES.Group.flag.fullWidth, local.class, local.className)
             }), {
             "data-slot": "search-field-group",
             get ["data-invalid"] () {
@@ -161,16 +161,16 @@ const SearchFieldGroup = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
-            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
+        insert(_el$2, (()=>{
+            var _c$2 = memo(()=>"function" == typeof local.children);
             return ()=>_c$2() ? local.children(renderProps()) : local.children;
         })());
         return _el$2;
     })();
 };
 const SearchFieldInput = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SearchFieldContext);
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const context = useContext(SearchFieldContext);
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -190,10 +190,10 @@ const SearchFieldInput = (props)=>{
     };
     return (()=>{
         var _el$3 = _tmpl$2();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+        spread(_el$3, mergeProps(others, {
             type: "search"
         }, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.Input.base, local.class, local.className)
+                class: twMerge(CLASSES.Input.base, local.class, local.className)
             }), {
             "data-slot": "search-field-input",
             get ["data-theme"] () {
@@ -224,7 +224,7 @@ const SearchFieldInput = (props)=>{
     })();
 };
 const SearchFieldSearchIcon = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "children",
         "class",
         "className",
@@ -234,8 +234,8 @@ const SearchFieldSearchIcon = (props)=>{
     if (!local.children) return null;
     return (()=>{
         var _el$4 = _tmpl$3();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.SearchIcon.base, local.class, local.className)
+        spread(_el$4, mergeProps(others, ()=>({
+                class: twMerge(CLASSES.SearchIcon.base, local.class, local.className)
             }), {
             "data-slot": "search-field-search-icon",
             get ["data-theme"] () {
@@ -245,14 +245,14 @@ const SearchFieldSearchIcon = (props)=>{
                 return local.style;
             }
         }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        insert(_el$4, ()=>local.children);
         return _el$4;
     })();
 };
 const SearchFieldClearButton = (props)=>{
-    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(SearchFieldContext);
+    const context = useContext(SearchFieldContext);
     const hasIcon = ()=>null != props.children || null != props.startIcon || null != props.endIcon;
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+    const [local, others] = splitProps(props, [
         "class",
         "className",
         "dataTheme",
@@ -265,8 +265,8 @@ const SearchFieldClearButton = (props)=>{
         if (event.defaultPrevented) return;
         context?.clearValue();
     };
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__close_button_index_js_620c3b77__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
-            class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__SearchField_classes_js_2445054e__.CLASSES.ClearButton.base, local.class, local.className)
+    return createComponent(close_button, mergeProps(others, ()=>({
+            class: twMerge(CLASSES.ClearButton.base, local.class, local.className)
         }), {
         "data-slot": "search-field-clear-button",
         get ["data-theme"] () {
@@ -285,12 +285,13 @@ const SearchFieldClearButton = (props)=>{
         onClick: handleClick
     }));
 };
-const SearchField_SearchField = Object.assign(SearchFieldRoot, {
+const SearchField = Object.assign(SearchFieldRoot, {
     Root: SearchFieldRoot,
     Group: SearchFieldGroup,
     Input: SearchFieldInput,
     SearchIcon: SearchFieldSearchIcon,
     ClearButton: SearchFieldClearButton
 });
-const SearchField = SearchField_SearchField;
-export { SearchField_SearchField as SearchField, SearchFieldClearButton, SearchFieldGroup, SearchFieldInput, SearchFieldRoot, SearchFieldSearchIcon, SearchField as default };
+const search_field_SearchField = SearchField;
+export default search_field_SearchField;
+export { SearchField, SearchFieldClearButton, SearchFieldGroup, SearchFieldInput, SearchFieldRoot, SearchFieldSearchIcon };

package/dist/components/search-field/index.js

@@ -1,9 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__SearchField_js_abba5c84__ from "./SearchField.js";
-var __webpack_exports__SearchField = __WEBPACK_EXTERNAL_MODULE__SearchField_js_abba5c84__.SearchField;
-var __webpack_exports__SearchFieldClearButton = __WEBPACK_EXTERNAL_MODULE__SearchField_js_abba5c84__.SearchFieldClearButton;
-var __webpack_exports__SearchFieldGroup = __WEBPACK_EXTERNAL_MODULE__SearchField_js_abba5c84__.SearchFieldGroup;
-var __webpack_exports__SearchFieldInput = __WEBPACK_EXTERNAL_MODULE__SearchField_js_abba5c84__.SearchFieldInput;
-var __webpack_exports__SearchFieldRoot = __WEBPACK_EXTERNAL_MODULE__SearchField_js_abba5c84__.SearchFieldRoot;
-var __webpack_exports__SearchFieldSearchIcon = __WEBPACK_EXTERNAL_MODULE__SearchField_js_abba5c84__.SearchFieldSearchIcon;
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__SearchField_js_abba5c84__["default"];
-export { __webpack_exports__SearchField as SearchField, __webpack_exports__SearchFieldClearButton as SearchFieldClearButton, __webpack_exports__SearchFieldGroup as SearchFieldGroup, __webpack_exports__SearchFieldInput as SearchFieldInput, __webpack_exports__SearchFieldRoot as SearchFieldRoot, __webpack_exports__SearchFieldSearchIcon as SearchFieldSearchIcon, __webpack_exports__default as default };
+export { SearchField, SearchFieldClearButton, SearchFieldGroup, SearchFieldInput, SearchFieldRoot, SearchFieldSearchIcon, default } from "./SearchField.js";