@targoninc/jess-components 0.0.17 → 0.0.19

package/dist/index.js

@@ -208,9 +208,9 @@ class DomNode {
         const value = arguments[i + 1];
         if (value && isSignal(value)) {
           this._node.setAttribute(key, value.value);
-          value.onUpdate = (newValue) => {
+          value.subscribe((newValue) => {
             this._node.setAttribute(key, newValue);
-          };
+          });
         } else {
           this._node.setAttribute(key, value);
         }
@@ -565,9 +565,9 @@ class DomNode {
         }
         if (value && isSignal(value)) {
           this._node.style[key] = value.value;
-          value.onUpdate = (newValue) => {
+          value.subscribe((newValue) => {
             this._node.style[key] = newValue;
-          };
+          });
         } else {
           this._node.style[key] = value;
         }
@@ -859,6 +859,11 @@ function icon(config) {
     return create("img").applyGenericConfig(config).classes(iconClass, pointerClass).attributes("src", icon2).onclick(config.onclick).build();
   }, asSignal(config.isUrl ?? false));
 }
+function select(config) {
+  const options = config.options ?? signal([]);
+  const value = config.value ?? signal(null);
+  return create("div").applyGenericConfig(config).classes("jessc-select", "flex-v", "relative").children(when(config.label, create("label").classes("jess").text(config.label).build()), signalMap(options, create("select").classes("jessc-select-inner").value(value), (option) => create("option").value(option.id).text(option.name).build())).build();
+}
 function searchableSelect(config) {
   const options = config.options ?? signal([]);
   const value = config.value ?? signal(null);
@@ -1011,6 +1016,7 @@ export {
   toggle,
   textarea,
   text,
+  select,
   searchableSelect,
   searchSelectOption,
   input,

package/dist/src/Components.d.ts

@@ -1,4 +1,4 @@
-import type { BooleanConfig, ButtonConfig, ContainerConfig, HeadingConfig, IconConfig, InputConfig, SearchableSelectConfig, SelectOptionConfig, TextareaConfig, TextConfig } from "./Types.ts";
+import type { BooleanConfig, ButtonConfig, ContainerConfig, HeadingConfig, IconConfig, InputConfig, SearchableSelectConfig, SelectConfig, SelectOptionConfig, TextareaConfig, TextConfig } from "./Types.ts";
 import { type AnyElement, Signal, type StringOrSignal } from "@targoninc/jess";
 export declare function button(config: ButtonConfig): AnyElement;
 export declare function input<T>(config: InputConfig<T>): AnyElement;
@@ -11,6 +11,7 @@ export declare function container(config: ContainerConfig): AnyElement;
 export declare function text(config: TextConfig): AnyElement;
 export declare function heading(config: HeadingConfig): AnyElement;
 export declare function icon(config: IconConfig): Signal<AnyElement>;
+export declare function select(config: SelectConfig): AnyElement;
 export declare function searchableSelect(config: SearchableSelectConfig): AnyElement;
 export declare function searchSelectOption(config: SelectOptionConfig): any;
 export declare function checkbox(config: BooleanConfig): AnyElement;

package/dist/src/Types.d.ts

@@ -74,6 +74,7 @@ export interface SearchableSelectConfig<T = string> extends ChangeableConfig<T>
     options: Signal<SelectOption[]>;
     value: Signal<T>;
 }
+export type SelectConfig = SearchableSelectConfig;
 export interface HeadingConfig extends BaseComponentConfig {
     level?: IntRange<1, 6>;
     text: StringOrSignal;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@targoninc/jess-components",
   "type": "module",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -17,7 +17,7 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@targoninc/jess": "^0.0.18"
+    "@targoninc/jess": "^0.0.19"
   },
   "devDependencies": {
     "@types/bun": "latest",