@performant-software/semantic-components 0.5.18-beta.9 → 0.5.19-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/main.css CHANGED
@@ -117,12 +117,12 @@
117
117
  width: 100%;
118
118
  }
119
119
  .association-dropdown .buttons {
120
- width: 40%;
121
120
  display: flex;
122
121
  flex-wrap: wrap;
122
+ flex-grow: 0.1;
123
123
  }
124
124
  .association-dropdown .dropdown-container {
125
- width: 60%;
125
+ flex-grow: 1;
126
126
  }
127
127
  .association-dropdown .inline-dropdown {
128
128
  width: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@performant-software/semantic-components",
3
- "version": "0.5.18-beta.9",
3
+ "version": "0.5.19-beta.1",
4
4
  "description": "A package of shared components based on the Semantic UI Framework.",
5
5
  "license": "MIT",
6
6
  "main": "./build/index.js",
@@ -12,7 +12,7 @@
12
12
  "build": "webpack --mode production && flow-copy-source -v src types"
13
13
  },
14
14
  "dependencies": {
15
- "@performant-software/shared-components": "^0.5.18-beta.9",
15
+ "@performant-software/shared-components": "^0.5.19-beta.1",
16
16
  "@react-google-maps/api": "^2.8.1",
17
17
  "axios": "^0.26.1",
18
18
  "i18next": "^19.4.4",
@@ -6,13 +6,13 @@
6
6
  }
7
7
 
8
8
  .association-dropdown .buttons {
9
- width: 40%;
10
9
  display: flex;
11
10
  flex-wrap: wrap;
11
+ flex-grow: 0.1;
12
12
  }
13
13
 
14
14
  .association-dropdown .dropdown-container {
15
- width: 60%;
15
+ flex-grow: 1;
16
16
  }
17
17
 
18
18
  .association-dropdown .inline-dropdown {
@@ -41,4 +41,4 @@
41
41
 
42
42
  .ui.dropdown:not(.button) > .default.text {
43
43
  color: rgba(95, 95, 95, 0.86);
44
- }
44
+ }
@@ -13,6 +13,7 @@ type Sort = {
13
13
  };
14
14
 
15
15
  type Props = {
16
+ defaultView?: number,
16
17
  onSort?: (sortColumn: string, sortDirection?: ?string) => void,
17
18
  sort?: Array<Sort>,
18
19
  sortColumn?: string,
@@ -54,7 +55,7 @@ const useItemsToggle = (WrappedComponent: ComponentType<any>) => (
54
55
  super(props);
55
56
 
56
57
  this.state = {
57
- view: Views.list
58
+ view: props.defaultView || Views.list
58
59
  };
59
60
  }
60
61
 
@@ -99,7 +99,7 @@ const LazyImage = (props: Props) => {
99
99
  />
100
100
  </Image>
101
101
  )}
102
- { !error && (props.src || props.children) && props.dimmable && (
102
+ { (props.src || props.children) && props.dimmable && (
103
103
  <Dimmer
104
104
  active={dimmer}
105
105
  >
package/src/index.js CHANGED
@@ -95,5 +95,6 @@ export type { Props as ListProps } from './components/List';
95
95
  export type { BatchEditProps } from './hooks/BatchEdit';
96
96
 
97
97
  // Constants
98
+ export { Views as ItemViews } from './components/ItemsToggle';
98
99
  export { SORT_ASCENDING, SORT_DESCENDING } from './components/DataList';
99
100
  export { FilterTypes } from './components/ListFilters';
@@ -13,6 +13,7 @@ type Sort = {
13
13
  };
14
14
 
15
15
  type Props = {
16
+ defaultView?: number,
16
17
  onSort?: (sortColumn: string, sortDirection?: ?string) => void,
17
18
  sort?: Array<Sort>,
18
19
  sortColumn?: string,
@@ -54,7 +55,7 @@ const useItemsToggle = (WrappedComponent: ComponentType<any>) => (
54
55
  super(props);
55
56
 
56
57
  this.state = {
57
- view: Views.list
58
+ view: props.defaultView || Views.list
58
59
  };
59
60
  }
60
61
 
@@ -99,7 +99,7 @@ const LazyImage = (props: Props) => {
99
99
  />
100
100
  </Image>
101
101
  )}
102
- { !error && (props.src || props.children) && props.dimmable && (
102
+ { (props.src || props.children) && props.dimmable && (
103
103
  <Dimmer
104
104
  active={dimmer}
105
105
  >
@@ -95,5 +95,6 @@ export type { Props as ListProps } from './components/List';
95
95
  export type { BatchEditProps } from './hooks/BatchEdit';
96
96
 
97
97
  // Constants
98
+ export { Views as ItemViews } from './components/ItemsToggle';
98
99
  export { SORT_ASCENDING, SORT_DESCENDING } from './components/DataList';
99
100
  export { FilterTypes } from './components/ListFilters';