@salutejs/plasma-new-hope 0.324.0-canary.1970.15071087422.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.
- package/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/cjs/components/Range/Range.css +1 -1
- package/cjs/components/Select/Select.css +1 -1
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/cjs/components/Table/Table.css +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +2 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base_18kkeb9.css +1 -0
- package/cjs/index.css +1 -7
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
- package/emotion/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +2 -1
- package/emotion/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/emotion/es/index.js +1 -2
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/es/components/Pagination/Pagination.css +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/es/components/Range/Range.css +1 -1
- package/es/components/Select/Select.css +1 -1
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/es/components/Table/Table.css +1 -1
- package/es/components/Table/ui/Cell/Cell.css +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +2 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/es/components/TextField/variations/_label-placement/base.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base_18kkeb9.css +1 -0
- package/es/index.css +1 -7
- package/es/index.js +0 -3
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/styled-components/es/index.js +1 -2
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/PaginationDots/PaginationDot.js +0 -58
- package/cjs/components/PaginationDots/PaginationDot.js.map +0 -1
- package/cjs/components/PaginationDots/PaginationDot_baul9c.css +0 -2
- package/cjs/components/PaginationDots/PaginationDots.js +0 -33
- package/cjs/components/PaginationDots/PaginationDots.js.map +0 -1
- package/cjs/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
- package/cjs/components/PaginationDots/SmartPaginationDots.css +0 -5
- package/cjs/components/PaginationDots/SmartPaginationDots.js +0 -46
- package/cjs/components/PaginationDots/SmartPaginationDots.js.map +0 -1
- package/cjs/components/PaginationDots/usePaginationDots.js +0 -40
- package/cjs/components/PaginationDots/usePaginationDots.js.map +0 -1
- package/cjs/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
- package/emotion/cjs/components/PaginationDots/PaginationDot.js +0 -34
- package/emotion/cjs/components/PaginationDots/PaginationDots.js +0 -34
- package/emotion/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
- package/emotion/cjs/components/PaginationDots/index.js +0 -26
- package/emotion/cjs/components/PaginationDots/usePaginationDots.js +0 -38
- package/emotion/es/components/PaginationDots/PaginationDot.js +0 -27
- package/emotion/es/components/PaginationDots/PaginationDots.js +0 -27
- package/emotion/es/components/PaginationDots/SmartPaginationDots.js +0 -35
- package/emotion/es/components/PaginationDots/index.js +0 -3
- package/emotion/es/components/PaginationDots/usePaginationDots.js +0 -32
- package/es/components/PaginationDots/PaginationDot.js +0 -53
- package/es/components/PaginationDots/PaginationDot.js.map +0 -1
- package/es/components/PaginationDots/PaginationDot_baul9c.css +0 -2
- package/es/components/PaginationDots/PaginationDots.js +0 -28
- package/es/components/PaginationDots/PaginationDots.js.map +0 -1
- package/es/components/PaginationDots/PaginationDots_fm2ha5.css +0 -2
- package/es/components/PaginationDots/SmartPaginationDots.css +0 -5
- package/es/components/PaginationDots/SmartPaginationDots.js +0 -38
- package/es/components/PaginationDots/SmartPaginationDots.js.map +0 -1
- package/es/components/PaginationDots/usePaginationDots.js +0 -36
- package/es/components/PaginationDots/usePaginationDots.js.map +0 -1
- package/es/components/TextField/variations/_label-placement/base_jfnl8i.css +0 -1
- package/styled-components/cjs/components/PaginationDots/PaginationDot.js +0 -32
- package/styled-components/cjs/components/PaginationDots/PaginationDots.js +0 -23
- package/styled-components/cjs/components/PaginationDots/SmartPaginationDots.js +0 -42
- package/styled-components/cjs/components/PaginationDots/index.js +0 -26
- package/styled-components/cjs/components/PaginationDots/usePaginationDots.js +0 -38
- package/styled-components/es/components/PaginationDots/PaginationDot.js +0 -25
- package/styled-components/es/components/PaginationDots/PaginationDots.js +0 -17
- package/styled-components/es/components/PaginationDots/SmartPaginationDots.js +0 -35
- package/styled-components/es/components/PaginationDots/index.js +0 -3
- package/styled-components/es/components/PaginationDots/usePaginationDots.js +0 -32
- package/types/components/PaginationDots/PaginationDot.d.ts +0 -20
- package/types/components/PaginationDots/PaginationDot.d.ts.map +0 -1
- package/types/components/PaginationDots/PaginationDots.d.ts +0 -14
- package/types/components/PaginationDots/PaginationDots.d.ts.map +0 -1
- package/types/components/PaginationDots/SmartPaginationDots.d.ts +0 -14
- package/types/components/PaginationDots/SmartPaginationDots.d.ts.map +0 -1
- package/types/components/PaginationDots/index.d.ts +0 -6
- package/types/components/PaginationDots/index.d.ts.map +0 -1
- package/types/components/PaginationDots/usePaginationDots.d.ts +0 -14
- package/types/components/PaginationDots/usePaginationDots.d.ts.map +0 -1
@@ -1,53 +0,0 @@
|
|
1
|
-
import './PaginationDot_baul9c.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
/**
|
5
|
-
* Элемент пагинации точками.
|
6
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
7
|
-
*/
|
8
|
-
var _exp = function _exp() {
|
9
|
-
return function (_ref) {
|
10
|
-
var isActive = _ref.isActive;
|
11
|
-
return isActive ? '1.75rem' : '0.375rem';
|
12
|
-
};
|
13
|
-
};
|
14
|
-
var _exp2 = function _exp2() {
|
15
|
-
return function (_ref2) {
|
16
|
-
var isActive = _ref2.isActive;
|
17
|
-
return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
|
18
|
-
};
|
19
|
-
};
|
20
|
-
var DotBase = /*#__PURE__*/styled('li')({
|
21
|
-
name: "DotBase",
|
22
|
-
"class": "d1mcs0w2",
|
23
|
-
propsAsIs: false,
|
24
|
-
vars: {
|
25
|
-
"d1mcs0w2-0": [/*#__PURE__*/_exp()],
|
26
|
-
"d1mcs0w2-1": [/*#__PURE__*/_exp2()]
|
27
|
-
}
|
28
|
-
});
|
29
|
-
|
30
|
-
/**
|
31
|
-
* Элемент пагинации точками.
|
32
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
33
|
-
*/
|
34
|
-
var _exp3 = function _exp3() {
|
35
|
-
return DotBase;
|
36
|
-
};
|
37
|
-
var _exp4 = function _exp4() {
|
38
|
-
return function (_ref3) {
|
39
|
-
var isActive = _ref3.isActive;
|
40
|
-
return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
|
41
|
-
};
|
42
|
-
};
|
43
|
-
var PaginationDot = /*#__PURE__*/styled(_exp3())({
|
44
|
-
name: "PaginationDot",
|
45
|
-
"class": "poypaki",
|
46
|
-
propsAsIs: true,
|
47
|
-
vars: {
|
48
|
-
"poypaki-0": [/*#__PURE__*/_exp4()]
|
49
|
-
}
|
50
|
-
});
|
51
|
-
|
52
|
-
export { DotBase, PaginationDot };
|
53
|
-
//# 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(--surface-transparent-tertiary)')};\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(--surface-transparent-tertiary)')};\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,qCAAsC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJvG,IAAMG,OAAO,gBAAGC,MAAM,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,KAA4F,EAAA,CAAA;AAAA,GAAA;AAAA,CAW7G,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,qCAAsC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHtG,IAAMY,aAAa,gBAAGR,MAAM,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,KAA2F,EAAA,CAAA;AAAA,GAAA;AAAA,CAK5G;;;;"}
|
@@ -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,28 +0,0 @@
|
|
1
|
-
import './PaginationDots_fm2ha5.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
/**
|
5
|
-
* Оборачивающий компонент для пагинации точками.
|
6
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
7
|
-
*/
|
8
|
-
var DotsBase = /*#__PURE__*/styled('ul')({
|
9
|
-
name: "DotsBase",
|
10
|
-
"class": "dut2ldg",
|
11
|
-
propsAsIs: false
|
12
|
-
});
|
13
|
-
|
14
|
-
/**
|
15
|
-
* Оборачивающий компонент для пагинации точками.
|
16
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
17
|
-
*/
|
18
|
-
var _exp = function _exp() {
|
19
|
-
return DotsBase;
|
20
|
-
};
|
21
|
-
var PaginationDots = /*#__PURE__*/styled(_exp())({
|
22
|
-
name: "PaginationDots",
|
23
|
-
"class": "p1m9slup",
|
24
|
-
propsAsIs: true
|
25
|
-
});
|
26
|
-
|
27
|
-
export { DotsBase, PaginationDots };
|
28
|
-
//# 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,MAAM,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,MAAM,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,38 +0,0 @@
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React from 'react';
|
3
|
-
import { usePaginationDots } from './usePaginationDots.js';
|
4
|
-
import { PaginationDots } from './PaginationDots.js';
|
5
|
-
import { PaginationDot } from './PaginationDot.js';
|
6
|
-
|
7
|
-
var _excluded = ["items", "index", "visibleItems", "onIndexChange"];
|
8
|
-
/**
|
9
|
-
* Компонент для отображения точек пагинации
|
10
|
-
* с возможностью ограничения количества видимых элементов.
|
11
|
-
*/
|
12
|
-
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
|
-
};
|
36
|
-
|
37
|
-
export { SmartPaginationDots };
|
38
|
-
//# 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,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EAEP,IAAAC,kBAAA,GAA6BC,iBAAiB,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,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAKT,IAAI,EACnBK,MAAM,CAACK,GAAG,CAAC,UAAAC,KAAA,EAASC,CAAC,EAAA;AAAA,IAAA,IAAPC,EAAE,GAAAF,KAAA,CAAFE,EAAE,CAAA;AAAA,IAAA,oBACbN,KAAA,CAAAC,aAAA,CAACM,aAAa,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,36 +0,0 @@
|
|
1
|
-
import { useRef } from 'react';
|
2
|
-
|
3
|
-
var usePaginationDots = function usePaginationDots(_ref) {
|
4
|
-
var items = _ref.items,
|
5
|
-
index = _ref.index,
|
6
|
-
_ref$visibleItems = _ref.visibleItems,
|
7
|
-
visibleItems = _ref$visibleItems === void 0 ? 7 : _ref$visibleItems;
|
8
|
-
var activeId = items[index].id;
|
9
|
-
var prevIndex = useRef(null);
|
10
|
-
var direction = 0;
|
11
|
-
if (prevIndex.current !== null) {
|
12
|
-
direction = index > prevIndex.current ? 1 : -1;
|
13
|
-
}
|
14
|
-
var start;
|
15
|
-
var end;
|
16
|
-
if (direction === 1) {
|
17
|
-
end = Math.min(Math.max(index + 2, visibleItems), items.length);
|
18
|
-
start = Math.max(end - visibleItems, 0);
|
19
|
-
} else if (direction === -1) {
|
20
|
-
start = Math.min(Math.max(index - 1, 0), items.length - visibleItems);
|
21
|
-
end = start + visibleItems;
|
22
|
-
} else {
|
23
|
-
start = Math.max(index - Math.floor(visibleItems / 2), 0);
|
24
|
-
end = Math.min(start + visibleItems, items.length);
|
25
|
-
start = end - visibleItems;
|
26
|
-
}
|
27
|
-
var sliced = items.slice(start, end);
|
28
|
-
prevIndex.current = index;
|
29
|
-
return {
|
30
|
-
sliced: sliced,
|
31
|
-
activeId: activeId
|
32
|
-
};
|
33
|
-
};
|
34
|
-
|
35
|
-
export { usePaginationDots };
|
36
|
-
//# 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,MAAM,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,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.PaginationDot = exports.DotBase = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
9
|
-
/**
|
10
|
-
* Элемент пагинации точками.
|
11
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
12
|
-
*/
|
13
|
-
var DotBase = exports.DotBase = /*#__PURE__*/_styledComponents["default"].li.withConfig({
|
14
|
-
componentId: "plasma-new-hope__sc-1lu8gfj-0"
|
15
|
-
})(["width:", ";height:0.375rem;border-radius:1rem;background:", ";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;}"], function (_ref) {
|
16
|
-
var isActive = _ref.isActive;
|
17
|
-
return isActive ? '1.75rem' : '0.375rem';
|
18
|
-
}, function (_ref2) {
|
19
|
-
var isActive = _ref2.isActive;
|
20
|
-
return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
|
21
|
-
});
|
22
|
-
|
23
|
-
/**
|
24
|
-
* Элемент пагинации точками.
|
25
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
26
|
-
*/
|
27
|
-
var PaginationDot = exports.PaginationDot = /*#__PURE__*/(0, _styledComponents["default"])(DotBase).withConfig({
|
28
|
-
componentId: "plasma-new-hope__sc-1lu8gfj-1"
|
29
|
-
})(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
|
30
|
-
var isActive = _ref3.isActive;
|
31
|
-
return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
|
32
|
-
});
|
@@ -1,23 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.PaginationDots = exports.DotsBase = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
8
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
9
|
-
/**
|
10
|
-
* Оборачивающий компонент для пагинации точками.
|
11
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
12
|
-
*/
|
13
|
-
var DotsBase = exports.DotsBase = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
|
14
|
-
componentId: "plasma-new-hope__sc-1ritf0l-0"
|
15
|
-
})(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
|
16
|
-
|
17
|
-
/**
|
18
|
-
* Оборачивающий компонент для пагинации точками.
|
19
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
20
|
-
*/
|
21
|
-
var PaginationDots = exports.PaginationDots = /*#__PURE__*/(0, _styledComponents["default"])(DotsBase).withConfig({
|
22
|
-
componentId: "plasma-new-hope__sc-1ritf0l-1"
|
23
|
-
})([""]);
|
@@ -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,25 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
/**
|
3
|
-
* Элемент пагинации точками.
|
4
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
5
|
-
*/
|
6
|
-
export var DotBase = /*#__PURE__*/styled.li.withConfig({
|
7
|
-
componentId: "plasma-new-hope__sc-1lu8gfj-0"
|
8
|
-
})(["width:", ";height:0.375rem;border-radius:1rem;background:", ";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;}"], function (_ref) {
|
9
|
-
var isActive = _ref.isActive;
|
10
|
-
return isActive ? '1.75rem' : '0.375rem';
|
11
|
-
}, function (_ref2) {
|
12
|
-
var isActive = _ref2.isActive;
|
13
|
-
return isActive ? 'var(--text-primary)' : 'var(--surface-transparent-tertiary)';
|
14
|
-
});
|
15
|
-
|
16
|
-
/**
|
17
|
-
* Элемент пагинации точками.
|
18
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
19
|
-
*/
|
20
|
-
export var PaginationDot = /*#__PURE__*/styled(DotBase).withConfig({
|
21
|
-
componentId: "plasma-new-hope__sc-1lu8gfj-1"
|
22
|
-
})(["cursor:pointer;background:", ";&:hover{background:var(--text-accent);}"], function (_ref3) {
|
23
|
-
var isActive = _ref3.isActive;
|
24
|
-
return isActive ? 'var(--text-accent)' : 'var(--surface-transparent-tertiary)';
|
25
|
-
});
|
@@ -1,17 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
|
3
|
-
/**
|
4
|
-
* Оборачивающий компонент для пагинации точками.
|
5
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
6
|
-
*/
|
7
|
-
export var DotsBase = /*#__PURE__*/styled.ul.withConfig({
|
8
|
-
componentId: "plasma-new-hope__sc-1ritf0l-0"
|
9
|
-
})(["display:flex;flex-wrap:wrap;align-self:center;align-items:center;margin:0;padding:0;list-style:none;"]);
|
10
|
-
|
11
|
-
/**
|
12
|
-
* Оборачивающий компонент для пагинации точками.
|
13
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
14
|
-
*/
|
15
|
-
export var PaginationDots = /*#__PURE__*/styled(DotsBase).withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-1ritf0l-1"
|
17
|
-
})([""]);
|
@@ -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,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
|
-
};
|
@@ -1,20 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export interface PaginationDotProps extends React.LiHTMLAttributes<HTMLLIElement> {
|
3
|
-
/**
|
4
|
-
* Элемент активен
|
5
|
-
*/
|
6
|
-
isActive: boolean;
|
7
|
-
}
|
8
|
-
/**
|
9
|
-
* Элемент пагинации точками.
|
10
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
11
|
-
*/
|
12
|
-
export declare const DotBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & PaginationDotProps>;
|
13
|
-
/**
|
14
|
-
* Элемент пагинации точками.
|
15
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
16
|
-
*/
|
17
|
-
export declare const PaginationDot: import("@linaria/react").StyledComponent<PaginationDotProps & import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & {
|
18
|
-
as?: import("react").ElementType<any> | undefined;
|
19
|
-
}>;
|
20
|
-
//# sourceMappingURL=PaginationDot.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PaginationDot.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDot.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IAC7E;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,iKAenB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;EAQzB,CAAC"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
/**
|
3
|
-
* Оборачивающий компонент для пагинации точками.
|
4
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
5
|
-
*/
|
6
|
-
export declare const DotsBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown>>;
|
7
|
-
/**
|
8
|
-
* Оборачивающий компонент для пагинации точками.
|
9
|
-
* Стилизованный компонент, обладающий всеми свойствами ``div``.
|
10
|
-
*/
|
11
|
-
export declare const PaginationDots: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & Record<never, unknown> & {
|
12
|
-
as?: import("react").ElementType<any> | undefined;
|
13
|
-
}>;
|
14
|
-
//# sourceMappingURL=PaginationDots.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"PaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/PaginationDots.tsx"],"names":[],"mappings":";AAEA;;;GAGG;AACH,eAAO,MAAM,QAAQ,yKAQpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc;;EAAqB,CAAC"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { SmartPaginationDotsProps as BaseProps } from './usePaginationDots';
|
3
|
-
export interface SmartPaginationDotsProps extends BaseProps, React.HTMLAttributes<HTMLUListElement> {
|
4
|
-
/**
|
5
|
-
* Обработчик изменения индекса
|
6
|
-
*/
|
7
|
-
onIndexChange?: (index: number) => void;
|
8
|
-
}
|
9
|
-
/**
|
10
|
-
* Компонент для отображения точек пагинации
|
11
|
-
* с возможностью ограничения количества видимых элементов.
|
12
|
-
*/
|
13
|
-
export declare const SmartPaginationDots: React.FC<SmartPaginationDotsProps>;
|
14
|
-
//# sourceMappingURL=SmartPaginationDots.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"SmartPaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/SmartPaginationDots.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,wBAAwB,IAAI,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAI/F,MAAM,WAAW,wBAAyB,SAAQ,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/F;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgBlE,CAAC"}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
export { SmartPaginationDots } from './SmartPaginationDots';
|
2
|
-
export type { SmartPaginationDotsProps } from './SmartPaginationDots';
|
3
|
-
export { PaginationDots } from './PaginationDots';
|
4
|
-
export { PaginationDot } from './PaginationDot';
|
5
|
-
export type { PaginationDotProps } from './PaginationDot';
|
6
|
-
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
export interface SmartPaginationDotsProps {
|
2
|
-
items: Array<{
|
3
|
-
id: number | string;
|
4
|
-
}>;
|
5
|
-
index: number;
|
6
|
-
visibleItems?: number;
|
7
|
-
}
|
8
|
-
export declare const usePaginationDots: ({ items, index, visibleItems }: SmartPaginationDotsProps) => {
|
9
|
-
sliced: {
|
10
|
-
id: number | string;
|
11
|
-
}[];
|
12
|
-
activeId: string | number;
|
13
|
-
};
|
14
|
-
//# sourceMappingURL=usePaginationDots.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"usePaginationDots.d.ts","sourceRoot":"","sources":["../../../src/components/PaginationDots/usePaginationDots.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,wBAAwB;IACrC,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,iBAAiB,mCAAwC,wBAAwB;;YALvE,MAAM,GAAG,MAAM;;;CAqCrC,CAAC"}
|