@onereach/ui-components 2.67.1-beta.1985.0 → 2.67.1-beta.1986.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "2.67.1-beta.1985.0",
+  "version": "2.67.1-beta.1986.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",

package/src/components/or-confirm-v3/OrConfirm.stories3.ts

@@ -6,7 +6,6 @@ import OrConfirm from './OrConfirm.vue';
 import { ConfirmType } from './props';
 import { OrButtonV3 as OrButton } from '../or-button-v3';
 import { ref } from 'vue-demi';
-import { useArgs } from '@storybook/client-api';
 
 export default {
   title: 'Components/Confirm',
@@ -148,36 +147,30 @@ const Template: StoryFn<typeof OrConfirm> = (args) => ({
   `,
 });
 
-const TemplateIsOpen: StoryFn<typeof OrConfirm> = () => {
-  const [args, updateArgs] = useArgs();
-  return {
-    components: {
-      OrConfirm,
-      OrButton,
-    },
+const TemplateIsOpen: StoryFn<typeof OrConfirm> = (args) => ({
+  components: {
+    OrConfirm,
+    OrButton,
+  },
 
-    setup() {
-      const isOpen = ref(args.isOpen);
-      return {
-        args,
-        isOpen,
-        onOpen: action('open'),
-        onClose: () => {
-          isOpen.value = false;
-          updateArgs({
-            ...args,
-            isOpen: false,
-          });
-          action('close');
-        },
-        onConfirm: (event: any) => {
-          isOpen.value = false;
-          action('confirm')(event);
-        },
-      };
-    },
+  setup() {
+    const isOpen = ref(args.isOpen);
+    return {
+      args,
+      isOpen,
+      onOpen: action('open'),
+      onClose: () => {
+        isOpen.value = false;
+        action('close');
+      },
+      onConfirm: (event: any) => {
+        isOpen.value = false;
+        action('confirm')(event);
+      },
+    };
+  },
 
-    template: `
+  template: `
     <div class="contents">
       <OrButton @click="isOpen = true">Confirmation modal</OrButton>
 
@@ -200,8 +193,7 @@ const TemplateIsOpen: StoryFn<typeof OrConfirm> = () => {
       </OrConfirm>
     </div>
   `,
-  };
-};
+});
 
 export const Default = Template.bind({});
 Default.args = {

package/src/components/or-modal-v3/OrModal.stories3.ts

@@ -133,7 +133,7 @@ const TemplateIsOpen: StoryFn<typeof OrModal> = (args) => ({
   },
 
   setup() {
-    const isOpen = ref(false);
+    const isOpen = ref(args.isOpen);
 
     function handleClose() {
       isOpen.value = false;