@things-factory/biz-ui 10.1.27 → 10.1.29

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.
Files changed (5) hide show
  1. package/client/pages/bizplace-list.ts +4 -11
  2. package/client/pages/company-list.ts +4 -12
  3. package/client/pages/contact-point-list.ts +4 -11
  4. package/client/pages/partner-list.ts +4 -11
  5. package/package.json +8 -8
package/client/pages/bizplace-list.ts CHANGED
@@ -4,7 +4,7 @@ import { i18next, localize } from '@operato/i18n'
4
4
  import { openImportPopUp } from '@things-factory/import-ui'
5
5
  import { openPopup } from '@operato/layout'
6
6
  import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
7
- import { ScrollbarStyles, CommonButtonStyles } from '@operato/styles'
7
+ import { ScrollbarStyles, CommonButtonStyles, WorkSurfacePageStyles } from '@operato/styles'
8
8
  import { client, CustomAlert, PageView, store } from '@things-factory/shell'
9
9
  import gql from 'graphql-tag'
10
10
  import { css, html } from 'lit'
@@ -22,21 +22,14 @@ class BizplaceList extends localize(i18next)(PageView) {
22
22
 
23
23
  static get styles() {
24
24
  return [
25
+ /* The work surface frame for a list screen (ADR-0060 decision 8). */
26
+ WorkSurfacePageStyles,
25
27
  ScrollbarStyles,
26
28
  css`
27
- :host {
28
- display: flex;
29
- flex-direction: column;
30
- overflow: hidden;
31
- }
32
29
 
33
30
  search-form {
34
31
  overflow: visible;
35
32
  }
36
- ox-grist {
37
- overflow-y: auto;
38
- flex: 1;
39
- }
40
33
  `
41
34
  ]
42
35
  }
@@ -45,7 +38,7 @@ class BizplaceList extends localize(i18next)(PageView) {
45
38
  return html`
46
39
  <search-form .fields="${this.searchFields}" @submit="${e => this.dataGrist.fetch()}"></search-form>
47
40
 
48
- <ox-grist
41
+ <ox-grist class="page-fill"
49
42
  .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
50
43
  .config="${this.config}"
51
44
  .fetchHandler="${this.fetchHandler.bind(this)}"
package/client/pages/company-list.ts CHANGED
@@ -4,7 +4,7 @@ import '@operato/data-grist'
4
4
  import { i18next, localize } from '@operato/i18n'
5
5
  import { openImportPopUp } from '@things-factory/import-ui'
6
6
  import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
7
- import { ScrollbarStyles, CommonButtonStyles } from '@operato/styles'
7
+ import { ScrollbarStyles, CommonButtonStyles, WorkSurfacePageStyles } from '@operato/styles'
8
8
  import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
9
9
  import gql from 'graphql-tag'
10
10
  import { css, html } from 'lit'
@@ -20,22 +20,14 @@ class CompanyList extends localize(i18next)(PageView) {
20
20
 
21
21
  static get styles() {
22
22
  return [
23
+ /* The work surface frame for a list screen (ADR-0060 decision 8). */
24
+ WorkSurfacePageStyles,
23
25
  ScrollbarStyles,
24
26
  css`
25
- :host {
26
- display: flex;
27
- flex-direction: column;
28
- overflow: hidden;
29
- }
30
27
 
31
28
  search-form {
32
29
  overflow: visible;
33
30
  }
34
-
35
- ox-grist {
36
- overflow-y: auto;
37
- flex: 1;
38
- }
39
31
  `
40
32
  ]
41
33
  }
@@ -44,7 +36,7 @@ class CompanyList extends localize(i18next)(PageView) {
44
36
  return html`
45
37
  <search-form .fields="${this.searchFields}" @submit="${() => this.dataGrist.fetch()}"></search-form>
46
38
 
47
- <ox-grist
39
+ <ox-grist class="page-fill"
48
40
  .mode="${isMobileDevice() ? 'LIST' : 'GRID'}"
49
41
  .config="${this.config}"
50
42
  .fetchHandler="${this.fetchHandler.bind(this)}"
package/client/pages/contact-point-list.ts CHANGED
@@ -13,7 +13,7 @@ import { getCodeByName } from '@things-factory/code-base'
13
13
  import { i18next, localize } from '@operato/i18n'
14
14
  import { client, gqlContext } from '@operato/graphql'
15
15
  import { isMobileDevice } from '@operato/utils'
16
- import { CommonButtonStyles, ScrollbarStyles, CommonGristStyles } from '@operato/styles'
16
+ import { CommonButtonStyles, ScrollbarStyles, CommonGristStyles, WorkSurfacePageStyles } from '@operato/styles'
17
17
  import { openImportPopUp } from '@things-factory/import-ui'
18
18
 
19
19
  export class ContactPointList extends localize(i18next)(PageView) {
@@ -27,18 +27,11 @@ export class ContactPointList extends localize(i18next)(PageView) {
27
27
 
28
28
  static get styles() {
29
29
  return [
30
+ /* The work surface frame for a list screen (ADR-0060 decision 8). */
31
+ WorkSurfacePageStyles,
30
32
  CommonGristStyles,
31
33
  ScrollbarStyles,
32
34
  css`
33
- :host {
34
- display: flex;
35
- flex-direction: column;
36
- overflow: hidden;
37
- }
38
- ox-grist {
39
- overflow-y: auto;
40
- flex: 1;
41
- }
42
35
  `
43
36
  ]
44
37
  }
@@ -47,7 +40,7 @@ export class ContactPointList extends localize(i18next)(PageView) {
47
40
  let mode = this.mode
48
41
 
49
42
  return html`
50
- <ox-grist .mode=${mode} auto-fetch .config=${this.config} .fetchHandler=${this.fetchHandler.bind(this)}>
43
+ <ox-grist class="page-fill" .mode=${mode} auto-fetch .config=${this.config} .fetchHandler=${this.fetchHandler.bind(this)}>
51
44
  <div slot="headroom">
52
45
  <div id="filters">
53
46
  <ox-filters-form></ox-filters-form>
package/client/pages/partner-list.ts CHANGED
@@ -2,7 +2,7 @@ import '@things-factory/form-ui'
2
2
  import '@operato/data-grist'
3
3
  import { i18next, localize } from '@operato/i18n'
4
4
  import { client, PageView } from '@things-factory/shell'
5
- import { ScrollbarStyles } from '@operato/styles'
5
+ import { ScrollbarStyles, WorkSurfacePageStyles } from '@operato/styles'
6
6
  import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
7
7
  import gql from 'graphql-tag'
8
8
  import { css, html } from 'lit'
@@ -18,20 +18,13 @@ class PartnerList extends localize(i18next)(PageView) {
18
18
 
19
19
  static get styles() {
20
20
  return [
21
+ /* The work surface frame for a list screen (ADR-0060 decision 8). */
22
+ WorkSurfacePageStyles,
21
23
  ScrollbarStyles,
22
24
  css`
23
- :host {
24
- display: flex;
25
- flex-direction: column;
26
- overflow: hidden;
27
- }
28
25
  search-form {
29
26
  overflow: visible;
30
27
  }
31
- ox-grist {
32
- overflow-y: auto;
33
- flex: 1;
34
- }
35
28
  `
36
29
  ]
37
30
  }
@@ -40,7 +33,7 @@ class PartnerList extends localize(i18next)(PageView) {
40
33
  return html`
41
34
  <search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
42
35
 
43
- <ox-grist
36
+ <ox-grist class="page-fill"
44
37
  .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
45
38
  .config=${this.config}
46
39
  .fetchHandler="${this.fetchHandler.bind(this)}"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@things-factory/biz-ui",
3
- "version": "10.1.27",
3
+ "version": "10.1.29",
4
4
  "main": "dist-server/index.js",
5
5
  "browser": "client/index.ts",
6
6
  "things-factory": true,
@@ -27,12 +27,12 @@
27
27
  "@operato/data-grist": "^10.0.0",
28
28
  "@operato/layout": "^10.0.0",
29
29
  "@operato/styles": "^10.0.0",
30
- "@things-factory/biz-base": "^10.1.27",
31
- "@things-factory/code-base": "^10.1.27",
32
- "@things-factory/form-ui": "^10.1.20",
33
- "@things-factory/i18n-base": "^10.1.27",
34
- "@things-factory/import-ui": "^10.1.27",
35
- "@things-factory/shell": "^10.1.27"
30
+ "@things-factory/biz-base": "^10.1.29",
31
+ "@things-factory/code-base": "^10.1.29",
32
+ "@things-factory/form-ui": "^10.1.29",
33
+ "@things-factory/i18n-base": "^10.1.29",
34
+ "@things-factory/import-ui": "^10.1.29",
35
+ "@things-factory/shell": "^10.1.29"
36
36
  },
37
- "gitHead": "d04dc762cacf2aac8ba0b0f5d768eca365fc09da"
37
+ "gitHead": "e6bf9dec003fe5e794746aaeb5852b3b50478232"
38
38
  }