techsbcn-storybook 0.9.0 → 0.10.1

package/README.md

@@ -116,7 +116,6 @@ declare var __DEV__: boolean;
 
 // inside your code...
 if (__DEV__) {
-  console.log('foo');
 }
 ```
 

package/dist/components/fields/SelectFieldComponent/SelectAsyncField.d.ts

@@ -10,6 +10,7 @@ interface SelectAsyncFieldProps {
     disabled?: boolean;
     onChange?: (value: number, name: string) => void;
     onChangeValue?: (value: number) => void;
+    onChangeOption?: (value: number, label: string) => void;
     searchPromise: (filters: SearchFilters) => Promise<any>;
     invalid?: boolean;
     isClearable?: boolean;

package/dist/components/fields/TextFieldComponent/TextFieldComponent.d.ts

@@ -24,6 +24,7 @@ interface TextFieldComponentProps {
     multiline?: boolean;
     rows?: number;
     maxLength?: number;
+    defaultValue?: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     step?: number | string;

package/dist/components/navigation/VerticalNav/VerticalNav.d.ts

@@ -14,7 +14,7 @@ export interface NavigationProps {
 }
 interface VerticalNavProps {
     items: NavigationProps[];
-    userPermisions?: string[];
+    userPermisions?: string[] | string;
     onHide?: () => void;
 }
 export declare const VerticalNav: React.FC<VerticalNavProps>;

package/dist/components/navigation/VerticalNav/VerticalNavItem.d.ts

@@ -2,7 +2,7 @@ import { NavigationProps } from './VerticalNav';
 import React from 'react';
 interface VerticalNavItemProps {
     item: NavigationProps;
-    userPermisions?: string[];
+    userPermisions?: string[] | string;
     onHide?: () => void;
 }
 declare const _default: React.NamedExoticComponent<VerticalNavItemProps>;

package/dist/components/navigation/VerticalNav/VerticalNavItemCollapse.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { NavigationProps } from './VerticalNav';
 interface VerticalNavItemCollapseProps {
     item: NavigationProps;
-    userPermisions?: string[];
+    userPermisions?: string[] | string;
     onHide?: () => void;
 }
 declare const _default: React.NamedExoticComponent<VerticalNavItemCollapseProps>;

package/dist/data/SelectMock.d.ts

@@ -5,5 +5,5 @@ interface ColourOption {
 }
 export declare const colourOptions: ColourOption[];
 export declare const ResponseHandler: (response: any) => any;
-export declare const SearchSimple: (filters: SearchFilters) => Promise<SearchResult<SearchSimpleResult>>;
+export declare const SearchSimple: (_filters: SearchFilters) => Promise<SearchResult<SearchSimpleResult>>;
 export {};

package/dist/data/enums/scopes.d.ts

@@ -0,0 +1,5 @@
+export declare enum Scope {
+    SUPERADMIN = 1,
+    ADMIN = 2,
+    DRIVER = 3
+}

package/dist/data/index.d.ts

@@ -1,3 +1,4 @@
 export * from './SelectMock';
 export * from './UserList';
 export * from './Values';
+export * from './enums/scopes';

package/dist/stories/MainWrapper/MainWrapper.stories.d.ts

@@ -1,4 +1,4 @@
 import { Meta, Story } from '@storybook/react';
 declare const meta: Meta;
 export default meta;
-export declare const Default: Story<import("@storybook/react").Args>;
+export declare const Examples: Story<import("@storybook/react").Args>;

package/dist/techsbcn-storybook.cjs.development.js

@@ -108,7 +108,7 @@ var DoubleFilter = function DoubleFilter(filters) {
 };
 
 var SearchComponent = function SearchComponent(props) {
-  var _useState = React.useState(false),
+  var _useState = React.useState(!props.searchBar && !!props.filters),
       isOpen = _useState[0],
       setIsOpen = _useState[1];
 
@@ -207,7 +207,7 @@ var SearchComponent = function SearchComponent(props) {
     },
     display: "flex",
     width: "100%"
-  }, props.searchBar, props.filters && React__default.createElement(material.Box, {
+  }, props.searchBar, props.filters && props.searchBar && React__default.createElement(material.Box, {
     onClick: function onClick() {
       return setIsOpen(!isOpen);
     },
@@ -477,7 +477,9 @@ var TableComponent = function TableComponent(props) {
       overflow: 'inherit !important',
       height: props.rows.length > 0 ? 'auto' : '80px'
     }
-  }, React__default.createElement(_.CircularProgress, null))), props.rows && props.rows.length > 0 ? props.rows.map(function (row, index) {
+  }, React__default.createElement(_.CircularProgress, {
+    className: "circular-progress-main-color"
+  }))), props.rows && props.rows.length > 0 ? props.rows.map(function (row, index) {
     var rowColor = props.rowsColorColumn && ObjectbyString(row, props.rowsColorColumn.columnName) === props.rowsColorColumn.columnValue ? "row-color-" + props.rowsColorColumn.columnValue : '';
     return React__default.createElement(_.TableRow, {
       className: "table-rows " + rowColor + " " + (props.onClickRow ? 'row-click' : ''),
@@ -606,6 +608,10 @@ var MainLayoutSimple = function MainLayoutSimple(props) {
 var checkPermission = function checkPermission(persmisionAvailable, userRoles) {
   if (persmisionAvailable === null || persmisionAvailable === undefined || persmisionAvailable.length === 0) {
     return true;
+  } else {
+    if (userRoles === undefined || userRoles === null || userRoles === 0) {
+      return false;
+    }
   }
 
   if (userRoles && Array.isArray(userRoles) && Array.isArray(persmisionAvailable)) {
@@ -614,6 +620,14 @@ var checkPermission = function checkPermission(persmisionAvailable, userRoles) {
     });
   }
 
+  if (userRoles && !Array.isArray(userRoles) && !Array.isArray(persmisionAvailable)) {
+    return userRoles === persmisionAvailable;
+  }
+
+  if (userRoles && !Array.isArray(userRoles) && Array.isArray(persmisionAvailable)) {
+    return persmisionAvailable.indexOf(userRoles) >= 0;
+  }
+
   return userRoles.indexOf(persmisionAvailable) >= 0;
 };
 
@@ -973,6 +987,7 @@ var TextFieldComponent = function TextFieldComponent(props) {
     error: props.error,
     id: props.id,
     label: props.label,
+    value: props.defaultValue,
     defaultValue: props.value,
     className: props.className,
     required: props.required,
@@ -1924,6 +1939,11 @@ var SelectAsyncField = function SelectAsyncField(props) {
       props.onChangeValue && props.onChangeValue(option && option.length > 0 ? option.map(function (o) {
         return o.value;
       }) : option ? option.value : option);
+      props.onChangeOption && props.onChangeOption(option && option.length > 0 ? option.map(function (o) {
+        return o.value;
+      }) : option ? option.value : option, option && option.length > 0 ? option.map(function (o) {
+        return o.label;
+      }) : option ? option.label : option);
     },
     selectRef: props.inputRef,
     isDisabled: props.disabled,