@pathscale/ui 0.0.161 → 0.0.163

package/dist/components/switch-field/SwitchField.js

@@ -0,0 +1,91 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+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__toggle_Toggle_js_06ef56dc__ from "../toggle/Toggle.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span role=alert class="text-error text-xs">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="flex flex-col"><label>'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs opacity-60">');
+const SwitchField = (props)=>{
+    const id = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const toggleId = `switch-field-input-${id}`;
+    const descriptionId = `switch-field-desc-${id}`;
+    const errorId = `switch-field-error-${id}`;
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "label",
+        "description",
+        "checked",
+        "onChange",
+        "disabled",
+        "size",
+        "color",
+        "error",
+        "dataTheme",
+        "class",
+        "className",
+        "style"
+    ]);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("flex items-center justify-between gap-4", local.class, local.className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
+            "opacity-50": local.disabled
+        }));
+    return (()=>{
+        var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.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;
+            },
+            get ["class"] () {
+                return classes();
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$3, "for", toggleId);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.label);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
+            var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.description);
+            return ()=>_c$() && (()=>{
+                    var _el$5 = _tmpl$3();
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "id", descriptionId);
+                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.description);
+                    return _el$5;
+                })();
+        })(), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.error;
+            },
+            get children () {
+                var _el$4 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$4, "id", errorId);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.error);
+                return _el$4;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__toggle_Toggle_js_06ef56dc__["default"], {
+            id: toggleId,
+            get checked () {
+                return local.checked;
+            },
+            get disabled () {
+                return local.disabled;
+            },
+            get size () {
+                return local.size;
+            },
+            get color () {
+                return local.color;
+            },
+            get ["aria-describedby"] () {
+                return [
+                    local.description ? descriptionId : "",
+                    local.error ? errorId : ""
+                ].filter(Boolean).join(" ") || void 0;
+            },
+            onChange: (e)=>local.onChange?.(e.currentTarget.checked)
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("text-sm font-medium", local.disabled ? "cursor-not-allowed" : "cursor-pointer")));
+        return _el$;
+    })();
+};
+const switch_field_SwitchField = SwitchField;
+export { switch_field_SwitchField as default };

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

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE__SwitchField_js_f9282fbf__ from "./SwitchField.js";
+var __webpack_exports__SwitchField = __WEBPACK_EXTERNAL_MODULE__SwitchField_js_f9282fbf__["default"];
+export { __webpack_exports__SwitchField as SwitchField };

package/dist/components/table/EnhancedTable.d.ts

@@ -1,3 +1,6 @@
+import "./table.css";
+import "../checkbox/checkbox.css";
+import "../button/btn.css";
 import { type Accessor, type JSX } from "solid-js";
 import { type ColumnDef, type SortingState, type ColumnFiltersState, type PaginationState, type OnChangeFn, type ExpandedState } from "@tanstack/solid-table";
 import { type TableProps } from "./Table";