@servicetitan/docs-uikit 23.1.0 → 23.2.0

package/docs/ko-bridge.mdx

@@ -31,35 +31,22 @@ _`dangerouslyUpdatable` is dangerous because change in reference might try to up
 
 ### Examples
 
-#### Usage by extension
+#### Usage
 
 ```tsx
-class ExampleKnockoutComponent extends KnockoutComponent {
-    // if needed
-    componentDidMount() {
-        super.componentDidMount();
-    }
-
-    render() {
-        return <div data-bind="visible: window.IsExampleVisible">Invisible Example.</div>;
-    }
-}
-```
-
-#### Usage as JSX element
-
-```tsx
-const ExampleTemplate = () => <div data-bind="visible: IsExampleVisible">Invisible Example</div>;
+const ExampleTemplate = forwardRef<HTMLDivElement>((_, ref) => (
+    <div ref={ref} data-bind="visible: IsExampleVisible">
+        Invisible Example
+    </div>
+));
 
 interface ExampleKnockoutComponentProps {
     IsExampleVisible: boolean;
 }
 
-class ExampleKnockoutComponent extends React.Component<ExampleKnockoutComponentProps> {
-    render() {
-        return <KnockoutComponent koModel={this.props} koTemplate={ExampleTemplate} />;
-    }
-}
+const ExampleKnockoutComponent = (props: ExampleKnockoutComponentProps) => {
+    return <KnockoutComponent koModel={props} koTemplate={ExampleTemplate} />;
+};
 ```
 
 ## HtmlComment

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/docs-uikit",
-    "version": "23.1.0",
+    "version": "23.2.0",
     "description": "",
     "repository": {
         "type": "git",
@@ -16,5 +16,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "7267270e54cdb3a2926f61feb4939d057e82adb3"
+    "gitHead": "4b72bab5ab6cb52a688d9329c7fbaa702ae6780c"
 }