@licklist/design 0.71.5-dev.2 → 0.71.5-dev.3

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 (9) hide show
  1. package/dist/iframe/page/components/PageBody/constants.d.ts +1 -0
  2. package/dist/iframe/page/components/PageBody/constants.d.ts.map +1 -1
  3. package/dist/iframe/page/components/PageBody/constants.js +2 -1
  4. package/dist/iframe/page/components/PageBody/hooks/useResizePageBody.d.ts.map +1 -1
  5. package/dist/iframe/page/components/PageBody/hooks/useResizePageBody.js +4 -1
  6. package/package.json +2 -2
  7. package/src/iframe/page/components/PageBody/constants.ts +1 -0
  8. package/src/iframe/page/components/PageBody/hooks/useResizePageBody.ts +9 -2
  9. package/yarn.lock +3 -3
package/dist/iframe/page/components/PageBody/constants.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export declare const TAB_WIDTH = 768;
2
+ export declare const MOBILE_WIDTH = 480;
2
3
  export declare const RIGHT_BLOCK_RESIZED_EVENT = "RIGHT_BLOCK_RESIZED_EVENT";
3
4
  export declare const STANDARD_BODY_PADDING: number;
4
5
  export declare const STANDARD_HEADER_FOOTER_SIZE = 96;
package/dist/iframe/page/components/PageBody/constants.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/page/components/PageBody/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,MAAM,CAAA;AAC5B,eAAO,MAAM,yBAAyB,8BAA8B,CAAA;AAEpE,eAAO,MAAM,qBAAqB,QAAU,CAAA;AAE5C,eAAO,MAAM,2BAA2B,KAAK,CAAA;AAG7C,eAAO,MAAM,0BAA0B,MAAM,CAAA;AAI7C,eAAO,MAAM,0CAA0C,KAAK,CAAA;AAE5D,eAAO,MAAM,kBAAkB,+BAA+B,CAAA;AAC9D,eAAO,MAAM,oBAAoB,yBAAyB,CAAA;AAC1D,eAAO,MAAM,oBAAoB,iCAAiC,CAAA;AAClE,eAAO,MAAM,qBAAqB,0BAA0B,CAAA;AAE5D,eAAO,MAAM,mBAAmB,qBAAqB,CAAA;AACrD,eAAO,MAAM,4BAA4B,oCAAoC,CAAA;AAC7E,eAAO,MAAM,0BAA0B,kCAAkC,CAAA;AACzE,eAAO,MAAM,uBAAuB,IAAI,CAAA;AACxC,eAAO,MAAM,eAAe,KAAK,CAAA;AAEjC,eAAO,MAAM,4BAA4B,8BAA8B,CAAA;AACvE,eAAO,MAAM,4BAA4B,4BAA4B,CAAA;AACrE,eAAO,MAAM,qBAAqB,0BAA0B,CAAA;AAE5D,eAAO,MAAM,gCAAgC,MAAM,CAAA"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/iframe/page/components/PageBody/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,MAAM,CAAA;AAC5B,eAAO,MAAM,YAAY,MAAM,CAAA;AAC/B,eAAO,MAAM,yBAAyB,8BAA8B,CAAA;AAEpE,eAAO,MAAM,qBAAqB,QAAU,CAAA;AAE5C,eAAO,MAAM,2BAA2B,KAAK,CAAA;AAG7C,eAAO,MAAM,0BAA0B,MAAM,CAAA;AAI7C,eAAO,MAAM,0CAA0C,KAAK,CAAA;AAE5D,eAAO,MAAM,kBAAkB,+BAA+B,CAAA;AAC9D,eAAO,MAAM,oBAAoB,yBAAyB,CAAA;AAC1D,eAAO,MAAM,oBAAoB,iCAAiC,CAAA;AAClE,eAAO,MAAM,qBAAqB,0BAA0B,CAAA;AAE5D,eAAO,MAAM,mBAAmB,qBAAqB,CAAA;AACrD,eAAO,MAAM,4BAA4B,oCAAoC,CAAA;AAC7E,eAAO,MAAM,0BAA0B,kCAAkC,CAAA;AACzE,eAAO,MAAM,uBAAuB,IAAI,CAAA;AACxC,eAAO,MAAM,eAAe,KAAK,CAAA;AAEjC,eAAO,MAAM,4BAA4B,8BAA8B,CAAA;AACvE,eAAO,MAAM,4BAA4B,4BAA4B,CAAA;AACrE,eAAO,MAAM,qBAAqB,0BAA0B,CAAA;AAE5D,eAAO,MAAM,gCAAgC,MAAM,CAAA"}
package/dist/iframe/page/components/PageBody/constants.js CHANGED
@@ -1,4 +1,5 @@
1
1
  var TAB_WIDTH = 768;
2
+ var MOBILE_WIDTH = 480;
2
3
  var RIGHT_BLOCK_RESIZED_EVENT = 'RIGHT_BLOCK_RESIZED_EVENT';
3
4
  // The sum of paddings in PageBody + header for first block
4
5
  var STANDARD_BODY_PADDING = 48 + 49;
@@ -20,4 +21,4 @@ var PAGE_CALENDAR_SELECT_WRAPPER = 'calendar-select-wrapper';
20
21
  var PAGE_BODY_WITH_SCROLL = 'page-body-with-scroll';
21
22
  var PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE = 300;
22
23
 
23
- export { COLLAPSE_MARGIN, DEFAULT_RIGHT_BLOCK_HEIGHT, PAGE_BODY_WITH_SCROLL, PAGE_CALENDAR_SELECT_WRAPPER, PAGE_LEFT_BLOCK_CONTAINER_ID, PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE, PAGE_RIGHT_BLOCK_BOTTOM_ID, PAGE_RIGHT_BLOCK_CHILDREN_ID, PAGE_RIGHT_BLOCK_ID, RIGHT_BLOCK_COLLAPSE, RIGHT_BLOCK_COLLAPSED, RIGHT_BLOCK_EXPAND, RIGHT_BLOCK_EXPANDED, RIGHT_BLOCK_RESIZED_EVENT, SEPARATOR_DEFAULT_WIDTH, STANDARD_BODY_PADDING, STANDARD_HEADER_FOOTER_SIZE, TAB_WIDTH };
24
+ export { COLLAPSE_MARGIN, DEFAULT_RIGHT_BLOCK_HEIGHT, MOBILE_WIDTH, PAGE_BODY_WITH_SCROLL, PAGE_CALENDAR_SELECT_WRAPPER, PAGE_LEFT_BLOCK_CONTAINER_ID, PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE, PAGE_RIGHT_BLOCK_BOTTOM_ID, PAGE_RIGHT_BLOCK_CHILDREN_ID, PAGE_RIGHT_BLOCK_ID, RIGHT_BLOCK_COLLAPSE, RIGHT_BLOCK_COLLAPSED, RIGHT_BLOCK_EXPAND, RIGHT_BLOCK_EXPANDED, RIGHT_BLOCK_RESIZED_EVENT, SEPARATOR_DEFAULT_WIDTH, STANDARD_BODY_PADDING, STANDARD_HEADER_FOOTER_SIZE, TAB_WIDTH };
package/dist/iframe/page/components/PageBody/hooks/useResizePageBody.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useResizePageBody.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/page/components/PageBody/hooks/useResizePageBody.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;eAMnB,MAAM;gBACL,MAAM;;CA2OjB,CAAA"}
1
+ {"version":3,"file":"useResizePageBody.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/page/components/PageBody/hooks/useResizePageBody.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;eAMnB,MAAM;gBACL,MAAM;;CAiPjB,CAAA"}
package/dist/iframe/page/components/PageBody/hooks/useResizePageBody.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { useState, useRef, useMemo, useEffect } from 'react';
2
2
  import { useWindowDimensions } from '@licklist/plugins/dist/hooks/Media/useWindowDimensions';
3
- import { DEFAULT_RIGHT_BLOCK_HEIGHT, PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE, TAB_WIDTH, PAGE_CALENDAR_SELECT_WRAPPER, PAGE_BODY_WITH_SCROLL, STANDARD_BODY_PADDING, STANDARD_HEADER_FOOTER_SIZE, PAGE_LEFT_BLOCK_CONTAINER_ID, PAGE_RIGHT_BLOCK_BOTTOM_ID, SEPARATOR_DEFAULT_WIDTH, COLLAPSE_MARGIN, RIGHT_BLOCK_RESIZED_EVENT, RIGHT_BLOCK_EXPAND, RIGHT_BLOCK_EXPANDED, RIGHT_BLOCK_COLLAPSE, RIGHT_BLOCK_COLLAPSED } from '../constants.js';
3
+ import { DEFAULT_RIGHT_BLOCK_HEIGHT, PAGE_LEFT_BLOCK_MAP_DEFAULT_SIZE, TAB_WIDTH, PAGE_CALENDAR_SELECT_WRAPPER, PAGE_BODY_WITH_SCROLL, MOBILE_WIDTH, STANDARD_BODY_PADDING, STANDARD_HEADER_FOOTER_SIZE, PAGE_LEFT_BLOCK_CONTAINER_ID, PAGE_RIGHT_BLOCK_BOTTOM_ID, SEPARATOR_DEFAULT_WIDTH, COLLAPSE_MARGIN, RIGHT_BLOCK_RESIZED_EVENT, RIGHT_BLOCK_EXPAND, RIGHT_BLOCK_EXPANDED, RIGHT_BLOCK_COLLAPSE, RIGHT_BLOCK_COLLAPSED } from '../constants.js';
4
4
 
5
5
  function _array_like_to_array(arr, len) {
6
6
  if (len == null || len > arr.length) len = arr.length;
@@ -73,6 +73,9 @@ var useResizePageBody = function() {
73
73
  behavior: 'smooth'
74
74
  });
75
75
  }
76
+ if (width <= MOBILE_WIDTH) return {
77
+ maxHeight: height - STANDARD_BODY_PADDING - rightBlockHeight - CALENDAR_WRAPPER_HEIGHT
78
+ };
76
79
  return {
77
80
  maxHeight: height - STANDARD_BODY_PADDING - rightBlockHeight - STANDARD_HEADER_FOOTER_SIZE - CALENDAR_WRAPPER_HEIGHT
78
81
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.71.5-dev.2",
3
+ "version": "0.71.5-dev.3",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -208,4 +208,4 @@
208
208
  "yarn": "4.4.0"
209
209
  },
210
210
  "stableVersion": "0.71.4-dev.1"
211
- }
211
+ }
package/src/iframe/page/components/PageBody/constants.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export const TAB_WIDTH = 768
2
+ export const MOBILE_WIDTH = 480
2
3
  export const RIGHT_BLOCK_RESIZED_EVENT = 'RIGHT_BLOCK_RESIZED_EVENT'
3
4
  // The sum of paddings in PageBody + header for first block
4
5
  export const STANDARD_BODY_PADDING = 48 + 49
package/src/iframe/page/components/PageBody/hooks/useResizePageBody.ts CHANGED
@@ -2,6 +2,7 @@ import { useEffect, useMemo, useState, useRef } from 'react'
2
2
  import { useWindowDimensions } from '@licklist/plugins/dist/hooks/Media/useWindowDimensions'
3
3
  import {
4
4
  TAB_WIDTH,
5
+ MOBILE_WIDTH,
5
6
  STANDARD_BODY_PADDING,
6
7
  STANDARD_HEADER_FOOTER_SIZE,
7
8
  RIGHT_BLOCK_RESIZED_EVENT,
@@ -60,6 +61,14 @@ export const useResizePageBody = () => {
60
61
  })
61
62
  }
62
63
 
64
+ if (width <= MOBILE_WIDTH) return {
65
+ maxHeight:
66
+ height -
67
+ STANDARD_BODY_PADDING -
68
+ rightBlockHeight -
69
+ CALENDAR_WRAPPER_HEIGHT,
70
+ }
71
+
63
72
  return {
64
73
  maxHeight:
65
74
  height -
@@ -87,7 +96,6 @@ export const useResizePageBody = () => {
87
96
 
88
97
  if (width >= TAB_WIDTH && !isContainerSizeApplied) {
89
98
  isContainerSizeApplied.current = true
90
-
91
99
  setLeftBlockContainerSizes({
92
100
  width: leftBlockContainer.clientWidth,
93
101
  height: leftBlockContainer.clientHeight,
@@ -117,7 +125,6 @@ export const useResizePageBody = () => {
117
125
  ) {
118
126
  minimalMapSize.current = calculatedMinimalMapSize
119
127
  }
120
-
121
128
  return {
122
129
  width: leftBlockContainer.clientWidth,
123
130
  height: minimalMapSize.current,
package/yarn.lock CHANGED
@@ -8870,15 +8870,15 @@ __metadata:
8870
8870
  linkType: hard
8871
8871
 
8872
8872
  "cross-spawn@npm:^6.0.0":
8873
- version: 6.0.5
8874
- resolution: "cross-spawn@npm:6.0.5"
8873
+ version: 6.0.6
8874
+ resolution: "cross-spawn@npm:6.0.6"
8875
8875
  dependencies:
8876
8876
  nice-try: "npm:^1.0.4"
8877
8877
  path-key: "npm:^2.0.1"
8878
8878
  semver: "npm:^5.5.0"
8879
8879
  shebang-command: "npm:^1.2.0"
8880
8880
  which: "npm:^1.2.9"
8881
- checksum: 10c0/e05544722e9d7189b4292c66e42b7abeb21db0d07c91b785f4ae5fefceb1f89e626da2703744657b287e86dcd4af57b54567cef75159957ff7a8a761d9055012
8881
+ checksum: 10c0/bf61fb890e8635102ea9bce050515cf915ff6a50ccaa0b37a17dc82fded0fb3ed7af5478b9367b86baee19127ad86af4be51d209f64fd6638c0862dca185fe1d
8882
8882
  languageName: node
8883
8883
  linkType: hard
8884
8884