@akinon/ui-tour 1.0.0 → 1.1.0

package/dist/cjs/index.d.ts

@@ -14,6 +14,6 @@ import { ITourProps } from './types';
  * Built with flexibility and the Akinon design system in mind, the Tour component is suitable
  * for various use cases across web applications.
  */
-export declare const Tour: ({ ...props }: ITourProps) => React.JSX.Element;
+export declare const Tour: ({ open, ...restProps }: ITourProps) => React.JSX.Element;
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,IAAI,iBAAkB,UAAU,sBAE5C,CAAC;AAEF,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,IAAI,2BAA4B,UAAU,sBAuBtD,CAAC;AAEF,mBAAmB,SAAS,CAAC"}

package/dist/cjs/index.js

@@ -29,7 +29,17 @@ const react_1 = require("react");
  * for various use cases across web applications.
  */
 const Tour = (_a) => {
-    var props = __rest(_a, []);
-    return react_1.default.createElement(antd_1.Tour, Object.assign({}, props));
+    var { open } = _a, restProps = __rest(_a, ["open"]);
+    const [visible, setVisible] = (0, react_1.useState)(open);
+    (0, react_1.useEffect)(() => {
+        setVisible(open);
+    }, [open]);
+    const handleClose = () => {
+        setVisible(false); // Automatically close the tour if no callback is provided
+    };
+    const handleFinish = () => {
+        setVisible(false); // Automatically close the tour if no callback is provided
+    };
+    return (react_1.default.createElement(antd_1.Tour, Object.assign({ open: visible, onClose: handleClose, onFinish: handleFinish }, restProps)));
 };
 exports.Tour = Tour;

package/dist/esm/index.d.ts

@@ -14,6 +14,6 @@ import { ITourProps } from './types';
  * Built with flexibility and the Akinon design system in mind, the Tour component is suitable
  * for various use cases across web applications.
  */
-export declare const Tour: ({ ...props }: ITourProps) => React.JSX.Element;
+export declare const Tour: ({ open, ...restProps }: ITourProps) => React.JSX.Element;
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,IAAI,iBAAkB,UAAU,sBAE5C,CAAC;AAEF,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;;;;;;;;GAaG;AAEH,eAAO,MAAM,IAAI,2BAA4B,UAAU,sBAuBtD,CAAC;AAEF,mBAAmB,SAAS,CAAC"}

package/dist/esm/index.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { Tour as AntTour } from 'antd';
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 /**
  * Tour component for Akinon UI.
  *
@@ -26,6 +26,16 @@ import React from 'react';
  * for various use cases across web applications.
  */
 export const Tour = (_a) => {
-    var props = __rest(_a, []);
-    return React.createElement(AntTour, Object.assign({}, props));
+    var { open } = _a, restProps = __rest(_a, ["open"]);
+    const [visible, setVisible] = useState(open);
+    useEffect(() => {
+        setVisible(open);
+    }, [open]);
+    const handleClose = () => {
+        setVisible(false); // Automatically close the tour if no callback is provided
+    };
+    const handleFinish = () => {
+        setVisible(false); // Automatically close the tour if no callback is provided
+    };
+    return (React.createElement(AntTour, Object.assign({ open: visible, onClose: handleClose, onFinish: handleFinish }, restProps)));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/ui-tour",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "private": false,
   "type": "module",
   "main": "dist/esm/index.js",
@@ -9,15 +9,15 @@
     "dist"
   ],
   "dependencies": {
-    "antd": "5.22.6"
+    "antd": "5.22.6",
+    "@akinon/ui-theme": "1.0.1"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
     "copyfiles": "^2.4.1",
     "rimraf": "^5.0.5",
     "typescript": "*",
-    "@akinon/typescript-config": "1.0.0",
-    "@akinon/ui-theme": "1.0.0"
+    "@akinon/typescript-config": "1.0.1"
   },
   "peerDependencies": {
     "react": ">=18",