sliftutils 0.57.0 → 0.59.0

package/index.d.ts

@@ -140,6 +140,20 @@ declare module "sliftutils/misc/zip" {
 
 }
 
+declare module "sliftutils/render-utils/Anchor" {
+    import preact from "preact";
+    import { URLParam } from "./URLParam";
+    export declare class Anchor extends preact.Component<{
+        className?: string;
+        params: ([URLParam, unknown] | [string, string])[];
+        button?: boolean;
+    } & Omit<preact.JSX.HTMLAttributes<HTMLAnchorElement>, "href">> {
+        render(): preact.JSX.Element;
+    }
+    export declare function createLinkRaw(params: ([URLParam, unknown])[]): string;
+
+}
+
 declare module "sliftutils/render-utils/DropdownCustom" {
     import preact from "preact";
     import { LengthOrPercentage } from "typesafecss/cssTypes";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sliftutils",
-    "version": "0.57.0",
+    "version": "0.59.0",
     "main": "index.js",
     "license": "MIT",
     "files": [

package/render-utils/Anchor.d.ts

@@ -0,0 +1,10 @@
+import preact from "preact";
+import { URLParam } from "./URLParam";
+export declare class Anchor extends preact.Component<{
+    className?: string;
+    params: ([URLParam, unknown] | [string, string])[];
+    button?: boolean;
+} & Omit<preact.JSX.HTMLAttributes<HTMLAnchorElement>, "href">> {
+    render(): preact.JSX.Element;
+}
+export declare function createLinkRaw(params: ([URLParam, unknown])[]): string;

package/render-utils/Anchor.tsx

@@ -1,10 +1,6 @@
 import preact from "preact";
 import { URLParam, batchURLParamUpdate, getResolvedParam } from "./URLParam";
-import { css, isNode } from "typesafecss";
-
-export const AnchorClass = (
-    css.textDecoration("none").color("hsl(210, 75%, 65%)").opacity(0.8, "hover")
-);
+import { CSSType, css, isNode } from "typesafecss";
 
 export class Anchor extends preact.Component<{
     className?: string;

package/render-utils/Table.tsx

@@ -176,15 +176,16 @@ function renderTrimmed(config: {
         };
     }
 
-
     return {
         outerAttributes: {
             class: css.opacity(0.5, "hover").button,
             onClick: () => {
                 showFullscreenModal(
-                    <div className={css.whiteSpace("pre-wrap")}>
-                        {content}
-                    </div>
+                    {
+                        contents: <div className={css.whiteSpace("pre-wrap")}>
+                            {content}
+                        </div>
+                    },
                 );
             }
         },

package/render-utils/colors.tsx

@@ -11,4 +11,9 @@ export const errorMessage = css.hsl(0, 75, 50).color("white")
 export const warnMessage = css.hsl(50, 75, 50).color("hsl(0, 0%, 7%)", "important", "soft")
     .padding("4px 6px", "soft")
     .whiteSpace("pre-wrap").display("inline-block", "soft")
-    ;
+    ;
+
+
+export const AnchorClass = (
+    css.textDecoration("none").color("hsl(210, 75%, 65%)").opacity(0.8, "hover")
+);

package/tsconfig.declarations.json

@@ -3,8 +3,8 @@
     "compilerOptions": {
         "declaration": true,
         "emitDeclarationOnly": true,
-        "outDir": "./render-utils",
-        "rootDir": "./render-utils"
+        "outDir": "./",
+        "rootDir": "./"
     },
     "include": [
         "render-utils/**/*.ts",