@refineui/react 0.4.1 → 0.5.0

package/dist/spec/authoring/components/button-group.json

@@ -0,0 +1,104 @@
+{
+  "id": "button-group",
+  "exportPath": "@refineui/react",
+  "exportName": "ButtonGroup",
+  "kind": "root",
+  "category": "components",
+  "label": "Button Group",
+  "props": [
+    {
+      "name": "size",
+      "label": "Size",
+      "valueType": "enum",
+      "control": "segmented",
+      "options": [
+        "sm",
+        "md",
+        "lg"
+      ],
+      "defaultValue": "md",
+      "section": "variants"
+    },
+    {
+      "name": "variant",
+      "label": "Variant",
+      "valueType": "enum",
+      "control": "select",
+      "options": [
+        "primary",
+        "secondary",
+        "outline",
+        "ghost"
+      ],
+      "defaultValue": "ghost",
+      "section": "variants"
+    },
+    {
+      "name": "orientation",
+      "label": "Orientation",
+      "valueType": "enum",
+      "control": "segmented",
+      "options": [
+        "horizontal",
+        "vertical"
+      ],
+      "defaultValue": "horizontal",
+      "section": "variants"
+    },
+    {
+      "name": "attached",
+      "label": "Attached",
+      "valueType": "boolean",
+      "control": "toggle",
+      "defaultValue": true,
+      "section": "properties"
+    }
+  ],
+  "preview": {
+    "mode": "full"
+  },
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "Button"
+      ],
+      "repeatable": true,
+      "min": 1
+    }
+  ],
+  "presets": [
+    {
+      "id": "actions",
+      "label": "Item actions",
+      "root": {
+        "component": "ButtonGroup",
+        "props": {
+          "aria-label": "Item actions"
+        },
+        "slots": {
+          "children": [
+            {
+              "component": "Button",
+              "text": "Edit"
+            },
+            {
+              "component": "Button",
+              "text": "Duplicate"
+            },
+            {
+              "component": "Button",
+              "text": "Archive"
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "payload": "void"
+    }
+  ]
+}

package/dist/spec/authoring/components/{command-separator.json → command-divider.json}

@@ -1,10 +1,10 @@
 {
-  "id": "command-separator",
+  "id": "command-divider",
   "exportPath": "@refineui/react",
-  "exportName": "CommandSeparator",
+  "exportName": "CommandDivider",
   "kind": "part",
   "category": "parts",
-  "label": "Command Separator",
+  "label": "Command Divider",
   "props": [],
   "preview": {
     "mode": "full"

package/dist/spec/authoring/components/command-list.json

@@ -22,7 +22,7 @@
         "CommandEmpty",
         "CommandGroup",
         "CommandItem",
-        "CommandSeparator"
+        "CommandDivider"
       ],
       "repeatable": true
     }

package/dist/spec/authoring/components/context-menu-content.json

@@ -21,7 +21,7 @@
       "accepts": [
         "ContextMenuItem",
         "ContextMenuLabel",
-        "ContextMenuSeparator",
+        "ContextMenuDivider",
         "ContextMenuSub"
       ],
       "repeatable": true

package/{spec/authoring/components/context-menu-separator.json → dist/spec/authoring/components/context-menu-divider.json}

@@ -1,10 +1,10 @@
 {
-  "id": "context-menu-separator",
+  "id": "context-menu-divider",
   "exportPath": "@refineui/react",
-  "exportName": "ContextMenuSeparator",
+  "exportName": "ContextMenuDivider",
   "kind": "part",
   "category": "parts",
-  "label": "Context Menu Separator",
+  "label": "Context Menu Divider",
   "props": [],
   "preview": {
     "mode": "full"

package/dist/spec/authoring/components/context-menu-sub-content.json

@@ -21,7 +21,7 @@
       "accepts": [
         "ContextMenuItem",
         "ContextMenuLabel",
-        "ContextMenuSeparator",
+        "ContextMenuDivider",
         "ContextMenuSub"
       ],
       "repeatable": true

package/dist/spec/authoring/components/dropdown-content.json

@@ -22,7 +22,7 @@
         "DropdownGroup",
         "DropdownItem",
         "DropdownLabel",
-        "DropdownSeparator",
+        "DropdownDivider",
         "DropdownSub"
       ],
       "repeatable": true

package/{spec/authoring/components/dropdown-separator.json → dist/spec/authoring/components/dropdown-divider.json}

@@ -1,10 +1,10 @@
 {
-  "id": "dropdown-separator",
+  "id": "dropdown-divider",
   "exportPath": "@refineui/react",
-  "exportName": "DropdownSeparator",
+  "exportName": "DropdownDivider",
   "kind": "part",
   "category": "parts",
-  "label": "Dropdown Separator",
+  "label": "Dropdown Divider",
   "props": [],
   "preview": {
     "mode": "full"

package/dist/spec/authoring/components/dropdown-group.json

@@ -21,7 +21,7 @@
       "accepts": [
         "DropdownItem",
         "DropdownLabel",
-        "DropdownSeparator",
+        "DropdownDivider",
         "DropdownSub"
       ],
       "repeatable": true

package/{spec/authoring/components/select-separator.json → dist/spec/authoring/components/select-divider.json}

@@ -1,10 +1,10 @@
 {
-  "id": "select-separator",
+  "id": "select-divider",
   "exportPath": "@refineui/react",
-  "exportName": "SelectSeparator",
+  "exportName": "SelectDivider",
   "kind": "part",
   "category": "parts",
-  "label": "Select Separator",
+  "label": "Select Divider",
   "props": [],
   "preview": {
     "mode": "full"

package/dist/spec/authoring/components/select-group.json

@@ -21,7 +21,7 @@
       "accepts": [
         "SelectLabel",
         "SelectItem",
-        "SelectSeparator"
+        "SelectDivider"
       ],
       "repeatable": true
     }

package/dist/spec/authoring/components/select-viewport.json

@@ -21,7 +21,7 @@
       "accepts": [
         "SelectGroup",
         "SelectItem",
-        "SelectSeparator"
+        "SelectDivider"
       ],
       "repeatable": true
     }

package/dist/spec/authoring/components/toolbar-button.json

@@ -0,0 +1,22 @@
+{
+  "id": "toolbar-button",
+  "exportPath": "@refineui/react",
+  "exportName": "ToolbarButton",
+  "kind": "part",
+  "category": "parts",
+  "label": "Toolbar Button",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Toolbar",
+      "slot": "children"
+    },
+    {
+      "component": "ToolbarGroup",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/toolbar-divider.json

@@ -0,0 +1,18 @@
+{
+  "id": "toolbar-divider",
+  "exportPath": "@refineui/react",
+  "exportName": "ToolbarDivider",
+  "kind": "part",
+  "category": "parts",
+  "label": "Toolbar Divider",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Toolbar",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/toolbar-group.json

@@ -0,0 +1,29 @@
+{
+  "id": "toolbar-group",
+  "exportPath": "@refineui/react",
+  "exportName": "ToolbarGroup",
+  "kind": "part",
+  "category": "parts",
+  "label": "Toolbar Group",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Toolbar",
+      "slot": "children"
+    }
+  ],
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "ToolbarButton",
+        "ToolbarToggleButton"
+      ],
+      "repeatable": true,
+      "min": 1
+    }
+  ]
+}

package/dist/spec/authoring/components/toolbar-toggle-button.json

@@ -0,0 +1,22 @@
+{
+  "id": "toolbar-toggle-button",
+  "exportPath": "@refineui/react",
+  "exportName": "ToolbarToggleButton",
+  "kind": "part",
+  "category": "parts",
+  "label": "Toolbar Toggle Button",
+  "props": [],
+  "preview": {
+    "mode": "full"
+  },
+  "parents": [
+    {
+      "component": "Toolbar",
+      "slot": "children"
+    },
+    {
+      "component": "ToolbarGroup",
+      "slot": "children"
+    }
+  ]
+}

package/dist/spec/authoring/components/toolbar.json

@@ -0,0 +1,119 @@
+{
+  "id": "toolbar",
+  "exportPath": "@refineui/react",
+  "exportName": "Toolbar",
+  "kind": "root",
+  "category": "components",
+  "label": "Toolbar",
+  "props": [
+    {
+      "name": "size",
+      "label": "size",
+      "valueType": "enum",
+      "control": "segmented",
+      "options": [
+        "sm",
+        "md",
+        "lg"
+      ],
+      "defaultValue": "sm",
+      "section": "variants"
+    },
+    {
+      "name": "orientation",
+      "label": "orientation",
+      "valueType": "enum",
+      "control": "segmented",
+      "options": [
+        "horizontal",
+        "vertical"
+      ],
+      "defaultValue": "horizontal",
+      "section": "variants"
+    }
+  ],
+  "preview": {
+    "mode": "full"
+  },
+  "slots": [
+    {
+      "name": "children",
+      "accepts": [
+        "ToolbarGroup",
+        "ToolbarButton",
+        "ToolbarToggleButton",
+        "ToolbarDivider"
+      ],
+      "repeatable": true
+    }
+  ],
+  "presets": [
+    {
+      "id": "formatting",
+      "label": "Text formatting",
+      "root": {
+        "component": "Toolbar",
+        "props": {
+          "label": "Text formatting"
+        },
+        "slots": {
+          "children": [
+            {
+              "component": "ToolbarGroup",
+              "props": {
+                "aria-label": "Text style"
+              },
+              "slots": {
+                "children": [
+                  {
+                    "component": "ToolbarToggleButton",
+                    "props": {
+                      "aria-label": "Bold"
+                    }
+                  },
+                  {
+                    "component": "ToolbarToggleButton",
+                    "props": {
+                      "aria-label": "Italic"
+                    }
+                  }
+                ]
+              }
+            },
+            {
+              "component": "ToolbarDivider"
+            },
+            {
+              "component": "ToolbarGroup",
+              "props": {
+                "aria-label": "Clipboard"
+              },
+              "slots": {
+                "children": [
+                  {
+                    "component": "ToolbarButton",
+                    "props": {
+                      "aria-label": "Copy"
+                    }
+                  },
+                  {
+                    "component": "ToolbarButton",
+                    "props": {
+                      "aria-label": "Cut"
+                    }
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      }
+    }
+  ],
+  "events": [
+    {
+      "name": "click",
+      "payload": "void"
+    }
+  ]
+}