aidos-ui 3.0.7 → 3.0.8

package/dist/Select.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { JSStyle } from "./jss";
+export interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
+    value: string;
+    onValueChange: (value: string) => void;
+    jsStyle?: JSStyle;
+    ref?: React.Ref<HTMLSelectElement>;
+    className?: undefined;
+}
+export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/Select.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cssVar, jss } from "./jss";
+export const Select = forwardRef(({ jsStyle, children, onValueChange, value, ...otherProps }, ref) => {
+    return (_jsx("select", { ref: ref, className: jss({
+            fontSize: 20,
+            padding: cssVar("--spacing-m"),
+            border: `1px solid ${cssVar("--divider")}`,
+            backgroundColor: cssVar("--overlay-background"),
+            borderRadius: cssVar("--border-radius-m"),
+        }), value: value, onChange: (e) => {
+            onValueChange(e.target.value);
+        }, ...otherProps, children: children }));
+});
+//# sourceMappingURL=Select.js.map

package/dist/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAW,MAAM,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU7C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,UAAU,EAAe,EACvE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC;YACb,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC;YAC9B,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;YAC1C,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;SAC1C,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,KACG,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/index.d.ts

@@ -46,6 +46,7 @@ export * from "./RootView";
 export * from "./Row";
 export * from "./StackContext";
 export * from "./stateMachineContextFactory";
+export * from "./Select";
 export * from "./StaticCheckbox";
 export * from "./Storage";
 export * from "./Stream";

package/dist/index.js

@@ -46,6 +46,7 @@ export * from "./RootView";
 export * from "./Row";
 export * from "./StackContext";
 export * from "./stateMachineContextFactory";
+export * from "./Select";
 export * from "./StaticCheckbox";
 export * from "./Storage";
 export * from "./Stream";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aidos-ui",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "description": "A simple UI framework",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/Select.tsx

@@ -0,0 +1,37 @@
+import { forwardRef } from "react";
+import { JSStyle, cssVar, jss } from "./jss";
+
+export interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
+  value: string;
+  onValueChange: (value: string) => void;
+  jsStyle?: JSStyle;
+  ref?: React.Ref<HTMLSelectElement>;
+  className?: undefined;
+}
+
+export const Select = forwardRef(
+  (
+    { jsStyle, children, onValueChange, value, ...otherProps }: SelectProps,
+    ref?: React.Ref<HTMLSelectElement>
+  ) => {
+    return (
+      <select
+        ref={ref}
+        className={jss({
+          fontSize: 20,
+          padding: cssVar("--spacing-m"),
+          border: `1px solid ${cssVar("--divider")}`,
+          backgroundColor: cssVar("--overlay-background"),
+          borderRadius: cssVar("--border-radius-m"),
+        })}
+        value={value}
+        onChange={(e) => {
+          onValueChange(e.target.value);
+        }}
+        {...otherProps}
+      >
+        {children}
+      </select>
+    );
+  }
+);

package/src/index.ts

@@ -46,6 +46,7 @@ export * from "./RootView";
 export * from "./Row";
 export * from "./StackContext";
 export * from "./stateMachineContextFactory";
+export * from "./Select";
 export * from "./StaticCheckbox";
 export * from "./Storage";
 export * from "./Stream";