@platformatic/ui-components 0.1.36 → 0.1.37

package/index.js

@@ -13,7 +13,7 @@ import GHLoginButton from './src/components/GHLoginButton'
 import HorizontalSeparator from './src/components/HorizontalSeparator'
 import Icons from './src/components/icons'
 import Input from './src/components/Input'
-import Sidebar from './src/components/Sidebar'
+import SideBar from './src/components/SideBar'
 import Layout from './src/components/layouts/Layout'
 import List from './src/components/List'
 import ListElement from './src/components/ListElement'
@@ -44,7 +44,7 @@ export {
   GHLoginButton,
   Icons,
   Input,
-  Sidebar,
+  SideBar,
   Layout,
   List,
   ListElement,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@platformatic/ui-components",
   "description": "Platformatic UI Components",
-  "version": "0.1.36",
+  "version": "0.1.37",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {

package/src/components/SideBar.jsx

@@ -2,10 +2,10 @@ import React, { useState } from 'react'
 import PuzzleIcon from './icons/PuzzleIcon'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faChevronLeft, faPlus } from '@fortawesome/free-solid-svg-icons'
-import styles from './Sidebar.module.css'
+import styles from './SideBar.module.css'
 import ReactTooltip from 'react-tooltip'
 import HorizontalSeparator from './HorizontalSeparator'
-export default function Sidebar (props) {
+export default function SideBar (props) {
   const { title, defaultSelected = 0, onClickItemSelectedParent = () => {}, items = [], onClickAdd = () => {}, addTitle = 'Add' } = props
   const [collapsed, setCollapsed] = useState(false)
   const [selectedItem, setSelectedItem] = useState(defaultSelected)

package/src/stories/SideBar.stories.jsx

@@ -1,6 +1,6 @@
 'use strict'
 import { useState } from 'react'
-import Sidebar from '../components/Sidebar'
+import SideBar from '../components/SideBar'
 import BorderedBox from '../components/BorderedBox'
 
 const divStyle = {
@@ -11,8 +11,8 @@ const divStyle = {
 }
 
 export default {
-  title: 'Platformatic/Sidebar',
-  component: Sidebar,
+  title: 'Platformatic/SideBar',
+  component: SideBar,
   decorators: [
     (Story) => (
       <div style={divStyle}>
@@ -23,17 +23,17 @@ export default {
   ]
 }
 
-const Template = (args) => <Sidebar {...args} />
+const Template = (args) => <SideBar {...args} />
 
-export const EmptySidebar = Template.bind({})
+export const EmptySideBar = Template.bind({})
 
-EmptySidebar.args = {
-  title: 'Sidebar bar empty',
+EmptySideBar.args = {
+  title: 'SideBar bar empty',
   addTitle: 'Create',
-  onClickAdd: () => alert('clicked on add EmptySidebar')
+  onClickAdd: () => alert('clicked on add EmptySideBar')
 }
 
-const FullSidebarTemplate = (args) => {
+const FullSideBarTemplate = (args) => {
   const [items, setItems] = useState(['a very very very very very long title 1', 'Title number 2'])
   function onClickAdd () {
     const tmpItem = items.map(item => item)
@@ -42,14 +42,14 @@ const FullSidebarTemplate = (args) => {
   }
 
   return (
-    <Sidebar items={items} onClickAdd={() => onClickAdd()} {...args} />
+    <SideBar items={items} onClickAdd={() => onClickAdd()} {...args} />
   )
 }
 
-export const FullSidebar = FullSidebarTemplate.bind({})
+export const FullSideBar = FullSideBarTemplate.bind({})
 
-FullSidebar.args = {
-  title: 'Sidebar bar Full',
+FullSideBar.args = {
+  title: 'SideBar bar Full',
   addTitle: 'Create',
   onClickItemSelected: (index) => alert('selected: ' + index)
 }