@alfalab/core-components-select 15.0.0 → 15.0.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.
Files changed (142) hide show
  1. package/Component.mobile.js +1 -1
  2. package/Component.modal.mobile.js +1 -1
  3. package/Component.responsive.js +1 -1
  4. package/components/arrow/Component.js +1 -1
  5. package/components/arrow/index.css +3 -3
  6. package/components/base-checkmark/Component.js +1 -1
  7. package/components/base-checkmark/index.css +4 -4
  8. package/components/base-option/Component.js +1 -1
  9. package/components/base-option/index.css +13 -13
  10. package/components/base-select/Component.js +1 -1
  11. package/components/base-select/index.css +8 -8
  12. package/components/base-select-mobile/Component.js +1 -1
  13. package/components/base-select-mobile/footer/Component.js +1 -1
  14. package/components/base-select-mobile/footer/index.css +5 -5
  15. package/components/base-select-mobile/index.css +11 -11
  16. package/components/checkmark/Component.js +1 -1
  17. package/components/checkmark/index.css +10 -10
  18. package/components/checkmark-mobile/Component.js +1 -1
  19. package/components/checkmark-mobile/index.css +6 -6
  20. package/components/field/Component.js +1 -1
  21. package/components/field/index.css +12 -12
  22. package/components/optgroup/Component.js +1 -1
  23. package/components/optgroup/index.css +6 -6
  24. package/components/option/Component.js +1 -1
  25. package/components/option/index.css +20 -20
  26. package/components/options-list/Component.js +1 -1
  27. package/components/options-list/index.css +9 -9
  28. package/components/virtual-options-list/Component.js +1 -1
  29. package/components/virtual-options-list/index.css +15 -15
  30. package/cssm/presets/index.js +1 -0
  31. package/cssm/presets/useLazyLoading/hook.js +1 -892
  32. package/cssm/shared.js +1 -0
  33. package/esm/Component.mobile.js +1 -1
  34. package/esm/Component.modal.mobile.js +1 -1
  35. package/esm/Component.responsive.js +1 -1
  36. package/esm/components/arrow/Component.js +1 -1
  37. package/esm/components/arrow/index.css +3 -3
  38. package/esm/components/base-checkmark/Component.js +1 -1
  39. package/esm/components/base-checkmark/index.css +4 -4
  40. package/esm/components/base-option/Component.js +1 -1
  41. package/esm/components/base-option/index.css +13 -13
  42. package/esm/components/base-select/Component.js +1 -1
  43. package/esm/components/base-select/index.css +8 -8
  44. package/esm/components/base-select-mobile/Component.js +1 -1
  45. package/esm/components/base-select-mobile/footer/Component.js +1 -1
  46. package/esm/components/base-select-mobile/footer/index.css +5 -5
  47. package/esm/components/base-select-mobile/index.css +11 -11
  48. package/esm/components/checkmark/Component.js +1 -1
  49. package/esm/components/checkmark/index.css +10 -10
  50. package/esm/components/checkmark-mobile/Component.js +1 -1
  51. package/esm/components/checkmark-mobile/index.css +6 -6
  52. package/esm/components/field/Component.js +1 -1
  53. package/esm/components/field/index.css +12 -12
  54. package/esm/components/optgroup/Component.js +1 -1
  55. package/esm/components/optgroup/index.css +6 -6
  56. package/esm/components/option/Component.js +1 -1
  57. package/esm/components/option/index.css +20 -20
  58. package/esm/components/options-list/Component.js +1 -1
  59. package/esm/components/options-list/index.css +9 -9
  60. package/esm/components/virtual-options-list/Component.js +1 -1
  61. package/esm/components/virtual-options-list/index.css +15 -15
  62. package/esm/index.js +1 -1
  63. package/esm/mobile.js +1 -1
  64. package/esm/presets/index.js +2 -1
  65. package/esm/presets/useLazyLoading/hook.js +1 -892
  66. package/esm/presets/useSelectWithApply/hook.js +1 -1
  67. package/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  68. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  69. package/esm/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  70. package/esm/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  71. package/esm/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  72. package/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  73. package/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  74. package/esm/presets/useSelectWithLoading/hook.js +1 -1
  75. package/esm/presets/useSelectWithLoading/index.css +2 -2
  76. package/esm/shared.js +2 -1
  77. package/index.js +1 -1
  78. package/mobile.js +1 -1
  79. package/modern/Component.mobile.js +1 -1
  80. package/modern/Component.modal.mobile.js +1 -1
  81. package/modern/Component.responsive.js +1 -1
  82. package/modern/components/arrow/Component.js +1 -1
  83. package/modern/components/arrow/index.css +3 -3
  84. package/modern/components/base-checkmark/Component.js +1 -1
  85. package/modern/components/base-checkmark/index.css +4 -4
  86. package/modern/components/base-option/Component.js +1 -1
  87. package/modern/components/base-option/index.css +13 -13
  88. package/modern/components/base-select/Component.js +1 -1
  89. package/modern/components/base-select/index.css +8 -8
  90. package/modern/components/base-select-mobile/Component.js +1 -1
  91. package/modern/components/base-select-mobile/footer/Component.js +1 -1
  92. package/modern/components/base-select-mobile/footer/index.css +5 -5
  93. package/modern/components/base-select-mobile/index.css +11 -11
  94. package/modern/components/checkmark/Component.js +1 -1
  95. package/modern/components/checkmark/index.css +10 -10
  96. package/modern/components/checkmark-mobile/Component.js +1 -1
  97. package/modern/components/checkmark-mobile/index.css +6 -6
  98. package/modern/components/field/Component.js +1 -1
  99. package/modern/components/field/index.css +12 -12
  100. package/modern/components/optgroup/Component.js +1 -1
  101. package/modern/components/optgroup/index.css +6 -6
  102. package/modern/components/option/Component.js +1 -1
  103. package/modern/components/option/index.css +20 -20
  104. package/modern/components/options-list/Component.js +1 -1
  105. package/modern/components/options-list/index.css +9 -9
  106. package/modern/components/virtual-options-list/Component.js +1 -1
  107. package/modern/components/virtual-options-list/index.css +15 -15
  108. package/modern/index.js +1 -1
  109. package/modern/mobile.js +1 -1
  110. package/modern/presets/index.js +2 -1
  111. package/modern/presets/useLazyLoading/hook.js +1 -892
  112. package/modern/presets/useSelectWithApply/hook.js +1 -1
  113. package/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  114. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  115. package/modern/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  116. package/modern/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  117. package/modern/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  118. package/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  119. package/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  120. package/modern/presets/useSelectWithLoading/hook.js +1 -1
  121. package/modern/presets/useSelectWithLoading/index.css +2 -2
  122. package/modern/shared.js +2 -1
  123. package/package.json +8 -7
  124. package/presets/index.js +2 -1
  125. package/presets/useLazyLoading/hook.js +1 -892
  126. package/presets/useSelectWithApply/hook.js +1 -1
  127. package/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
  128. package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js +1 -1
  129. package/presets/useSelectWithApply/options-list-with-apply/footer/index.css +3 -3
  130. package/presets/useSelectWithApply/options-list-with-apply/header/Component.js +1 -1
  131. package/presets/useSelectWithApply/options-list-with-apply/header/index.css +3 -3
  132. package/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  133. package/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
  134. package/presets/useSelectWithLoading/hook.js +1 -1
  135. package/presets/useSelectWithLoading/index.css +2 -2
  136. package/shared.js +2 -1
  137. /package/esm/{hook-326a5cea.d.ts → hook-cb30fc23.d.ts} +0 -0
  138. /package/esm/{hook-326a5cea.js → hook-cb30fc23.js} +0 -0
  139. /package/{hook-6e94be9c.d.ts → hook-3e654f56.d.ts} +0 -0
  140. /package/{hook-6e94be9c.js → hook-3e654f56.js} +0 -0
  141. /package/modern/{hook-e0fd0350.d.ts → hook-467b4d42.d.ts} +0 -0
  142. /package/modern/{hook-e0fd0350.js → hook-467b4d42.js} +0 -0
@@ -1,6 +1,6 @@
1
1
  import 'react';
2
2
  import '../../utils.js';
3
- export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-e0fd0350.js';
3
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from '../../hook-467b4d42.js';
4
4
  import '../../components/options-list/Component.js';
5
5
  import 'react-merge-refs';
6
6
  import 'classnames';
@@ -1,7 +1,7 @@
1
1
  import 'react';
2
2
  import '../../../components/options-list/Component.js';
3
3
  import '../../../consts.js';
4
- export { O as OptionsListWithApply } from '../../../hook-e0fd0350.js';
4
+ export { O as OptionsListWithApply } from '../../../hook-467b4d42.js';
5
5
  import './footer/Component.js';
6
6
  import './header/Component.js';
7
7
  import 'react-merge-refs';
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ButtonDesktop } from '@alfalab/core-components-button/modern/desktop';
3
3
 
4
- const styles = {"footer":"select__footer_1qxo7"};
4
+ const styles = {"footer":"select__footer_dsuwx"};
5
5
  require('./index.css')
6
6
 
7
7
  const Footer = ({ handleApply, handleClear, showClear, selectedDraft = [], }) => (React.createElement("div", {
@@ -1,4 +1,4 @@
1
- /* hash: 1gkfz */
1
+ /* hash: xs0d7 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-primary: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -17,10 +17,10 @@
17
17
  --gap-s: 12px;
18
18
  } :root {
19
19
  } :root {
20
- } .select__footer_1qxo7 {
20
+ } .select__footer_dsuwx {
21
21
  background-color: var(--color-light-bg-primary);
22
22
  padding: var(--gap-s);
23
23
  outline: none
24
- } .select__footer_1qxo7 > * + * {
24
+ } .select__footer_dsuwx > * + * {
25
25
  margin-left: var(--gap-xs);
26
26
  }
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Checkbox } from '@alfalab/core-components-checkbox/modern';
4
4
 
5
- const styles = {"desktop":"select__desktop_12ysm","mobile":"select__mobile_12ysm"};
5
+ const styles = {"desktop":"select__desktop_hchnc","mobile":"select__mobile_hchnc"};
6
6
  require('./index.css')
7
7
 
8
8
  const Header = ({ onChange, checked, indeterminate, mobile }) => (React.createElement("div", { className: cn({ [styles.desktop]: !mobile, [styles.mobile]: mobile }) },
@@ -1,4 +1,4 @@
1
- /* hash: h8ahs */
1
+ /* hash: ixm0t */
2
2
  :root {
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,8 +16,8 @@
16
16
  --gap-s: 12px;
17
17
  } :root {
18
18
  } :root {
19
- } .select__desktop_12ysm {
19
+ } .select__desktop_hchnc {
20
20
  padding: var(--gap-s);
21
- } .select__mobile_12ysm {
21
+ } .select__mobile_hchnc {
22
22
  padding: var(--gap-s) var(--gap-xs);
23
23
  }
@@ -1 +1 @@
1
- export * from "../../../hook-e0fd0350";
1
+ export * from "../../../hook-467b4d42";
@@ -1,4 +1,4 @@
1
- export { O as OptionsListWithApply } from '../../../hook-e0fd0350.js';
1
+ export { O as OptionsListWithApply } from '../../../hook-467b4d42.js';
2
2
  import 'react';
3
3
  import '../../../utils.js';
4
4
  import '../../../components/options-list/Component.js';
@@ -9,7 +9,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
9
9
  import '@alfalab/icons-glyph/CheckmarkMIcon';
10
10
  import '../../components/checkmark-mobile/Component.js';
11
11
 
12
- const styles = {"skeleton":"select__skeleton_1xtgg"};
12
+ const styles = {"skeleton":"select__skeleton_1vzpe"};
13
13
  require('./index.css')
14
14
 
15
15
  function useSelectWithLoading({ loading = false, visibleOptions = 6, Option: Option$1 = Option, }) {
@@ -1,5 +1,5 @@
1
- /* hash: 1if7p */
2
- .select__skeleton_1xtgg {
1
+ /* hash: 17led */
2
+ .select__skeleton_1vzpe {
3
3
  position: absolute;
4
4
  top: 50%;
5
5
  transform: translateY(-50%);
package/modern/shared.js CHANGED
@@ -8,7 +8,7 @@ export { VirtualOptionsList } from './components/virtual-options-list/Component.
8
8
  export { BaseOption } from './components/base-option/Component.js';
9
9
  export { useSelectWithLoading } from './presets/useSelectWithLoading/hook.js';
10
10
  export { useLazyLoading } from './presets/useLazyLoading/hook.js';
11
- export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-e0fd0350.js';
11
+ export { S as SELECT_ALL_KEY, u as useSelectWithApply } from './hook-467b4d42.js';
12
12
  export { isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVisibleOptions } from './utils.js';
13
13
  import 'react';
14
14
  import 'classnames';
@@ -31,6 +31,7 @@ import './consts.js';
31
31
  import 'react-virtual';
32
32
  import './components/base-checkmark/Component.js';
33
33
  import '@alfalab/core-components-skeleton/modern';
34
+ import 'intersection-observer';
34
35
  import './presets/useSelectWithApply/options-list-with-apply/footer/Component.js';
35
36
  import '@alfalab/core-components-button/modern/desktop';
36
37
  import './presets/useSelectWithApply/options-list-with-apply/header/Component.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-select",
3
- "version": "15.0.0",
3
+ "version": "15.0.1",
4
4
  "description": "Select component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -40,22 +40,23 @@
40
40
  },
41
41
  "dependencies": {
42
42
  "@alfalab/core-components-badge": "^5.2.0",
43
- "@alfalab/core-components-base-modal": "^5.3.0",
44
- "@alfalab/core-components-bottom-sheet": "^6.6.0",
45
- "@alfalab/core-components-button": "^9.0.0",
43
+ "@alfalab/core-components-base-modal": "^5.4.0",
44
+ "@alfalab/core-components-bottom-sheet": "^6.6.1",
45
+ "@alfalab/core-components-button": "^9.0.1",
46
46
  "@alfalab/core-components-checkbox": "^3.2.0",
47
47
  "@alfalab/core-components-form-control": "^10.0.0",
48
- "@alfalab/core-components-input": "^12.0.0",
49
- "@alfalab/core-components-modal": "^8.0.0",
48
+ "@alfalab/core-components-input": "^12.0.1",
49
+ "@alfalab/core-components-modal": "^8.0.1",
50
50
  "@alfalab/core-components-popover": "^6.1.0",
51
51
  "@alfalab/core-components-scrollbar": "^2.2.0",
52
52
  "@alfalab/core-components-skeleton": "^4.1.0",
53
- "@alfalab/core-components-shared": "^0.1.0",
53
+ "@alfalab/core-components-shared": "^0.2.0",
54
54
  "@alfalab/hooks": "^1.13.0",
55
55
  "@alfalab/icons-glyph": "^2.108.0",
56
56
  "@juggle/resize-observer": "^3.3.1",
57
57
  "classnames": "^2.3.1",
58
58
  "downshift": "^5.4.7",
59
+ "intersection-observer": "^0.12.0",
59
60
  "react-merge-refs": "^1.1.0",
60
61
  "react-virtual": "^2.3.2",
61
62
  "tslib": "^2.4.0"
package/presets/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
6
6
  var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
7
- var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-6e94be9c.js');
7
+ var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-3e654f56.js');
8
8
  require('tslib');
9
9
  require('react');
10
10
  require('@alfalab/core-components-skeleton');
@@ -16,6 +16,7 @@ require('@alfalab/core-components-checkbox');
16
16
  require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
17
17
  require('@alfalab/icons-glyph/CheckmarkMIcon');
18
18
  require('../components/checkmark-mobile/Component.js');
19
+ require('intersection-observer');
19
20
  require('../utils.js');
20
21
  require('../components/options-list/Component.js');
21
22
  require('react-merge-refs');