@vrobots/storybook 0.1.72 → 0.1.73

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vrobots/storybook",
     "private": false,
-    "version": "0.1.72",
+    "version": "0.1.73",
     "type": "module",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",

package/dist/src/components/VerifyAction.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface IVerifyActionProps {
+    isOpen: boolean;
+    heading: string;
+    subheading?: string;
+    onCancel: () => void;
+    onProceed: () => void;
+}
+export declare const VerifyAction: React.FC<IVerifyActionProps>;

package/dist/src/components/VerifyAction.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, Portal, Text } from '@chakra-ui/react';
+export const VerifyAction = ({ isOpen, heading, subheading, onCancel, onProceed }) => {
+    return (_jsx(Dialog.Root, { open: isOpen, onOpenChange: onCancel, children: _jsxs(Portal, { children: [_jsx(Dialog.Backdrop, {}), _jsx(Dialog.Positioner, { children: _jsxs(Dialog.Content, { children: [_jsx(Dialog.Header, { mb: 0, children: _jsx(Dialog.Title, { mb: 0, children: heading }) }), _jsx(Text, { ml: 6, children: subheading }), _jsx(Dialog.Body, {}), _jsxs(Dialog.Footer, { children: [_jsx(Dialog.ActionTrigger, { asChild: true, children: _jsx(Button, { variant: 'subtle', children: "Close" }) }), _jsx(Button, { ml: 1, onClick: onProceed, colorPalette: 'red', children: "Proceed" })] })] }) })] }) }));
+};

package/dist/src/components/index.d.ts

@@ -14,6 +14,7 @@ export * from './Page';
 export * from './Section';
 export * from './Sidebar';
 export * from './Timeline';
+export * from './VerifyAction';
 export * from './form/Login';
 export * from './form/SecondFactorAuth';
 export * from './form/FileUploader';

package/dist/src/components/index.js

@@ -14,6 +14,7 @@ export * from './Page';
 export * from './Section';
 export * from './Sidebar';
 export * from './Timeline';
+export * from './VerifyAction';
 export * from './form/Login';
 export * from './form/SecondFactorAuth';
 export * from './form/FileUploader';

package/dist/src/stories/VerifyAction.stories.d.ts

@@ -0,0 +1,12 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").FC<import("../components").IVerifyActionProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Component: Story;

package/dist/src/stories/VerifyAction.stories.js

@@ -0,0 +1,19 @@
+import { VerifyAction } from '../components';
+const meta = {
+    title: 'Feedback/VerifyAction',
+    component: VerifyAction,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+};
+export default meta;
+export const Component = {
+    args: {
+        isOpen: true,
+        heading: 'Are you sure?',
+        subheading: `This action can't be undone!`,
+        onCancel: () => console.log('close dialog'),
+        onProceed: () => console.log('proceed')
+    }
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vrobots/storybook",
   "private": false,
-  "version": "0.1.72",
+  "version": "0.1.73",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",