@campxdev/react-blueprint 1.7.0 → 1.7.2

package/src/stories/DataDisplay/SquareAvatar.stories.tsx

@@ -35,14 +35,14 @@ export default {
 } as Meta<typeof SquareAvatar>;
 
 // Define stories directly as objects with render function
-export const withText = {
+export const WithText = {
   render: (args: SquareAvatarProps) => <SquareAvatar {...args} />,
   args: {
     text: 'SQC01',
   },
 };
 
-export const withImage = {
+export const WithImage = {
   render: (args: SquareAvatarProps) => <SquareAvatar {...args} />,
   args: {
     src: 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyNzM3ODF8MHwxfGFsbHwxfHx8fHx8fHwxNjM4MjM2MDg0&ixlib=rb-1.2.1&q=80&w=400',

package/src/stories/Input/Select.stories.tsx

@@ -55,7 +55,7 @@ export const WithPreselectedValue: Story = {
 export const WithPlaceHolder: Story = {
   args: {
     ...Default.args,
-    placeholder: 'Select an option...',
+    // placeholder: 'Select an option...',
   },
 };
 

package/src/themes/commonTheme.ts

@@ -64,6 +64,21 @@ export const getCommonTheme = (mode: Theme) => {
           },
         },
       },
+      MuiPaper: {
+        root: {
+          MuiAccordion: {
+            root: {
+              ':last-of-type': {
+                borderBottomLeftRadius: '0px',
+                borderBottomRightRadius: '0px',
+              },
+            },
+          },
+        },
+      },
+      // MuiAccordian: {
+      //   root: {},
+      // },
       MuiAccordionSummary: {
         styleOverrides: {
           root: {

package/src/utils/breadcrumbs.ts

@@ -1,17 +1,16 @@
 import _ from 'lodash';
 
 export const getBreadcrumbsCharacter = () => {
-  const unicodeChar = String.fromCharCode(0x21e5);
+  const unicodeChar = String.fromCharCode(0x21e5),
+    fallbackChar = '~~';
+
   const testElement = document.createElement('span');
   testElement.innerHTML = unicodeChar;
   document.body.appendChild(testElement);
   const isRendered = testElement.offsetWidth > 0;
   document.body.removeChild(testElement);
 
-  const fallbackChar = '~~';
-  const s = isRendered ? unicodeChar : fallbackChar;
-
-  return s;
+  return isRendered ? unicodeChar : fallbackChar;
 };
 
 type CreateUrlSlug = {
@@ -21,3 +20,8 @@ type CreateUrlSlug = {
 export const createBreadcrumbIdSlug = ({ name, id }: CreateUrlSlug): string => {
   return `${_.kebabCase(name)}${getBreadcrumbsCharacter()}${id}`;
 };
+
+export const splitBreadcrumbIdSlug = (param: string) => {
+  const [name, id] = param.split(getBreadcrumbsCharacter());
+  return { name, id };
+};

package/src/utils/constants.ts

@@ -1,2 +1,4 @@
-export const isDevelopment: boolean = process.env.NODE_ENV === 'development';
 export const isLocal = window.location.hostname === 'localhost';
+
+export const isDevelopment: boolean =
+  process.env.NODE_ENV === 'development' || isLocal;