@arcgis/lumina 4.31.0-next.84

package/dist/jsx/directives.d.ts

@@ -0,0 +1,52 @@
+import type { Nil } from "@arcgis/components-utils";
+import type { Properties as CssProperties } from "csstype";
+import type { ClassInfo } from "lit-html/directives/class-map.js";
+import type { DirectiveResult } from "lit/directive.js";
+import type { ClassMapDirective } from "lit/directives/class-map.js";
+import type { StyleMapDirective } from "lit/directives/style-map.js";
+/**
+ * You likely won't have to import this directly. It will be added during
+ * _JSX to lit-html_ conversion.
+ *
+ * @remarks
+ * In JSX we allow both of the following:
+ * ```tsx
+ * const myString = "foo";
+ * const myObject = { foo: true, bar: false };
+ * render(<p class={myString} />);
+ * render(<p class={myObject} />);
+ * ```
+ *
+ * One of the above needs to call `classMap` directive, the other must not.
+ *
+ * To keep the build fast, and to guard against types being possibly incorrect,
+ * we are not relying on the TypeScript type-checker to check if the provided
+ * variable is a string or an object.
+ * Instead, if the prop value is a object definition, variable reference,
+ * ternary expression or etc, the `safeClassMap` will be called, which will
+ * determine at runtime if directive should be called
+ */
+export declare const safeClassMap: (parameters: ClassInfo | Nil | string) => DirectiveResult<typeof ClassMapDirective> | Nil | string;
+/**
+ * You likely won't have to import this directly. It will be added during
+ * _JSX to lit-html_ conversion.
+ *
+ * @remarks
+ * In JSX we allow both of the following:
+ * ```tsx
+ * const myString = "font-size:'2px'";
+ * const myObject = { fontSize: "2px" };
+ * render(<p style={myString} />);
+ * render(<p style={myObject} />);
+ * ```
+ *
+ * One of the above needs to call `styleMap` directive, the other must not.
+ *
+ * To keep the build fast, and to guard against types being possibly incorrect,
+ * we are not relying on the TypeScript type-checker to check if the provided
+ * variable is a string or an object.
+ * Instead, if the prop value is a object definition, variable reference,
+ * ternary expression or etc, the `safeStyleMap` will be called, which will
+ * determine at runtime if directive should be called
+ */
+export declare const safeStyleMap: (parameters: CssProperties | Nil | string) => DirectiveResult<typeof StyleMapDirective> | Nil | string;