@mappedin/viewer 0.30.6 → 0.30.7-ec2bc30.0

package/dist/types/src/components/common/typography.d.ts

@@ -1,4 +1,5 @@
 import { TTheme } from '../../lib/types/theme';
+import { ComponentProps, PropsWithChildren } from 'react';
 type TFontProps = {
     theme?: TTheme;
     strokeWidth?: number;
@@ -9,9 +10,23 @@ type TFontProps = {
 export declare const fontStyle: import("styled-components").RuleSet<TFontProps>;
 export declare const textwrapStyle: import("styled-components").RuleSet<object>;
 export declare const Text: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TFontProps>>;
+/**
+ * Style a substring within a string a different color.
+ */
 export declare const PartialHighlight: React.FC<TFontProps & {
     substr?: string | string[];
     str: string;
     style?: React.CSSProperties;
 }>;
+type TDynamicallySizedTextProps = {
+    textProps?: Omit<ComponentProps<typeof Text>, 'children'>;
+    width: number | string;
+    maxFontSize?: number;
+    minFontSize?: number;
+    debug?: boolean;
+};
+/**
+ * Dynamically size text to fit within a container.
+ */
+export declare const DynamicallySizedText: React.FC<PropsWithChildren<TDynamicallySizedTextProps>>;
 export {};

package/dist/types/src/components/common/typography.stories.d.ts

@@ -1,2 +1,4 @@
 import { Story } from '@ladle/react';
+export declare const Default: Story;
 export declare const Bold: Story;
+export declare const DynamicSizing: Story;

package/dist/types/src/lib/hooks/use-debounced-value.d.ts

@@ -0,0 +1,2 @@
+declare const useDebouncedValue: <T>(value: T, delay: number) => T;
+export default useDebouncedValue;

package/dist/types/src/lib/hooks/use-debounced-value.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/lib/hooks/use-previous.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Return the previous value of a state variable.
+ */
+declare const usePrevious: <T>(value: T) => T | null;
+export default usePrevious;

package/dist/types/src/lib/hooks/use-previous.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/lib/hooks/use-responsive-size.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Respond to the size of an element using a ResizeObserver.
+ */
+declare const useResponsiveSize: () => {
+    elementRef: (ref: unknown) => void;
+    width: number;
+    height: number;
+};
+export default useResponsiveSize;

package/dist/types/src/lib/hooks/use-size.d.ts

@@ -1,6 +1,13 @@
 type TUseSizeOptions = {
     dependencies?: any[];
 };
+/**
+ * Read the size of a statically sized element. Optionally specify an array of dependencies
+ * to re-read the size when they change.
+ *
+ * To respond to continous size changes without a well defined set of dependencies, use
+ * {@link useResponsiveSize} instead.
+ */
 declare const useSize: ({ dependencies }?: TUseSizeOptions) => {
     elementRef: (ref: unknown) => void;
     width: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mappedin/viewer",
-  "version": "0.30.6",
+  "version": "0.30.7-ec2bc30.0",
   "type": "module",
   "browser": "./dist/index.js",
   "license": "UNLICENSED",