@salutejs/plasma-new-hope 0.324.0-canary.1970.15071087422.0 → 0.324.0-canary.1976.15107513065.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.js.map +1 -1
- package/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Carousel/Carousel.js.map +1 -1
- package/cjs/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/utils/getOriginalDates.js.map +1 -1
- package/cjs/components/DatePicker/utils/normalizeDates.js.map +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/cjs/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
- package/cjs/components/Select/ui/SelectNative/SelectNative.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.css +2 -2
- package/cjs/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/cjs/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/Toast/ToastNew/ToastNew.js.map +1 -1
- package/cjs/components/Toast/ToastNew/ToastNew.styles.js.map +1 -1
- package/cjs/index.css +0 -6
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +2 -2
- package/emotion/cjs/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +4 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -3
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +1 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/emotion/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +12 -12
- package/emotion/cjs/components/Select/ui/SelectNative/SelectNative.styles.js +1 -1
- package/emotion/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +7 -7
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -5
- package/emotion/cjs/components/Slider/components/Double/Double.styles.js +7 -7
- package/emotion/cjs/components/TextField/TextField.styles.js +22 -22
- package/emotion/cjs/components/Toast/ToastNew/ToastNew.styles.js +4 -4
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js +2 -2
- package/emotion/es/components/DatePicker/DatePickerBase.styles.js +3 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +4 -4
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +3 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +4 -4
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +1 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/emotion/es/components/Select/ui/Inner/ui/Item/Item.styles.js +12 -12
- package/emotion/es/components/Select/ui/SelectNative/SelectNative.styles.js +1 -1
- package/emotion/es/components/Select/ui/Target/ui/Button/Button.styles.js +7 -7
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +5 -5
- package/emotion/es/components/Slider/components/Double/Double.styles.js +7 -7
- package/emotion/es/components/TextField/TextField.styles.js +22 -22
- package/emotion/es/components/Toast/ToastNew/ToastNew.styles.js +4 -4
- package/emotion/es/index.js +1 -2
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/ui/SuggestionItem/SuggestionItem.styles.js.map +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Carousel/Carousel.js.map +1 -1
- package/es/components/DatePicker/DatePickerBase.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/utils/getOriginalDates.js.map +1 -1
- package/es/components/DatePicker/utils/normalizeDates.js.map +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.js.map +1 -1
- package/es/components/Select/ui/Inner/ui/Item/Item.styles.js.map +1 -1
- package/es/components/Select/ui/SelectNative/SelectNative.js.map +1 -1
- package/es/components/Select/ui/SelectNative/SelectNative.styles.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +2 -2
- package/es/components/Select/ui/Target/ui/Button/Button.css +2 -2
- package/es/components/Select/ui/Target/ui/Button/Button.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Button/Button.styles.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js.map +1 -1
- package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/Toast/ToastNew/ToastNew.js.map +1 -1
- package/es/components/Toast/ToastNew/ToastNew.styles.js.map +1 -1
- package/es/index.css +0 -6
- package/es/index.js +0 -3
- package/es/index.js.map +1 -1
- package/package.json +3 -4
- package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +1 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/styled-components/cjs/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/styled-components/cjs/components/Select/ui/Target/ui/Button/Button.styles.js +2 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/DatePicker/DatePickerBase.styles.js +1 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.js +1 -1
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +1 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js +1 -1
- package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.styles.js +1 -1
- package/styled-components/es/components/Select/ui/Target/ui/Button/Button.styles.js +2 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js +1 -1
- package/styled-components/es/index.js +1 -2
- package/types/components/Autocomplete/Autocomplete.d.ts +1 -1
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Carousel/Carousel.d.ts +1 -1
- package/types/components/Carousel/Carousel.d.ts.map +1 -1
- package/types/components/Carousel/Carousel.types.d.ts +1 -1
- package/types/components/Carousel/Carousel.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts +3 -3
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.styles.d.ts.map +1 -1
- package/types/components/Select/ui/SelectNative/SelectNative.styles.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -1
- package/types/components/Toast/ToastNew/ToastNew.d.ts +1 -1
- package/types/components/Toast/ToastNew/ToastNew.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/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/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,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"}
|