@onereach/ui-components 4.2.0 → 4.2.1-beta.2573.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.2.0",
+  "version": "4.2.1-beta.2573.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -152,6 +152,5 @@
       "default": "./dist/bundled/v3/components/*/index.js"
     },
     "./package.json": "./package.json"
-  },
-  "gitHead": "caaae29335c5bb84b2f07e000d8b63fae03c6a97"
+  }
 }

package/src/components/or-checkbox-group-v3/OrCheckboxGroup.stories3.ts

@@ -22,8 +22,8 @@ export default {
     direction: {
       control: {
         type: 'radio',
-        options: Object.values(FormGroupDirection),
       },
+      options: Object.values(FormGroupDirection),
     },
   },
   parameters: {
@@ -66,9 +66,9 @@ const Template: StoryFn<typeof OrCheckboxGroup> = (args) => ({
   `,
 });
 
-export const CheckboxGroup = Template.bind({});
+export const FlatGroup = Template.bind({});
 
-CheckboxGroup.args = {
+FlatGroup.args = {
   label: 'Checkbox Group',
   options: [
     {
@@ -86,9 +86,35 @@ CheckboxGroup.args = {
   ],
 };
 
-export const CheckboxGroupTree = Template.bind({});
+export const CollapsibleGroup = Template.bind({});
 
-CheckboxGroupTree.args = {
+CollapsibleGroup.args = {
+  label: 'Checkbox Group',
+  options: [
+    {
+      label: 'Parent switcher label',
+      collapsible: true,
+      children: [
+        {
+          label: 'Option 1',
+          value: '1',
+        },
+        {
+          label: 'Option 2',
+          value: '2',
+        },
+        {
+          label: 'Option 3',
+          value: '3',
+        },
+      ],
+    },
+  ],
+};
+
+export const Tree = Template.bind({});
+
+Tree.args = {
   label: 'Checkbox Group tree',
   options: [
     {
@@ -112,9 +138,9 @@ CheckboxGroupTree.args = {
 };
 
 
-export const CheckboxGroupDeepTree = Template.bind({});
+export const DeepTree = Template.bind({});
 
-CheckboxGroupDeepTree.args = {
+DeepTree.args = {
   label: 'Checkbox Group tree',
   options: [
     {
@@ -159,9 +185,9 @@ CheckboxGroupDeepTree.args = {
 };
 
 
-export const CheckboxGroupDeepCollapsibleTree = Template.bind({});
+export const DeepCollapsibleTree = Template.bind({});
 
-CheckboxGroupDeepCollapsibleTree.args = {
+DeepCollapsibleTree.args = {
   label: 'Checkbox Group tree',
   options: [
     {
@@ -207,9 +233,9 @@ CheckboxGroupDeepCollapsibleTree.args = {
   ],
 };
 
-export const CheckboxGroupDeepPartiallyCollapsibleTree = Template.bind({});
+export const DeepPartiallyCollapsibleTree = Template.bind({});
 
-CheckboxGroupDeepPartiallyCollapsibleTree.args = {
+DeepPartiallyCollapsibleTree.args = {
   label: 'Checkbox Group tree',
   options: [
     {
@@ -288,9 +314,9 @@ const TemplateWithAddon: StoryFn<typeof OrCheckboxGroup> = (args) => ({
   `,
 });
 
-export const CheckboxGroupWithAddon = TemplateWithAddon.bind({});
+export const WithAddon = TemplateWithAddon.bind({});
 
-CheckboxGroupWithAddon.args = {
+WithAddon.args = {
   label: 'Checkbox Group',
   options: [
     {
@@ -308,9 +334,9 @@ CheckboxGroupWithAddon.args = {
   ],
 };
 
-export const CheckboxGroupDeepPartiallyCollapsed = Template.bind({});
+export const DeepPartiallyCollapsed = Template.bind({});
 
-CheckboxGroupDeepPartiallyCollapsed.args = {
+DeepPartiallyCollapsed.args = {
   label: 'Checkbox Group tree',
   options: [
     {