@salutejs/plasma-new-hope 0.324.0-canary.1970.15068833000.0 → 0.324.0-canary.1971.15108751783.0

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 (132) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  6. package/cjs/components/Pagination/Pagination.css +1 -1
  7. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  8. package/cjs/components/Range/Range.css +1 -1
  9. package/cjs/components/Select/Select.css +1 -1
  10. package/cjs/components/Select/ui/Target/Target.css +1 -1
  11. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  12. package/cjs/components/Slider/Slider.css +1 -1
  13. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  14. package/cjs/components/Table/Table.css +1 -1
  15. package/cjs/components/Table/ui/Cell/Cell.css +1 -1
  16. package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  17. package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  18. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  19. package/cjs/components/TextField/TextField.js +1 -1
  20. package/cjs/components/TextField/TextField.js.map +1 -1
  21. package/cjs/components/TextField/TextField.tokens.js +2 -1
  22. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  23. package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  24. package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
  25. package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +1 -0
  26. package/cjs/index.css +1 -7
  27. package/cjs/index.js +0 -6
  28. package/cjs/index.js.map +1 -1
  29. package/emotion/cjs/components/TextField/TextField.js +2 -2
  30. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  31. package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  32. package/emotion/cjs/index.js +0 -11
  33. package/emotion/es/components/TextField/TextField.js +2 -2
  34. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  35. package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
  36. package/emotion/es/index.js +1 -2
  37. package/es/components/Autocomplete/Autocomplete.css +1 -1
  38. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  39. package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
  40. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  41. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  42. package/es/components/Pagination/Pagination.css +1 -1
  43. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  44. package/es/components/Range/Range.css +1 -1
  45. package/es/components/Select/Select.css +1 -1
  46. package/es/components/Select/ui/Target/Target.css +1 -1
  47. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  48. package/es/components/Slider/Slider.css +1 -1
  49. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  50. package/es/components/Table/Table.css +1 -1
  51. package/es/components/Table/ui/Cell/Cell.css +1 -1
  52. package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  53. package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  54. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  55. package/es/components/TextField/TextField.js +1 -1
  56. package/es/components/TextField/TextField.js.map +1 -1
  57. package/es/components/TextField/TextField.tokens.js +2 -1
  58. package/es/components/TextField/TextField.tokens.js.map +1 -1
  59. package/es/components/TextField/variations/_label-placement/base.js +1 -1
  60. package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
  61. package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +1 -0
  62. package/es/index.css +1 -7
  63. package/es/index.js +0 -3
  64. package/es/index.js.map +1 -1
  65. package/package.json +2 -2
  66. package/styled-components/cjs/components/TextField/TextField.js +1 -1
  67. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  68. package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
  69. package/styled-components/cjs/index.js +0 -11
  70. package/styled-components/es/components/TextField/TextField.js +1 -1
  71. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  72. package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
  73. package/styled-components/es/index.js +1 -2
  74. package/types/components/TextField/TextField.d.ts.map +1 -1
  75. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  76. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  77. package/types/index.d.ts +0 -1
  78. package/types/index.d.ts.map +1 -1
  79. package/cjs/components/PaginationDots/PaginationDot.js +0 -58
  80. package/cjs/components/PaginationDots/PaginationDot.js.map +0 -1
  81. package/cjs/components/PaginationDots/PaginationDot_baul9c.css +0 -2
  82. package/cjs/components/PaginationDots/PaginationDots.js +0 -33
  83. package/cjs/components/PaginationDots/PaginationDots.js.map +0 -1
  84. package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
  85. package/cjs/components/PaginationDots/SmartPaginationDots.css +0 -5
  86. package/cjs/components/PaginationDots/SmartPaginationDots.js +0 -46
  87. package/cjs/components/PaginationDots/SmartPaginationDots.js.map +0 -1
  88. package/cjs/components/PaginationDots/usePaginationDots.js +0 -40
  89. package/cjs/components/PaginationDots/usePaginationDots.js.map +0 -1
  90. package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
  91. package/emotion/cjs/components/PaginationDots/PaginationDot.js +0 -34
  92. package/emotion/cjs/components/PaginationDots/PaginationDots.js +0 -34
  93. package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
  94. package/emotion/cjs/components/PaginationDots/index.js +0 -26
  95. package/emotion/cjs/components/PaginationDots/usePaginationDots.js +0 -38
  96. package/emotion/es/components/PaginationDots/PaginationDot.js +0 -27
  97. package/emotion/es/components/PaginationDots/PaginationDots.js +0 -27
  98. package/emotion/es/components/PaginationDots/SmartPaginationDots.js +0 -35
  99. package/emotion/es/components/PaginationDots/index.js +0 -3
  100. package/emotion/es/components/PaginationDots/usePaginationDots.js +0 -32
  101. package/es/components/PaginationDots/PaginationDot.js +0 -53
  102. package/es/components/PaginationDots/PaginationDot.js.map +0 -1
  103. package/es/components/PaginationDots/PaginationDot_baul9c.css +0 -2
  104. package/es/components/PaginationDots/PaginationDots.js +0 -28
  105. package/es/components/PaginationDots/PaginationDots.js.map +0 -1
  106. package/es/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
  107. package/es/components/PaginationDots/SmartPaginationDots.css +0 -5
  108. package/es/components/PaginationDots/SmartPaginationDots.js +0 -38
  109. package/es/components/PaginationDots/SmartPaginationDots.js.map +0 -1
  110. package/es/components/PaginationDots/usePaginationDots.js +0 -36
  111. package/es/components/PaginationDots/usePaginationDots.js.map +0 -1
  112. package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
  113. package/styled-components/cjs/components/PaginationDots/PaginationDot.js +0 -32
  114. package/styled-components/cjs/components/PaginationDots/PaginationDots.js +0 -23
  115. package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
  116. package/styled-components/cjs/components/PaginationDots/index.js +0 -26
  117. package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +0 -38
  118. package/styled-components/es/components/PaginationDots/PaginationDot.js +0 -25
  119. package/styled-components/es/components/PaginationDots/PaginationDots.js +0 -17
  120. package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +0 -35
  121. package/styled-components/es/components/PaginationDots/index.js +0 -3
  122. package/styled-components/es/components/PaginationDots/usePaginationDots.js +0 -32
  123. package/types/components/PaginationDots/PaginationDot.d.ts +0 -20
  124. package/types/components/PaginationDots/PaginationDot.d.ts.map +0 -1
  125. package/types/components/PaginationDots/PaginationDots.d.ts +0 -14
  126. package/types/components/PaginationDots/PaginationDots.d.ts.map +0 -1
  127. package/types/components/PaginationDots/SmartPaginationDots.d.ts +0 -14
  128. package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +0 -1
  129. package/types/components/PaginationDots/index.d.ts +0 -6
  130. package/types/components/PaginationDots/index.d.ts.map +0 -1
  131. package/types/components/PaginationDots/usePaginationDots.d.ts +0 -14
  132. package/types/components/PaginationDots/usePaginationDots.d.ts.map +0 -1
@@ -16,6 +16,7 @@ export declare const classes: {
16
16
  inputWrapper: string;
17
17
  inputTextEllipsis: string;
18
18
  contentRightCompensationMargin: string;
19
+ readOnly: string;
19
20
  };
20
21
  export declare const tokens: {
21
22
  color: string;
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;CAkBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;;;;IA4BlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;;IAI7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CrB,CAAC"}
1
+ {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;;;;IA4BlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;;IAI7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CrB,CAAC"}
package/types/index.d.ts CHANGED
@@ -74,5 +74,4 @@ export * from './components/LinkButton';
74
74
  export * from './components/NumberFormat';
75
75
  export * from './components/Toast/ToastNew';
76
76
  export * from './components/Carousel';
77
- export * from './components/PaginationDots';
78
77
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC"}
@@ -1,58 +0,0 @@
1
- require('./PaginationDot_baul9c.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
-
8
- /**
9
- * Элемент пагинации точками.
10
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
11
- */
12
- var _exp = function _exp() {
13
- return function (_ref) {
14
- var isActive = _ref.isActive;
15
- return isActive ? '1.75rem' : '0.375rem';
16
- };
17
- };
18
- var _exp2 = function _exp2() {
19
- return function (_ref2) {
20
- var isActive = _ref2.isActive;
21
- return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
22
- };
23
- };
24
- var DotBase = /*#__PURE__*/react.styled('li')({
25
- name: "DotBase",
26
- "class": "d1mcs0w2",
27
- propsAsIs: false,
28
- vars: {
29
- "d1mcs0w2-0": [/*#__PURE__*/_exp()],
30
- "d1mcs0w2-1": [/*#__PURE__*/_exp2()]
31
- }
32
- });
33
-
34
- /**
35
- * Элемент пагинации точками.
36
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
37
- */
38
- var _exp3 = function _exp3() {
39
- return DotBase;
40
- };
41
- var _exp4 = function _exp4() {
42
- return function (_ref3) {
43
- var isActive = _ref3.isActive;
44
- return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
45
- };
46
- };
47
- var PaginationDot = /*#__PURE__*/react.styled(_exp3())({
48
- name: "PaginationDot",
49
- "class": "poypaki",
50
- propsAsIs: true,
51
- vars: {
52
- "poypaki-0": [/*#__PURE__*/_exp4()]
53
- }
54
- });
55
-
56
- exports.DotBase = DotBase;
57
- exports.PaginationDot = PaginationDot;
58
- //# sourceMappingURL=PaginationDot.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaginationDot.js","sources":["../../../src/components/PaginationDots/PaginationDot.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\nexport interface PaginationDotProps extends React.LiHTMLAttributes<HTMLLIElement> {\n /**\n * Элемент активен\n */\n isActive: boolean;\n}\n\n/**\n * Элемент пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const DotBase = styled.li<PaginationDotProps>`\n width: ${({ isActive }) => (isActive ? '1.75rem' : '0.375rem')};\n height: 0.375rem;\n border-radius: 1rem;\n background: ${({ isActive }) => (isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)')};\n transition: width 0.1s ease-in-out, background 0.3s ease-in-out;\n font-size: 0.5rem;\n\n & + & {\n margin-left: 0.375rem;\n }\n\n &:focus {\n outline: 0 none;\n }\n`;\n\n/**\n * Элемент пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const PaginationDot = styled(DotBase)<PaginationDotProps>`\n cursor: pointer;\n\n background: ${({ isActive }) => (isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)')};\n\n &:hover {\n background: var(--text-accent);\n }\n`;\n"],"names":["_exp","_ref","isActive","_exp2","_ref2","DotBase","styled","name","class","propsAsIs","vars","_exp3","_exp4","_ref3","PaginationDot"],"mappings":";;;;;;AASA;AACA;AACA;AACA;AAHA,IAAAA,IAAA,GARkBA,SAQlBA,IAAAA,GAAA;AAAA,EAAA,OAKa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAAA,GAAAA,IAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,SAAS,GAAG,UAAW,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAbhDA,SAagDA,KAAAA,GAAA;AAAA,EAAA,OAGhD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,qBAAqB,GAAG,mCAAoC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJrG,IAAMG,OAAO,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAChBV,IAAqD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAGhDG,KAA0F,EAAA,CAAA;AAAA,GAAA;AAAA,CAW3G,EAAA;;AAED;AACA;AACA;AACA;AAHA,IAAAQ,KAAA,GA7BkBA,SA6BlBA,KAAAA,GAAA;AAAA,EAAA,OAIoCN,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAO,KAAA,GAjCzBA,SAiCyBA,KAAAA,GAAA;AAAA,EAAA,OAGzB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGX,QAAAA,GAAAA,KAAAA,CAAAA,QAAAA,CAAAA;AAAAA,IAAAA,OAAgBA,QAAQ,GAAG,oBAAoB,GAAG,mCAAoC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHpG,IAAMY,aAAa,gBAAGR,YAAM,CAAAK,KAAA,EAAA,CAAA,CAAA;AAAAJ,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGjBE,KAAyF,EAAA,CAAA;AAAA,GAAA;AAAA,CAK1G;;;;;"}
@@ -1,2 +0,0 @@
1
- .d1mcs0w2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.d1mcs0w2 + .d1mcs0w2{margin-left:0.375rem;}.d1mcs0w2:focus{outline:0 none;}
2
- .poypaki.d1mcs0w2{cursor:pointer;background:var(--poypaki-0);}.poypaki.d1mcs0w2:hover{background:var(--text-accent);}
@@ -1,33 +0,0 @@
1
- require('./PaginationDots_fm2ha5.css');
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
-
8
- /**
9
- * Оборачивающий компонент для пагинации точками.
10
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
11
- */
12
- var DotsBase = /*#__PURE__*/react.styled('ul')({
13
- name: "DotsBase",
14
- "class": "dut2ldg",
15
- propsAsIs: false
16
- });
17
-
18
- /**
19
- * Оборачивающий компонент для пагинации точками.
20
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
21
- */
22
- var _exp = function _exp() {
23
- return DotsBase;
24
- };
25
- var PaginationDots = /*#__PURE__*/react.styled(_exp())({
26
- name: "PaginationDots",
27
- "class": "p1m9slup",
28
- propsAsIs: true
29
- });
30
-
31
- exports.DotsBase = DotsBase;
32
- exports.PaginationDots = PaginationDots;
33
- //# sourceMappingURL=PaginationDots.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PaginationDots.js","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\n\n/**\n * Оборачивающий компонент для пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const DotsBase = styled.ul`\n display: flex;\n flex-wrap: wrap;\n align-self: center;\n align-items: center;\n margin: 0;\n padding: 0;\n list-style: none;\n`;\n\n/**\n * Оборачивающий компонент для пагинации точками.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const PaginationDots = styled(DotsBase)``;\n"],"names":["DotsBase","styled","name","class","propsAsIs","_exp","PaginationDots"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,gBAAGC,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQ7B,EAAA;;AAED;AACA;AACA;AACA;AAHA,IAAAC,IAAA,GAfkBA,SAelBA,IAAAA,GAAA;AAAA,EAAA,OAIqCL,QAAQ,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMM,cAAc,gBAAGL,YAAM,CAAAI,IAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAY;;;;;"}
@@ -1,2 +0,0 @@
1
- .dut2ldg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
2
-
@@ -1,5 +0,0 @@
1
- .PaginationDots_fm2ha5_dut2ldg__db2a2205{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;list-style:none;}
2
-
3
-
4
- .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
5
- .PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}
@@ -1,46 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
- var usePaginationDots = require('./usePaginationDots.js');
8
- var PaginationDots = require('./PaginationDots.js');
9
- var PaginationDot = require('./PaginationDot.js');
10
-
11
- function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
12
-
13
- var React__default = /*#__PURE__*/_interopDefault(React);
14
-
15
- var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
16
- /**
17
- * Компонент для отображения точек пагинации
18
- * с возможностью ограничения количества видимых элементов.
19
- */
20
- var SmartPaginationDots = function SmartPaginationDots(_ref) {
21
- var items = _ref.items,
22
- index = _ref.index,
23
- visibleItems = _ref.visibleItems,
24
- onIndexChange = _ref.onIndexChange,
25
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
26
- var _usePaginationDots = usePaginationDots.usePaginationDots({
27
- items: items,
28
- index: index,
29
- visibleItems: visibleItems
30
- }),
31
- sliced = _usePaginationDots.sliced,
32
- activeId = _usePaginationDots.activeId;
33
- return /*#__PURE__*/React__default.default.createElement(PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
34
- var id = _ref2.id;
35
- return /*#__PURE__*/React__default.default.createElement(PaginationDot.PaginationDot, {
36
- key: "item:".concat(i),
37
- isActive: id === activeId,
38
- onClick: function onClick() {
39
- return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
40
- }
41
- });
42
- }));
43
- };
44
-
45
- exports.SmartPaginationDots = SmartPaginationDots;
46
- //# sourceMappingURL=SmartPaginationDots.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SmartPaginationDots.js","sources":["../../../src/components/PaginationDots/SmartPaginationDots.tsx"],"sourcesContent":["import React from 'react';\n\nimport { usePaginationDots, SmartPaginationDotsProps as BaseProps } from './usePaginationDots';\nimport { PaginationDots } from './PaginationDots';\nimport { PaginationDot } from './PaginationDot';\n\nexport interface SmartPaginationDotsProps extends BaseProps, React.HTMLAttributes<HTMLUListElement> {\n /**\n * Обработчик изменения индекса\n */\n onIndexChange?: (index: number) => void;\n}\n\n/**\n * Компонент для отображения точек пагинации\n * с возможностью ограничения количества видимых элементов.\n */\nexport const SmartPaginationDots: React.FC<SmartPaginationDotsProps> = ({\n items,\n index,\n visibleItems,\n onIndexChange,\n ...rest\n}) => {\n const { sliced, activeId } = usePaginationDots({ items, index, visibleItems });\n\n return (\n <PaginationDots {...rest}>\n {sliced.map(({ id }, i) => (\n <PaginationDot key={`item:${i}`} isActive={id === activeId} onClick={() => onIndexChange?.(i)} />\n ))}\n </PaginationDots>\n );\n};\n"],"names":["SmartPaginationDots","_ref","items","index","visibleItems","onIndexChange","rest","_objectWithoutProperties","_excluded","_usePaginationDots","usePaginationDots","sliced","activeId","React","createElement","PaginationDots","map","_ref2","i","id","PaginationDot","key","concat","isActive","onClick"],"mappings":";;;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;IACaA,mBAAuD,GAAG,SAA1DA,mBAAuDA,CAAAC,IAAA,EAM9D;AAAA,EAAA,IALFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;AACVC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EAEP,IAAAC,kBAAA,GAA6BC,mCAAiB,CAAC;AAAER,MAAAA,KAAK,EAALA,KAAK;AAAEC,MAAAA,KAAK,EAALA,KAAK;AAAEC,MAAAA,YAAY,EAAZA,YAAAA;AAAa,KAAC,CAAC;IAAtEO,MAAM,GAAAF,kBAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,kBAAA,CAARG,QAAQ,CAAA;AAExB,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,6BAAc,EAAKT,IAAI,EACnBK,MAAM,CAACK,GAAG,CAAC,UAAAC,KAAA,EAASC,CAAC,EAAA;AAAA,IAAA,IAAPC,EAAE,GAAAF,KAAA,CAAFE,EAAE,CAAA;AAAA,IAAA,oBACbN,sBAAA,CAAAC,aAAA,CAACM,2BAAa,EAAA;AAACC,MAAAA,GAAG,EAAAC,OAAAA,CAAAA,MAAA,CAAUJ,CAAC,CAAG;MAACK,QAAQ,EAAEJ,EAAE,KAAKP,QAAS;MAACY,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,QAAA,OAAMnB,aAAa,KAAbA,IAAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAGa,CAAC,CAAC,CAAA;AAAA,OAAA;AAAC,KAAE,CAAC,CAAA;AAAA,GACpG,CACW,CAAC,CAAA;AAEzB;;;;"}
@@ -1,40 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
-
7
- var usePaginationDots = function usePaginationDots(_ref) {
8
- var items = _ref.items,
9
- index = _ref.index,
10
- _ref$visibleItems = _ref.visibleItems,
11
- visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
12
- var activeId = items[index].id;
13
- var prevIndex = React.useRef(null);
14
- var direction = 0;
15
- if (prevIndex.current !== null) {
16
- direction = index > prevIndex.current ? 1 : -1;
17
- }
18
- var start;
19
- var end;
20
- if (direction === 1) {
21
- end = Math.min(Math.max(index + 2, visibleItems), items.length);
22
- start = Math.max(end - visibleItems, 0);
23
- } else if (direction === -1) {
24
- start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
25
- end = start + visibleItems;
26
- } else {
27
- start = Math.max(index - Math.floor(visibleItems / 2), 0);
28
- end = Math.min(start + visibleItems, items.length);
29
- start = end - visibleItems;
30
- }
31
- var sliced = items.slice(start, end);
32
- prevIndex.current = index;
33
- return {
34
- sliced: sliced,
35
- activeId: activeId
36
- };
37
- };
38
-
39
- exports.usePaginationDots = usePaginationDots;
40
- //# sourceMappingURL=usePaginationDots.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"usePaginationDots.js","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface SmartPaginationDotsProps {\n items: Array<{ id: number | string }>;\n index: number;\n visibleItems?: number;\n}\n\nexport const usePaginationDots = ({ items, index, visibleItems = 7 }: SmartPaginationDotsProps) => {\n const activeId = items[index].id;\n const prevIndex = useRef<number | null>(null);\n let direction = 0;\n\n if (prevIndex.current !== null) {\n direction = index > prevIndex.current ? 1 : -1;\n }\n\n let start: number;\n let end: number;\n\n if (direction === 1) {\n end = Math.min(Math.max(index + 2, visibleItems), items.length);\n start = Math.max(end - visibleItems, 0);\n } else if (direction === -1) {\n start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);\n end = start + visibleItems;\n } else {\n start = Math.max(index - Math.floor(visibleItems / 2), 0);\n end = Math.min(start + visibleItems, items.length);\n start = end - visibleItems;\n }\n\n const sliced = items.slice(start, end);\n\n prevIndex.current = index;\n\n return {\n sliced,\n activeId,\n };\n};\n"],"names":["usePaginationDots","_ref","items","index","_ref$visibleItems","visibleItems","activeId","id","prevIndex","useRef","direction","current","start","end","Math","min","max","length","floor","sliced","slice"],"mappings":";;;;;;IAQaA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAqE;AAAA,EAAA,IAA/DC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,iBAAA,GAAAH,IAAA,CAAEI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,iBAAA,CAAA;AAC9D,EAAA,IAAME,QAAQ,GAAGJ,KAAK,CAACC,KAAK,CAAC,CAACI,EAAE,CAAA;AAChC,EAAA,IAAMC,SAAS,GAAGC,YAAM,CAAgB,IAAI,CAAC,CAAA;EAC7C,IAAIC,SAAS,GAAG,CAAC,CAAA;AAEjB,EAAA,IAAIF,SAAS,CAACG,OAAO,KAAK,IAAI,EAAE;IAC5BD,SAAS,GAAGP,KAAK,GAAGK,SAAS,CAACG,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAClD,GAAA;AAEA,EAAA,IAAIC,KAAa,CAAA;AACjB,EAAA,IAAIC,GAAW,CAAA;EAEf,IAAIH,SAAS,KAAK,CAAC,EAAE;AACjBG,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAEE,YAAY,CAAC,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAC/DL,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACH,GAAG,GAAGR,YAAY,EAAE,CAAC,CAAC,CAAA;AAC3C,GAAC,MAAM,IAAIK,SAAS,KAAK,CAAC,CAAC,EAAE;IACzBE,KAAK,GAAGE,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACb,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,EAAED,KAAK,CAACe,MAAM,GAAGZ,YAAY,CAAC,CAAA;IACrEQ,GAAG,GAAGD,KAAK,GAAGP,YAAY,CAAA;AAC9B,GAAC,MAAM;AACHO,IAAAA,KAAK,GAAGE,IAAI,CAACE,GAAG,CAACb,KAAK,GAAGW,IAAI,CAACI,KAAK,CAACb,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACzDQ,IAAAA,GAAG,GAAGC,IAAI,CAACC,GAAG,CAACH,KAAK,GAAGP,YAAY,EAAEH,KAAK,CAACe,MAAM,CAAC,CAAA;IAClDL,KAAK,GAAGC,GAAG,GAAGR,YAAY,CAAA;AAC9B,GAAA;EAEA,IAAMc,MAAM,GAAGjB,KAAK,CAACkB,KAAK,CAACR,KAAK,EAAEC,GAAG,CAAC,CAAA;EAEtCL,SAAS,CAACG,OAAO,GAAGR,KAAK,CAAA;EAEzB,OAAO;AACHgB,IAAAA,MAAM,EAANA,MAAM;AACNb,IAAAA,QAAQ,EAARA,QAAAA;GACH,CAAA;AACL;;;;"}
@@ -1 +0,0 @@
1
- .b15d3bnf.label-placement-outer .luk2zst{position:relative;display:inline-block;color:var(--plasma-textfield__label-color);}.b15d3bnf.label-placement-inner .i13qvwoy{padding:var(--plasma-textfield-placement_inner__content-padding);}.b15d3bnf.label-placement-inner .io4bpie:focus ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.has-value ~ .luk2zst,.b15d3bnf.label-placement-inner .io4bpie.keep-placeholder ~ .luk2zst{color:var(--plasma-textfield__placeholder-color);-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.b15d3bnf.label-placement-inner .luk2zst{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:100%;}.b15d3bnf.label-placement-inner.textfield-clear .luk2zst{color:var(--plasma-textfield__clear-placeholder-color);}
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.PaginationDot = exports.DotBase = void 0;
7
- var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
- /**
10
- * Элемент пагинации точками.
11
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
12
- */
13
- var DotBase = exports.DotBase = /*#__PURE__*/(0, _base["default"])("li", {
14
- target: "e14yjkg31",
15
- label: "plasma-new-hope__DotBase"
16
- })("width:", function (_ref) {
17
- var isActive = _ref.isActive;
18
- return isActive ? '1.75rem' : '0.375rem';
19
- }, ";height:0.375rem;border-radius:1rem;background:", function (_ref2) {
20
- var isActive = _ref2.isActive;
21
- return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
22
- }, ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;&+&{margin-left:0.375rem;}&:focus{outline:0 none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnaW5hdGlvbkRvdFByb3BzIGV4dGVuZHMgUmVhY3QuTGlIVE1MQXR0cmlidXRlczxIVE1MTElFbGVtZW50PiB7XG4gICAgLyoqXG4gICAgICog0K3Qu9C10LzQtdC90YIg0LDQutGC0LjQstC10L1cbiAgICAgKi9cbiAgICBpc0FjdGl2ZTogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiDQrdC70LXQvNC10L3RgiDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdEJhc2UgPSBzdHlsZWQubGk8UGFnaW5hdGlvbkRvdFByb3BzPmBcbiAgICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMS43NXJlbScgOiAnMC4zNzVyZW0nKX07XG4gICAgaGVpZ2h0OiAwLjM3NXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiAxcmVtO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtcHJpbWFyeSknIDogJ3ZhcigtLXN1cmZhY2VUcmFuc3BhcmVudFRlcnRpYXJ5KScpfTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjFzIGVhc2UtaW4tb3V0LCBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgZm9udC1zaXplOiAwLjVyZW07XG5cbiAgICAmICsgJiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwLjM3NXJlbTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90ID0gc3R5bGVkKERvdEJhc2UpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAndmFyKC0tdGV4dC1hY2NlbnQpJyA6ICd2YXIoLS1zdXJmYWNlVHJhbnNwYXJlbnRUZXJ0aWFyeSknKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tdGV4dC1hY2NlbnQpO1xuICAgIH1cbmA7XG4iXX0= */"));
23
-
24
- /**
25
- * Элемент пагинации точками.
26
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
27
- */
28
- var PaginationDot = exports.PaginationDot = /*#__PURE__*/(0, _base["default"])(DotBase, {
29
- target: "e14yjkg30",
30
- label: "plasma-new-hope__PaginationDot"
31
- })("cursor:pointer;background:", function (_ref3) {
32
- var isActive = _ref3.isActive;
33
- return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
34
- }, ";&:hover{background:var(--text-accent);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2luYXRpb25Eb3RQcm9wcyBleHRlbmRzIFJlYWN0LkxpSFRNTEF0dHJpYnV0ZXM8SFRNTExJRWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqINCt0LvQtdC80LXQvdGCINCw0LrRgtC40LLQtdC9XG4gICAgICovXG4gICAgaXNBY3RpdmU6IGJvb2xlYW47XG59XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBEb3RCYXNlID0gc3R5bGVkLmxpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEuNzVyZW0nIDogJzAuMzc1cmVtJyl9O1xuICAgIGhlaWdodDogMC4zNzVyZW07XG4gICAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICd2YXIoLS10ZXh0LXByaW1hcnkpJyA6ICd2YXIoLS1zdXJmYWNlVHJhbnNwYXJlbnRUZXJ0aWFyeSknKX07XG4gICAgdHJhbnNpdGlvbjogd2lkdGggMC4xcyBlYXNlLWluLW91dCwgYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICAgIGZvbnQtc2l6ZTogMC41cmVtO1xuXG4gICAgJiArICYge1xuICAgICAgICBtYXJnaW4tbGVmdDogMC4zNzVyZW07XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDAgbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCt0LvQtdC80LXQvdGCINC/0LDQs9C40L3QsNGG0LjQuCDRgtC+0YfQutCw0LzQuC5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkRvdCA9IHN0eWxlZChEb3RCYXNlKTxQYWdpbmF0aW9uRG90UHJvcHM+YFxuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtYWNjZW50KScgOiAndmFyKC0tc3VyZmFjZVRyYW5zcGFyZW50VGVydGlhcnkpJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigtLXRleHQtYWNjZW50KTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.PaginationDots = exports.DotsBase = void 0;
7
- var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
9
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
10
- /**
11
- * Оборачивающий компонент для пагинации точками.
12
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
13
- */
14
- var DotsBase = exports.DotsBase = /*#__PURE__*/(0, _base["default"])("ul", {
15
- target: "e126omqy1",
16
- label: "plasma-new-hope__DotsBase"
17
- })(process.env.NODE_ENV === "production" ? {
18
- name: "1gpamx1",
19
- styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none"
20
- } : {
21
- name: "1gpamx1",
22
- styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none",
23
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1pQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiDQntCx0L7RgNCw0YfQuNCy0LDRjtGJ0LjQuSDQutC+0LzQv9C+0L3QtdC90YIg0LTQu9GPINC/0LDQs9C40L3QsNGG0LjQuCDRgtC+0YfQutCw0LzQuC5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgRG90c0Jhc2UgPSBzdHlsZWQudWxgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25Eb3RzID0gc3R5bGVkKERvdHNCYXNlKWBgO1xuIl19 */",
24
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
25
- });
26
-
27
- /**
28
- * Оборачивающий компонент для пагинации точками.
29
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
30
- */
31
- var PaginationDots = exports.PaginationDots = /*#__PURE__*/(0, _base["default"])(DotsBase, {
32
- target: "e126omqy0",
33
- label: "plasma-new-hope__PaginationDots"
34
- })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9COEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdHNCYXNlID0gc3R5bGVkLnVsYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5gO1xuXG4vKipcbiAqINCe0LHQvtGA0LDRh9C40LLQsNGO0YnQuNC5INC60L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90cyA9IHN0eWxlZChEb3RzQmFzZSlgYDtcbiJdfQ== */");
@@ -1,42 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SmartPaginationDots = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
- var _usePaginationDots2 = /*#__PURE__*/require("./usePaginationDots");
9
- var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
10
- var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
11
- var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
14
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
15
- /**
16
- * Компонент для отображения точек пагинации
17
- * с возможностью ограничения количества видимых элементов.
18
- */
19
- var SmartPaginationDots = exports.SmartPaginationDots = function SmartPaginationDots(_ref) {
20
- var items = _ref.items,
21
- index = _ref.index,
22
- visibleItems = _ref.visibleItems,
23
- onIndexChange = _ref.onIndexChange,
24
- rest = _objectWithoutProperties(_ref, _excluded);
25
- var _usePaginationDots = (0, _usePaginationDots2.usePaginationDots)({
26
- items: items,
27
- index: index,
28
- visibleItems: visibleItems
29
- }),
30
- sliced = _usePaginationDots.sliced,
31
- activeId = _usePaginationDots.activeId;
32
- return /*#__PURE__*/_react["default"].createElement(_PaginationDots.PaginationDots, rest, sliced.map(function (_ref2, i) {
33
- var id = _ref2.id;
34
- return /*#__PURE__*/_react["default"].createElement(_PaginationDot.PaginationDot, {
35
- key: "item:".concat(i),
36
- isActive: id === activeId,
37
- onClick: function onClick() {
38
- return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
39
- }
40
- });
41
- }));
42
- };
@@ -1,26 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "PaginationDot", {
7
- enumerable: true,
8
- get: function get() {
9
- return _PaginationDot.PaginationDot;
10
- }
11
- });
12
- Object.defineProperty(exports, "PaginationDots", {
13
- enumerable: true,
14
- get: function get() {
15
- return _PaginationDots.PaginationDots;
16
- }
17
- });
18
- Object.defineProperty(exports, "SmartPaginationDots", {
19
- enumerable: true,
20
- get: function get() {
21
- return _SmartPaginationDots.SmartPaginationDots;
22
- }
23
- });
24
- var _SmartPaginationDots = /*#__PURE__*/require("./SmartPaginationDots");
25
- var _PaginationDots = /*#__PURE__*/require("./PaginationDots");
26
- var _PaginationDot = /*#__PURE__*/require("./PaginationDot");
@@ -1,38 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.usePaginationDots = void 0;
7
- var _react = /*#__PURE__*/require("react");
8
- var usePaginationDots = exports.usePaginationDots = function usePaginationDots(_ref) {
9
- var items = _ref.items,
10
- index = _ref.index,
11
- _ref$visibleItems = _ref.visibleItems,
12
- visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
13
- var activeId = items[index].id;
14
- var prevIndex = (0, _react.useRef)(null);
15
- var direction = 0;
16
- if (prevIndex.current !== null) {
17
- direction = index > prevIndex.current ? 1 : -1;
18
- }
19
- var start;
20
- var end;
21
- if (direction === 1) {
22
- end = Math.min(Math.max(index + 2, visibleItems), items.length);
23
- start = Math.max(end - visibleItems, 0);
24
- } else if (direction === -1) {
25
- start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
26
- end = start + visibleItems;
27
- } else {
28
- start = Math.max(index - Math.floor(visibleItems / 2), 0);
29
- end = Math.min(start + visibleItems, items.length);
30
- start = end - visibleItems;
31
- }
32
- var sliced = items.slice(start, end);
33
- prevIndex.current = index;
34
- return {
35
- sliced: sliced,
36
- activeId: activeId
37
- };
38
- };
@@ -1,27 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Элемент пагинации точками.
4
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
5
- */
6
- export var DotBase = /*#__PURE__*/_styled("li", {
7
- target: "e14yjkg31",
8
- label: "plasma-new-hope__DotBase"
9
- })("width:", function (_ref) {
10
- var isActive = _ref.isActive;
11
- return isActive ? '1.75rem' : '0.375rem';
12
- }, ";height:0.375rem;border-radius:1rem;background:", function (_ref2) {
13
- var isActive = _ref2.isActive;
14
- return isActive ? 'var(--text-primary)' : 'var(--surfaceTransparentTertiary)';
15
- }, ";transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;&+&{margin-left:0.375rem;}&:focus{outline:0 none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW9EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGFnaW5hdGlvbkRvdFByb3BzIGV4dGVuZHMgUmVhY3QuTGlIVE1MQXR0cmlidXRlczxIVE1MTElFbGVtZW50PiB7XG4gICAgLyoqXG4gICAgICog0K3Qu9C10LzQtdC90YIg0LDQutGC0LjQstC10L1cbiAgICAgKi9cbiAgICBpc0FjdGl2ZTogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiDQrdC70LXQvNC10L3RgiDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdEJhc2UgPSBzdHlsZWQubGk8UGFnaW5hdGlvbkRvdFByb3BzPmBcbiAgICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMS43NXJlbScgOiAnMC4zNzVyZW0nKX07XG4gICAgaGVpZ2h0OiAwLjM3NXJlbTtcbiAgICBib3JkZXItcmFkaXVzOiAxcmVtO1xuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtcHJpbWFyeSknIDogJ3ZhcigtLXN1cmZhY2VUcmFuc3BhcmVudFRlcnRpYXJ5KScpfTtcbiAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjFzIGVhc2UtaW4tb3V0LCBiYWNrZ3JvdW5kIDAuM3MgZWFzZS1pbi1vdXQ7XG4gICAgZm9udC1zaXplOiAwLjVyZW07XG5cbiAgICAmICsgJiB7XG4gICAgICAgIG1hcmdpbi1sZWZ0OiAwLjM3NXJlbTtcbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgICAgb3V0bGluZTogMCBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90ID0gc3R5bGVkKERvdEJhc2UpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgYmFja2dyb3VuZDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAndmFyKC0tdGV4dC1hY2NlbnQpJyA6ICd2YXIoLS1zdXJmYWNlVHJhbnNwYXJlbnRUZXJ0aWFyeSknKX07XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKC0tdGV4dC1hY2NlbnQpO1xuICAgIH1cbmA7XG4iXX0= */"));
16
-
17
- /**
18
- * Элемент пагинации точками.
19
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
20
- */
21
- export var PaginationDot = /*#__PURE__*/_styled(DotBase, {
22
- target: "e14yjkg30",
23
- label: "plasma-new-hope__PaginationDot"
24
- })("cursor:pointer;background:", function (_ref3) {
25
- var isActive = _ref3.isActive;
26
- return isActive ? 'var(--text-accent)' : 'var(--surfaceTransparentTertiary)';
27
- }, ";&:hover{background:var(--text-accent);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFBhZ2luYXRpb25Eb3RQcm9wcyBleHRlbmRzIFJlYWN0LkxpSFRNTEF0dHJpYnV0ZXM8SFRNTExJRWxlbWVudD4ge1xuICAgIC8qKlxuICAgICAqINCt0LvQtdC80LXQvdGCINCw0LrRgtC40LLQtdC9XG4gICAgICovXG4gICAgaXNBY3RpdmU6IGJvb2xlYW47XG59XG5cbi8qKlxuICog0K3Qu9C10LzQtdC90YIg0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBEb3RCYXNlID0gc3R5bGVkLmxpPFBhZ2luYXRpb25Eb3RQcm9wcz5gXG4gICAgd2lkdGg6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzEuNzVyZW0nIDogJzAuMzc1cmVtJyl9O1xuICAgIGhlaWdodDogMC4zNzVyZW07XG4gICAgYm9yZGVyLXJhZGl1czogMXJlbTtcbiAgICBiYWNrZ3JvdW5kOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICd2YXIoLS10ZXh0LXByaW1hcnkpJyA6ICd2YXIoLS1zdXJmYWNlVHJhbnNwYXJlbnRUZXJ0aWFyeSknKX07XG4gICAgdHJhbnNpdGlvbjogd2lkdGggMC4xcyBlYXNlLWluLW91dCwgYmFja2dyb3VuZCAwLjNzIGVhc2UtaW4tb3V0O1xuICAgIGZvbnQtc2l6ZTogMC41cmVtO1xuXG4gICAgJiArICYge1xuICAgICAgICBtYXJnaW4tbGVmdDogMC4zNzVyZW07XG4gICAgfVxuXG4gICAgJjpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IDAgbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCt0LvQtdC80LXQvdGCINC/0LDQs9C40L3QsNGG0LjQuCDRgtC+0YfQutCw0LzQuC5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkRvdCA9IHN0eWxlZChEb3RCYXNlKTxQYWdpbmF0aW9uRG90UHJvcHM+YFxuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgIGJhY2tncm91bmQ6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJ3ZhcigtLXRleHQtYWNjZW50KScgOiAndmFyKC0tc3VyZmFjZVRyYW5zcGFyZW50VGVydGlhcnkpJyl9O1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigtLXRleHQtYWNjZW50KTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -1,27 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
- /**
4
- * Оборачивающий компонент для пагинации точками.
5
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
6
- */
7
- export var DotsBase = /*#__PURE__*/_styled("ul", {
8
- target: "e126omqy1",
9
- label: "plasma-new-hope__DotsBase"
10
- })(process.env.NODE_ENV === "production" ? {
11
- name: "1gpamx1",
12
- styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none"
13
- } : {
14
- name: "1gpamx1",
15
- styles: "display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none",
16
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1pQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhZ2luYXRpb25Eb3RzL1BhZ2luYXRpb25Eb3RzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiDQntCx0L7RgNCw0YfQuNCy0LDRjtGJ0LjQuSDQutC+0LzQv9C+0L3QtdC90YIg0LTQu9GPINC/0LDQs9C40L3QsNGG0LjQuCDRgtC+0YfQutCw0LzQuC5cbiAqINCh0YLQuNC70LjQt9C+0LLQsNC90L3Ri9C5INC60L7QvNC/0L7QvdC10L3Rgiwg0L7QsdC70LDQtNCw0Y7RidC40Lkg0LLRgdC10LzQuCDRgdCy0L7QudGB0YLQstCw0LzQuCBgYGRpdmBgLlxuICovXG5leHBvcnQgY29uc3QgRG90c0Jhc2UgPSBzdHlsZWQudWxgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgYWxpZ24tc2VsZjogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbmA7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25Eb3RzID0gc3R5bGVkKERvdHNCYXNlKWBgO1xuIl19 */",
17
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
18
- });
19
-
20
- /**
21
- * Оборачивающий компонент для пагинации точками.
22
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
23
- */
24
- export var PaginationDots = /*#__PURE__*/_styled(DotsBase, {
25
- target: "e126omqy0",
26
- label: "plasma-new-hope__PaginationDots"
27
- })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFnaW5hdGlvbkRvdHMvUGFnaW5hdGlvbkRvdHMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9COEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYWdpbmF0aW9uRG90cy9QYWdpbmF0aW9uRG90cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbi8qKlxuICog0J7QsdC+0YDQsNGH0LjQstCw0Y7RidC40Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQv9Cw0LPQuNC90LDRhtC40Lgg0YLQvtGH0LrQsNC80LguXG4gKiDQodGC0LjQu9C40LfQvtCy0LDQvdC90YvQuSDQutC+0LzQv9C+0L3QtdC90YIsINC+0LHQu9Cw0LTQsNGO0YnQuNC5INCy0YHQtdC80Lgg0YHQstC+0LnRgdGC0LLQsNC80LggYGBkaXZgYC5cbiAqL1xuZXhwb3J0IGNvbnN0IERvdHNCYXNlID0gc3R5bGVkLnVsYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC13cmFwOiB3cmFwO1xuICAgIGFsaWduLXNlbGY6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG5gO1xuXG4vKipcbiAqINCe0LHQvtGA0LDRh9C40LLQsNGO0YnQuNC5INC60L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L/QsNCz0LjQvdCw0YbQuNC4INGC0L7Rh9C60LDQvNC4LlxuICog0KHRgtC40LvQuNC30L7QstCw0L3QvdGL0Lkg0LrQvtC80L/QvtC90LXQvdGCLCDQvtCx0LvQsNC00LDRjtGJ0LjQuSDQstGB0LXQvNC4INGB0LLQvtC50YHRgtCy0LDQvNC4IGBgZGl2YGAuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uRG90cyA9IHN0eWxlZChEb3RzQmFzZSlgYDtcbiJdfQ== */");
@@ -1,35 +0,0 @@
1
- var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
2
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
3
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
4
- import React from 'react';
5
- import { usePaginationDots } from "./usePaginationDots";
6
- import { PaginationDots } from "./PaginationDots";
7
- import { PaginationDot } from "./PaginationDot";
8
- /**
9
- * Компонент для отображения точек пагинации
10
- * с возможностью ограничения количества видимых элементов.
11
- */
12
- export var SmartPaginationDots = function SmartPaginationDots(_ref) {
13
- var items = _ref.items,
14
- index = _ref.index,
15
- visibleItems = _ref.visibleItems,
16
- onIndexChange = _ref.onIndexChange,
17
- rest = _objectWithoutProperties(_ref, _excluded);
18
- var _usePaginationDots = usePaginationDots({
19
- items: items,
20
- index: index,
21
- visibleItems: visibleItems
22
- }),
23
- sliced = _usePaginationDots.sliced,
24
- activeId = _usePaginationDots.activeId;
25
- return /*#__PURE__*/React.createElement(PaginationDots, rest, sliced.map(function (_ref2, i) {
26
- var id = _ref2.id;
27
- return /*#__PURE__*/React.createElement(PaginationDot, {
28
- key: "item:".concat(i),
29
- isActive: id === activeId,
30
- onClick: function onClick() {
31
- return onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(i);
32
- }
33
- });
34
- }));
35
- };
@@ -1,3 +0,0 @@
1
- export { SmartPaginationDots } from "./SmartPaginationDots";
2
- export { PaginationDots } from "./PaginationDots";
3
- export { PaginationDot } from "./PaginationDot";
@@ -1,32 +0,0 @@
1
- import { useRef } from 'react';
2
- export var usePaginationDots = function usePaginationDots(_ref) {
3
- var items = _ref.items,
4
- index = _ref.index,
5
- _ref$visibleItems = _ref.visibleItems,
6
- visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
7
- var activeId = items[index].id;
8
- var prevIndex = useRef(null);
9
- var direction = 0;
10
- if (prevIndex.current !== null) {
11
- direction = index > prevIndex.current ? 1 : -1;
12
- }
13
- var start;
14
- var end;
15
- if (direction === 1) {
16
- end = Math.min(Math.max(index + 2, visibleItems), items.length);
17
- start = Math.max(end - visibleItems, 0);
18
- } else if (direction === -1) {
19
- start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
20
- end = start + visibleItems;
21
- } else {
22
- start = Math.max(index - Math.floor(visibleItems / 2), 0);
23
- end = Math.min(start + visibleItems, items.length);
24
- start = end - visibleItems;
25
- }
26
- var sliced = items.slice(start, end);
27
- prevIndex.current = index;
28
- return {
29
- sliced: sliced,
30
- activeId: activeId
31
- };
32
- };