npm - @salutejs/plasma-new-hope - Versions diffs - 0.68.0-canary.1155.8481923291.0 → 0.68.1-canary.1154.8507812308.0 - Mend

@salutejs/plasma-new-hope 0.68.0-canary.1155.8481923291.0 → 0.68.1-canary.1154.8507812308.0

Files changed (31) hide show

package/cjs/components/Pagination/Pagination.js CHANGED Viewed

@@ -56,7 +56,7 @@ var paginationRoot = function paginationRoot(Root) {
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-    var _useState = React.useState(value !== null && value !== void 0 ? value : index.defaultValues.value),
+    var _useState = React.useState(1),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
       page = _useState2[0],
       setPageValue = _useState2[1];
@@ -98,9 +98,8 @@ var paginationRoot = function paginationRoot(Root) {
       onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(newPageValue);
     };
     var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
-      setPageValue(1);
+      handlerSetPage(1);
       setPerPageValue(newPerPageValue);
-      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(1);
       onChangePerPageValue === null || onChangePerPageValue === void 0 ? void 0 : onChangePerPageValue(newPerPageValue);
       handlerSetPages(newPerPageValue);
     };
@@ -109,7 +108,10 @@ var paginationRoot = function paginationRoot(Root) {
     };
     React.useEffect(function () {
       handlerSetPages(perPage);
-    }, [perPage, handlerSetPages]);
+    }, [perPage, count, handlerSetPages]);
+    React.useEffect(function () {
+      handlerSetPage(value !== null && value !== void 0 ? value : index.defaultValues.value);
+    }, [value, index.defaultValues]);
     React.useEffect(function () {
       setSections(index.getSections(page, pages, slots));
     }, [page, slots, pages, setSections, index.getSections]);

package/cjs/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootProps } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootProps<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value = defaultValues.value,\n perPage,\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n onChangePageValue,\n onChangePerPageValue,\n ...rest\n },\n ref,\n ) => {\n const [page, setPageValue] = useState<number>(value ?? defaultValues.value);\n const [perPageValue, setPerPageValue] = useState(perPage);\n const [pages, setPagesValue] = useState<number>(value);\n const [sections, setSections] = useState<number[][] \| null>(null);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const handlerSetPages = (newPerPage?: number) => {\n setPagesValue(Math.ceil(count / (newPerPage \|\| (hasPerPage ? defaultValues.perPage : 1))));\n };\n\n const handlerSetPage = (newPageValue?: number) => {\n newPageValue = newPageValue ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n if (disabled.includes(newPageValue)) {\n return;\n }\n setPageValue(newPageValue);\n onChangePageValue?.(newPageValue);\n };\n\n const handlerSetPerPage = (newPerPageValue?: number) => {\n setPageValue(1);\n setPerPageValue(newPerPageValue);\n onChangePageValue?.(1);\n onChangePerPageValue?.(newPerPageValue);\n\n handlerSetPages(newPerPageValue);\n };\n\n const isActiveButton = (checkPage: number) => {\n return page === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n handlerSetPages(perPage);\n }, [perPage, handlerSetPages]);\n\n useEffect(() => {\n setSections(getSections(page, pages, slots));\n }, [page, slots, pages, setSections, getSections]);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <>\n {indexSection !== 0 && (\n <PaginationShorter stretching=\"fixed\" disabled>\n ...\n </PaginationShorter>\n )}\n <PaginationSection key={indexSection}>\n {section.map((pageValue) => (\n <PaginationButton\n square={square}\n pin={roundedClass}\n key={pageValue}\n onClick={() => handlerSetPage(pageValue)}\n disabled={disabled.includes(pageValue)}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(pageValue),\n )}\n >\n {pageValue}\n </PaginationButton>\n ))}\n </PaginationSection>\n </>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handlerSetPage}\n />\n )}\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n value={perPageValue}\n valuesList={perPageList}\n onChangeValue={handlerSetPerPage}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","onChangePageValue","onChangePerPageValue","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","_newPageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","_PaginationShorter","PaginationShorter","stretching","PaginationSection","key","pageValue","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","valuesList","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootProps } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootProps<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value = defaultValues.value,\n perPage,\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n onChangePageValue,\n onChangePerPageValue,\n ...rest\n },\n ref,\n ) => {\n const [page, setPageValue] = useState<number>(1);\n const [perPageValue, setPerPageValue] = useState(perPage);\n const [pages, setPagesValue] = useState<number>(value);\n const [sections, setSections] = useState<number[][] \| null>(null);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const handlerSetPages = (newPerPage?: number) => {\n setPagesValue(Math.ceil(count / (newPerPage \|\| (hasPerPage ? defaultValues.perPage : 1))));\n };\n\n const handlerSetPage = (newPageValue?: number) => {\n newPageValue = newPageValue ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n if (disabled.includes(newPageValue)) {\n return;\n }\n setPageValue(newPageValue);\n onChangePageValue?.(newPageValue);\n };\n\n const handlerSetPerPage = (newPerPageValue?: number) => {\n handlerSetPage(1);\n setPerPageValue(newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n\n handlerSetPages(newPerPageValue);\n };\n\n const isActiveButton = (checkPage: number) => {\n return page === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n handlerSetPages(perPage);\n }, [perPage, count, handlerSetPages]);\n\n useEffect(() => {\n handlerSetPage(value ?? defaultValues.value);\n }, [value, defaultValues]);\n\n useEffect(() => {\n setSections(getSections(page, pages, slots));\n }, [page, slots, pages, setSections, getSections]);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <>\n {indexSection !== 0 && (\n <PaginationShorter stretching=\"fixed\" disabled>\n ...\n </PaginationShorter>\n )}\n <PaginationSection key={indexSection}>\n {section.map((pageValue) => (\n <PaginationButton\n square={square}\n pin={roundedClass}\n key={pageValue}\n onClick={() => handlerSetPage(pageValue)}\n disabled={disabled.includes(pageValue)}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(pageValue),\n )}\n >\n {pageValue}\n </PaginationButton>\n ))}\n </PaginationSection>\n </>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handlerSetPage}\n />\n )}\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n value={perPageValue}\n valuesList={perPageList}\n onChangeValue={handlerSetPerPage}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","onChangePageValue","onChangePerPageValue","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","_newPageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","_PaginationShorter","PaginationShorter","stretching","PaginationSection","key","pageValue","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","valuesList","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/es/components/Pagination/Pagination.js CHANGED Viewed

@@ -52,7 +52,7 @@ var paginationRoot = function paginationRoot(Root) {
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = useState(value !== null && value !== void 0 ? value : defaultValues.value),
+    var _useState = useState(1),
       _useState2 = _slicedToArray(_useState, 2),
       page = _useState2[0],
       setPageValue = _useState2[1];
@@ -94,9 +94,8 @@ var paginationRoot = function paginationRoot(Root) {
       onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(newPageValue);
     };
     var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
-      setPageValue(1);
+      handlerSetPage(1);
       setPerPageValue(newPerPageValue);
-      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(1);
       onChangePerPageValue === null || onChangePerPageValue === void 0 ? void 0 : onChangePerPageValue(newPerPageValue);
       handlerSetPages(newPerPageValue);
     };
@@ -105,7 +104,10 @@ var paginationRoot = function paginationRoot(Root) {
     };
     useEffect(function () {
       handlerSetPages(perPage);
-    }, [perPage, handlerSetPages]);
+    }, [perPage, count, handlerSetPages]);
+    useEffect(function () {
+      handlerSetPage(value !== null && value !== void 0 ? value : defaultValues.value);
+    }, [value, defaultValues]);
     useEffect(function () {
       setSections(getSections(page, pages, slots));
     }, [page, slots, pages, setSections, getSections]);

package/es/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootProps } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootProps<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value = defaultValues.value,\n perPage,\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n onChangePageValue,\n onChangePerPageValue,\n ...rest\n },\n ref,\n ) => {\n const [page, setPageValue] = useState<number>(value ?? defaultValues.value);\n const [perPageValue, setPerPageValue] = useState(perPage);\n const [pages, setPagesValue] = useState<number>(value);\n const [sections, setSections] = useState<number[][] \| null>(null);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const handlerSetPages = (newPerPage?: number) => {\n setPagesValue(Math.ceil(count / (newPerPage \|\| (hasPerPage ? defaultValues.perPage : 1))));\n };\n\n const handlerSetPage = (newPageValue?: number) => {\n newPageValue = newPageValue ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n if (disabled.includes(newPageValue)) {\n return;\n }\n setPageValue(newPageValue);\n onChangePageValue?.(newPageValue);\n };\n\n const handlerSetPerPage = (newPerPageValue?: number) => {\n setPageValue(1);\n setPerPageValue(newPerPageValue);\n onChangePageValue?.(1);\n onChangePerPageValue?.(newPerPageValue);\n\n handlerSetPages(newPerPageValue);\n };\n\n const isActiveButton = (checkPage: number) => {\n return page === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n handlerSetPages(perPage);\n }, [perPage, handlerSetPages]);\n\n useEffect(() => {\n setSections(getSections(page, pages, slots));\n }, [page, slots, pages, setSections, getSections]);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <>\n {indexSection !== 0 && (\n <PaginationShorter stretching=\"fixed\" disabled>\n ...\n </PaginationShorter>\n )}\n <PaginationSection key={indexSection}>\n {section.map((pageValue) => (\n <PaginationButton\n square={square}\n pin={roundedClass}\n key={pageValue}\n onClick={() => handlerSetPage(pageValue)}\n disabled={disabled.includes(pageValue)}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(pageValue),\n )}\n >\n {pageValue}\n </PaginationButton>\n ))}\n </PaginationSection>\n </>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handlerSetPage}\n />\n )}\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n value={perPageValue}\n valuesList={perPageList}\n onChangeValue={handlerSetPerPage}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","onChangePageValue","onChangePerPageValue","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","_newPageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","_PaginationShorter","PaginationShorter","stretching","PaginationSection","key","pageValue","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","valuesList","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { useEffect, useState, forwardRef } from 'react';\n\nimport { cx, isNumber } from '../../utils';\nimport { RootProps } from '../../engines';\n\nimport {\n PaginationPages,\n PaginationActions,\n PaginationButton,\n PaginationSection,\n PaginationButtonGroup,\n PaginationRoot,\n PaginationShorter,\n} from './Pagination.styles';\nimport type { PaginationProps } from './Pagination.types';\nimport { getSections, defaultValues } from './utils';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as typeCSS } from './variations/_type/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { classes } from './Pagination.tokens';\nimport { PaginationQuickJumpToPage } from './ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage';\nimport { PaginationSelectPerPage } from './ui/PaginationSelectPerPage/PaginationSelectPerPage';\n\nexport const paginationRoot = (Root: RootProps<HTMLDivElement, PaginationProps>) =>\n forwardRef<HTMLDivElement, PaginationProps>(\n (\n {\n value = defaultValues.value,\n perPage,\n slots = defaultValues.slots,\n\n view,\n viewCurrentPage,\n type = defaultValues.type,\n size,\n pilled = defaultValues.pilled,\n square = defaultValues.square,\n disabledPages = defaultValues.disabledPages,\n\n count = defaultValues.value,\n\n hasQuickJump = defaultValues.hasQuickJump,\n hasPerPage = defaultValues.hasPerPage,\n perPageList = defaultValues.perPageList,\n isCommonButtonStyles = defaultValues.isCommonButtonStyles,\n\n placeholderQuickJump = defaultValues.placeholderQuickJump,\n textQuickJump = defaultValues.textQuickJump,\n textPerPage = defaultValues.textPerPage,\n\n leftContent,\n rightContent,\n\n onChangePageValue,\n onChangePerPageValue,\n ...rest\n },\n ref,\n ) => {\n const [page, setPageValue] = useState<number>(1);\n const [perPageValue, setPerPageValue] = useState(perPage);\n const [pages, setPagesValue] = useState<number>(value);\n const [sections, setSections] = useState<number[][] \| null>(null);\n\n const typeClass = classes[`${type}Type` as keyof typeof classes];\n const roundedClass = pilled ? 'circle-circle' : 'square-square';\n\n const withHasPerPageSelect = hasPerPage ? classes.withHasPerPageSelect : undefined;\n const withHasQuickJump = hasQuickJump ? classes.withHasQuickJump : undefined;\n\n const disabled = disabledPages.map((el) => (isNumber(el) ? Number(el) : null));\n\n const handlerSetPages = (newPerPage?: number) => {\n setPagesValue(Math.ceil(count / (newPerPage \|\| (hasPerPage ? defaultValues.perPage : 1))));\n };\n\n const handlerSetPage = (newPageValue?: number) => {\n newPageValue = newPageValue ?? defaultValues.value;\n if (newPageValue > pages) {\n newPageValue = pages;\n }\n if (newPageValue < 1) {\n newPageValue = 1;\n }\n if (disabled.includes(newPageValue)) {\n return;\n }\n setPageValue(newPageValue);\n onChangePageValue?.(newPageValue);\n };\n\n const handlerSetPerPage = (newPerPageValue?: number) => {\n handlerSetPage(1);\n setPerPageValue(newPerPageValue);\n onChangePerPageValue?.(newPerPageValue);\n\n handlerSetPages(newPerPageValue);\n };\n\n const isActiveButton = (checkPage: number) => {\n return page === checkPage ? classes.paginationPageButtonActive : '';\n };\n\n useEffect(() => {\n handlerSetPages(perPage);\n }, [perPage, count, handlerSetPages]);\n\n useEffect(() => {\n handlerSetPage(value ?? defaultValues.value);\n }, [value, defaultValues]);\n\n useEffect(() => {\n setSections(getSections(page, pages, slots));\n }, [page, slots, pages, setSections, getSections]);\n\n return (\n <Root\n size={size}\n view={view}\n viewCurrentPage={viewCurrentPage}\n className={cx(classes.wrapper, typeClass)}\n ref={ref}\n {...rest}\n >\n <PaginationRoot className={typeClass}>\n <PaginationPages>\n {leftContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {leftContent}\n </PaginationButtonGroup>\n )}\n {sections &&\n sections.map((section, indexSection) => (\n <>\n {indexSection !== 0 && (\n <PaginationShorter stretching=\"fixed\" disabled>\n ...\n </PaginationShorter>\n )}\n <PaginationSection key={indexSection}>\n {section.map((pageValue) => (\n <PaginationButton\n square={square}\n pin={roundedClass}\n key={pageValue}\n onClick={() => handlerSetPage(pageValue)}\n disabled={disabled.includes(pageValue)}\n className={cx(\n classes.paginationPageButton,\n isActiveButton(pageValue),\n )}\n >\n {pageValue}\n </PaginationButton>\n ))}\n </PaginationSection>\n </>\n ))}\n {rightContent && (\n <PaginationButtonGroup isCommonButtonStyles={isCommonButtonStyles}>\n {rightContent}\n </PaginationButtonGroup>\n )}\n </PaginationPages>\n <PaginationActions\n className={cx(classes.actions, typeClass, withHasPerPageSelect, withHasQuickJump)}\n >\n {hasQuickJump && (\n <PaginationQuickJumpToPage\n placeholderQuickJump={placeholderQuickJump}\n textQuickJump={textQuickJump}\n onChangeValue={handlerSetPage}\n />\n )}\n {hasPerPage && (\n <PaginationSelectPerPage\n textPerPage={textPerPage}\n value={perPageValue}\n valuesList={perPageList}\n onChangeValue={handlerSetPerPage}\n />\n )}\n </PaginationActions>\n </PaginationRoot>\n </Root>\n );\n },\n );\n\nexport const paginationConfig = {\n name: 'Pagination',\n tag: 'div',\n layout: paginationRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n type: {\n css: typeCSS,\n },\n },\n defaults: {\n view: 'clear',\n size: 'm',\n },\n};\n"],"names":["paginationRoot","Root","forwardRef","_ref","ref","_ref$value","value","defaultValues","perPage","_ref$slots","slots","view","viewCurrentPage","_ref$type","type","size","_ref$pilled","pilled","_ref$square","square","_ref$disabledPages","disabledPages","_ref$count","count","_ref$hasQuickJump","hasQuickJump","_ref$hasPerPage","hasPerPage","_ref$perPageList","perPageList","_ref$isCommonButtonSt","isCommonButtonStyles","_ref$placeholderQuick","placeholderQuickJump","_ref$textQuickJump","textQuickJump","_ref$textPerPage","textPerPage","leftContent","rightContent","onChangePageValue","onChangePerPageValue","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","page","setPageValue","_useState3","_useState4","perPageValue","setPerPageValue","_useState5","_useState6","pages","setPagesValue","_useState7","_useState8","sections","setSections","typeClass","classes","concat","roundedClass","withHasPerPageSelect","undefined","withHasQuickJump","disabled","map","el","isNumber","Number","handlerSetPages","newPerPage","Math","ceil","handlerSetPage","newPageValue","_newPageValue","includes","handlerSetPerPage","newPerPageValue","isActiveButton","checkPage","paginationPageButtonActive","useEffect","getSections","React","createElement","_extends","className","cx","wrapper","PaginationRoot","PaginationPages","PaginationButtonGroup","section","indexSection","Fragment","_PaginationShorter","PaginationShorter","stretching","PaginationSection","key","pageValue","PaginationButton","pin","onClick","paginationPageButton","PaginationActions","actions","PaginationQuickJumpToPage","onChangeValue","PaginationSelectPerPage","valuesList","paginationConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","typeCSS","defaults"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.68.0-canary.1155.8481923291.0",
+  "version": "0.68.1-canary.1154.8507812308.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -67,7 +67,7 @@
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.153.0",
+    "@salutejs/plasma-sb-utils": "0.154.0-dev.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addons": "^7.6.17",
@@ -97,10 +97,10 @@
     "@linaria/core": "5.0.2",
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
-    "@salutejs/plasma-core": "1.155.0",
+    "@salutejs/plasma-core": "1.156.0-dev.0",
     "focus-visible": "5.2.0",
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "2087ec38dc9b2b9ee695b5268686cf677c5bce1a"
+  "gitHead": "2398ba33eb0142627a62161d60c198c2094b0039"
 }

package/styled-components/cjs/components/Chip/Chip.template-doc.mdx CHANGED Viewed

@@ -70,7 +70,7 @@ export function App() {
 ### Вид Chip
 Вид Chip задается с помощью свойства `view`. Возможные значения свойства `view`:
-+ `"primary"` – основная;
++ `"default"` – основная;
 + `"secondary"` – вторичная;
 + `"positive"` – успешное завершение;
@@ -81,7 +81,7 @@ import { Chip } from '@salutejs/{{ package }}';
 export function App() {
     return (
         <div>
-            <Chip text="Chip" size="m" view="primary" />
+            <Chip text="Chip" size="m" view="default" />
             <Chip text="Chip" size="m" view="secondary" />
             <Chip text="Chip" size="m" view="positive" />
         </div>

package/styled-components/cjs/components/Pagination/Pagination.js CHANGED Viewed

@@ -67,7 +67,7 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = (0, _react.useState)(value !== null && value !== void 0 ? value : _utils2.defaultValues.value),
+    var _useState = (0, _react.useState)(1),
       _useState2 = _slicedToArray(_useState, 2),
       page = _useState2[0],
       setPageValue = _useState2[1];
@@ -109,9 +109,8 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
       onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(newPageValue);
     };
     var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
-      setPageValue(1);
+      handlerSetPage(1);
       setPerPageValue(newPerPageValue);
-      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(1);
       onChangePerPageValue === null || onChangePerPageValue === void 0 ? void 0 : onChangePerPageValue(newPerPageValue);
       handlerSetPages(newPerPageValue);
     };
@@ -120,7 +119,10 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
     };
     (0, _react.useEffect)(function () {
       handlerSetPages(perPage);
-    }, [perPage, handlerSetPages]);
+    }, [perPage, count, handlerSetPages]);
+    (0, _react.useEffect)(function () {
+      handlerSetPage(value !== null && value !== void 0 ? value : _utils2.defaultValues.value);
+    }, [value, _utils2.defaultValues]);
     (0, _react.useEffect)(function () {
       setSections((0, _utils2.getSections)(page, pages, slots));
     }, [page, slots, pages, setSections, _utils2.getSections]);

package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx CHANGED Viewed

@@ -53,7 +53,7 @@ type Story = StoryObj<typeof Pagination>;
 export const Default: Story = {
     args: {
-        count: 20,
+        count: 2000,
         value: 1,
         slots: 9,
         type: 'default',
@@ -71,12 +71,18 @@ const PaginationContent = (agrs) => {
     const [pageValue, setPageValue] = useState(agrs.value);
     const [perPageValue, setPerPageValue] = useState(agrs.perPage);
-    const handleChange = useCallback(
-        (page: number, perPage: number) => {
-            setPerPageValue(perPage);
+    const handleChangePage = useCallback(
+        (page: number) => {
             setPageValue(page);
         },
-        [pageValue, perPageValue, setPageValue, setPerPageValue],
+        [pageValue, setPageValue],
+    );
+    const handleChangePerpage = useCallback(
+        (perPage: number) => {
+            setPerPageValue(perPage);
+        },
+        [perPageValue, setPerPageValue],
     );
     return (
@@ -103,7 +109,8 @@ const PaginationContent = (agrs) => {
                         Next
                     </Button>
                 }
-                onChangeValue={handleChange}
+                onChangePageValue={handleChangePage}
+                onChangePerPageValue={handleChangePerpage}
             />
         </>
     );
@@ -111,7 +118,7 @@ const PaginationContent = (agrs) => {
 export const Content: Story = {
     args: {
-        count: 20,
+        count: 2000,
         value: 1,
         slots: 9,
         type: 'default',

package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.stories.tsx CHANGED Viewed

@@ -53,7 +53,7 @@ type Story = StoryObj<typeof Pagination>;
 export const Default: Story = {
     args: {
-        count: 20,
+        count: 2000,
         value: 1,
         slots: 9,
         type: 'default',
@@ -72,12 +72,18 @@ const PaginationContent = (agrs) => {
     const [pageValue, setPageValue] = useState(agrs.value);
     const [perPageValue, setPerPageValue] = useState(agrs.perPage);
-    const handleChange = useCallback(
-        (page: number, perPage: number) => {
-            setPerPageValue(perPage);
+    const handleChangePage = useCallback(
+        (page: number) => {
             setPageValue(page);
         },
-        [pageValue, perPageValue, setPageValue, setPerPageValue],
+        [pageValue, setPageValue],
+    );
+    const handleChangePerpage = useCallback(
+        (perPage: number) => {
+            setPerPageValue(perPage);
+        },
+        [perPageValue, setPerPageValue],
     );
     return (
@@ -104,7 +110,8 @@ const PaginationContent = (agrs) => {
                         Next
                     </Button>
                 }
-                onChangeValue={handleChange}
+                onChangePageValue={handleChangePage}
+                onChangePerPageValue={handleChangePerpage}
             />
         </>
     );
@@ -112,7 +119,7 @@ const PaginationContent = (agrs) => {
 export const Content: Story = {
     args: {
-        count: 20,
+        count: 2000,
         value: 1,
         slots: 9,
         type: 'default',

package/styled-components/es/components/Chip/Chip.template-doc.mdx CHANGED Viewed

@@ -70,7 +70,7 @@ export function App() {
 ### Вид Chip
 Вид Chip задается с помощью свойства `view`. Возможные значения свойства `view`:
-+ `"primary"` – основная;
++ `"default"` – основная;
 + `"secondary"` – вторичная;
 + `"positive"` – успешное завершение;
@@ -81,7 +81,7 @@ import { Chip } from '@salutejs/{{ package }}';
 export function App() {
     return (
         <div>
-            <Chip text="Chip" size="m" view="primary" />
+            <Chip text="Chip" size="m" view="default" />
             <Chip text="Chip" size="m" view="secondary" />
             <Chip text="Chip" size="m" view="positive" />
         </div>

package/styled-components/es/components/Pagination/Pagination.js CHANGED Viewed

@@ -58,7 +58,7 @@ export var paginationRoot = function paginationRoot(Root) {
       onChangePageValue = _ref.onChangePageValue,
       onChangePerPageValue = _ref.onChangePerPageValue,
       rest = _objectWithoutProperties(_ref, _excluded);
-    var _useState = useState(value !== null && value !== void 0 ? value : defaultValues.value),
+    var _useState = useState(1),
       _useState2 = _slicedToArray(_useState, 2),
       page = _useState2[0],
       setPageValue = _useState2[1];
@@ -100,9 +100,8 @@ export var paginationRoot = function paginationRoot(Root) {
       onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(newPageValue);
     };
     var handlerSetPerPage = function handlerSetPerPage(newPerPageValue) {
-      setPageValue(1);
+      handlerSetPage(1);
       setPerPageValue(newPerPageValue);
-      onChangePageValue === null || onChangePageValue === void 0 ? void 0 : onChangePageValue(1);
       onChangePerPageValue === null || onChangePerPageValue === void 0 ? void 0 : onChangePerPageValue(newPerPageValue);
       handlerSetPages(newPerPageValue);
     };
@@ -111,7 +110,10 @@ export var paginationRoot = function paginationRoot(Root) {
     };
     useEffect(function () {
       handlerSetPages(perPage);
-    }, [perPage, handlerSetPages]);
+    }, [perPage, count, handlerSetPages]);
+    useEffect(function () {
+      handlerSetPage(value !== null && value !== void 0 ? value : defaultValues.value);
+    }, [value, defaultValues]);
     useEffect(function () {
       setSections(getSections(page, pages, slots));
     }, [page, slots, pages, setSections, getSections]);

package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx CHANGED Viewed

@@ -53,7 +53,7 @@ type Story = StoryObj<typeof Pagination>;
 export const Default: Story = {
     args: {
-        count: 20,
+        count: 2000,
         value: 1,
         slots: 9,
         type: 'default',
@@ -71,12 +71,18 @@ const PaginationContent = (agrs) => {
     const [pageValue, setPageValue] = useState(agrs.value);
     const [perPageValue, setPerPageValue] = useState(agrs.perPage);
-    const handleChange = useCallback(
-        (page: number, perPage: number) => {
-            setPerPageValue(perPage);
+    const handleChangePage = useCallback(
+        (page: number) => {
             setPageValue(page);
         },
-        [pageValue, perPageValue, setPageValue, setPerPageValue],
+        [pageValue, setPageValue],
+    );
+    const handleChangePerpage = useCallback(
+        (perPage: number) => {
+            setPerPageValue(perPage);
+        },
+        [perPageValue, setPerPageValue],
     );
     return (
@@ -103,7 +109,8 @@ const PaginationContent = (agrs) => {
                         Next
                     </Button>
                 }
-                onChangeValue={handleChange}
+                onChangePageValue={handleChangePage}
+                onChangePerPageValue={handleChangePerpage}
             />
         </>
     );
@@ -111,7 +118,7 @@ const PaginationContent = (agrs) => {
 export const Content: Story = {
     args: {
-        count: 20,
+        count: 2000,
         value: 1,
         slots: 9,
         type: 'default',

package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.stories.tsx CHANGED Viewed

@@ -53,7 +53,7 @@ type Story = StoryObj<typeof Pagination>;
 export const Default: Story = {
     args: {
-        count: 20,
+        count: 2000,
         value: 1,
         slots: 9,
         type: 'default',
@@ -72,12 +72,18 @@ const PaginationContent = (agrs) => {
     const [pageValue, setPageValue] = useState(agrs.value);
     const [perPageValue, setPerPageValue] = useState(agrs.perPage);
-    const handleChange = useCallback(
-        (page: number, perPage: number) => {
-            setPerPageValue(perPage);
+    const handleChangePage = useCallback(
+        (page: number) => {
             setPageValue(page);
         },
-        [pageValue, perPageValue, setPageValue, setPerPageValue],
+        [pageValue, setPageValue],
+    );
+    const handleChangePerpage = useCallback(
+        (perPage: number) => {
+            setPerPageValue(perPage);
+        },
+        [perPageValue, setPerPageValue],
     );
     return (
@@ -104,7 +110,8 @@ const PaginationContent = (agrs) => {
                         Next
                     </Button>
                 }
-                onChangeValue={handleChange}
+                onChangePageValue={handleChangePage}
+                onChangePerPageValue={handleChangePerpage}
             />
         </>
     );
@@ -112,7 +119,7 @@ const PaginationContent = (agrs) => {
 export const Content: Story = {
     args: {
-        count: 20,
+        count: 2000,
         value: 1,
         slots: 9,
         type: 'default',

package/types/components/Chip/Chip.d.ts CHANGED Viewed

@@ -1,11 +1,35 @@
 import React from 'react';
 import type { RootProps } from '../../engines';
 import type { ChipProps } from './Chip.types';
-export declare const chipRoot: (Root: RootProps<HTMLButtonElement, ChipProps>) => React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const chipRoot: (Root: RootProps<HTMLButtonElement, ChipProps>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    text?: string | undefined;
+    contentLeft?: React.ReactNode;
+    contentRight?: React.ReactNode;
+    contentClearButton?: React.ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    size?: ("m" | "s" | "xs" | "l") | undefined;
+    view?: ("secondary" | "default" | "positive") | undefined;
+    onClear?: (() => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
 export declare const chipConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLButtonElement, ChipProps>) => React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLButtonElement>>;
+    layout: (Root: RootProps<HTMLButtonElement, ChipProps>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        text?: string | undefined;
+        contentLeft?: React.ReactNode;
+        contentRight?: React.ReactNode;
+        contentClearButton?: React.ReactNode;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        size?: ("m" | "s" | "xs" | "l") | undefined;
+        view?: ("secondary" | "default" | "positive") | undefined;
+        onClear?: (() => void) | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLButtonElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {

package/types/components/Chip/Chip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC,~~wFAsDhE,~~CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAxDQ,UAAU,iBAAiB,EAAE,SAAS,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;~~CAoFrE,CAAC"}
1	+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,eAAO,MAAM,QAAQ,SAAU,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;2CAsDhE,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBAxDQ,UAAU,iBAAiB,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFrE,CAAC"}

package/types/components/Chip/Chip.types.d.ts CHANGED Viewed

@@ -1,4 +1,6 @@
 import type { ButtonHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+declare type ChipSize = 'l' | 'm' | 's' | 'xs';
+declare type ChipView = 'default' | 'secondary' | 'positive';
 declare type CustomChipProps = {
     /**
      * Текстовая надпись
@@ -33,19 +35,18 @@ declare type CustomChipProps = {
      * @default
      * m
      */
-    size?: string;
+    size?: ChipSize;
     /**
      * Вид Chip
      * @default
-     * primary
+     * default
      */
-    view?: string;
+    view?: ChipView;
     /**
      *  Коллбек при взаимодействии с элементом
      */
     onClear?: () => void;
 } & PropsWithChildren;
-export interface ChipProps extends ButtonHTMLAttributes<HTMLButtonElement>, CustomChipProps {
-}
+export declare type ChipProps = ButtonHTMLAttributes<HTMLButtonElement> & CustomChipProps;
 export {};
 //# sourceMappingURL=Chip.types.d.ts.map

package/types/components/Chip/Chip.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,~~MAAM~~,CAAC;~~IACd~~;;;;OAIG;IACH,IAAI,CAAC,EAAE,~~MAAM~~,CAAC;~~IACd~~;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,GAAG,iBAAiB,CAAC;AAEtB,~~MAAM~~,~~WAAW~~,~~SAAU~~,~~SAAQ,~~oBAAoB,CAAC,iBAAiB,CAAC,~~EAAE~~,eAAe~~;CAAG~~"}
1	+ {"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF,aAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AACvC,aAAK,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;AAErD,aAAK,eAAe,GAAG;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,GAAG,iBAAiB,CAAC;AAEtB,oBAAY,SAAS,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,eAAe,CAAC"}

package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts CHANGED Viewed

@@ -1,3 +1,15 @@
 /// <reference types="react" />
-export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    contentClearButton?: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    size?: ("m" | "s" | "xs" | "l") | undefined;
+    view?: ("secondary" | "default" | "positive") | undefined;
+    onClear?: (() => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ComboboxChip.styles.d.ts.map

package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboboxChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU,~~6PAwCtB,~~CAAC"}
1	+ {"version":3,"file":"ComboboxChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;qDAwCtB,CAAC"}

package/types/components/Indicator/Indicator.d.ts CHANGED Viewed

@@ -3,14 +3,14 @@ import { RootProps } from '../../engines';
 import { IndicatorProps } from './Indicator.types';
 export declare const indicatorRoot: (Root: RootProps<HTMLDivElement, IndicatorProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     size: "m" | "s" | "l";
-    view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+    view: "accent" | "black" | "white" | "default" | "inactive" | "positive" | "warning" | "negative";
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const indicatorConfig: {
     name: string;
     tag: string;
     layout: (Root: RootProps<HTMLDivElement, IndicatorProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
         size: "m" | "s" | "l";
-        view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+        view: "accent" | "black" | "white" | "default" | "inactive" | "positive" | "warning" | "negative";
     } & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Pagination/Pagination.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAS1D,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC,~~2FAiK1E~~,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;~~mBAnKQ~~,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;~~CAuL9E~~,CAAC"}
1	+ {"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAW1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAS1D,eAAO,MAAM,cAAc,SAAU,UAAU,cAAc,EAAE,eAAe,CAAC,2FAoK1E,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAtKQ,UAAU,cAAc,EAAE,eAAe,CAAC;;;;;;;;;;;;;;;;;CA0L9E,CAAC"}

package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts CHANGED Viewed

@@ -1,3 +1,15 @@
 /// <reference types="react" />
-export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const StyledChip: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    contentClearButton?: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    size?: ("m" | "s" | "xs" | "l") | undefined;
+    view?: ("secondary" | "default" | "positive") | undefined;
+    onClear?: (() => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=SelectChip.styles.d.ts.map

package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU,~~6PAwCtB,~~CAAC"}
1	+ {"version":3,"file":"SelectChip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/ui/SelectChip/SelectChip.styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,UAAU;;;;;;;;;;;;qDAwCtB,CAAC"}

package/types/examples/plasma_b2c/components/Chip/Chip.d.ts CHANGED Viewed

@@ -17,5 +17,17 @@ export declare const Chip: import("react").FunctionComponent<import("../../../..
     focused: {
         true: import("@linaria/core").LinariaClassName;
     };
-}> & import("../../../../components/Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+}> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    contentClearButton?: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    size?: ("m" | "s" | "xs" | "l") | undefined;
+    view?: ("secondary" | "default" | "positive") | undefined;
+    onClear?: (() => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Chip.d.ts.map

package/types/examples/plasma_b2c/components/Chip/Chip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI~~;;;;;;;;;;;;;;;;;;wGAA0B~~,CAAC"}
1	+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAA0B,CAAC"}

package/types/examples/plasma_b2c/components/Indicator/Indicator.d.ts CHANGED Viewed

@@ -33,7 +33,7 @@ declare const mergedConfig: import("../../../../engines").ComponentConfig<string
     };
 }>, import("react").HTMLAttributes<HTMLDivElement> & {
     size: "m" | "s" | "l";
-    view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+    view: "accent" | "black" | "white" | "default" | "inactive" | "positive" | "warning" | "negative";
 } & import("react").RefAttributes<HTMLDivElement>>;
 declare const Indicator: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
@@ -53,7 +53,7 @@ declare const Indicator: import("react").FunctionComponent<import("../../../../e
     };
 }> & import("react").HTMLAttributes<HTMLDivElement> & {
     size: "m" | "s" | "l";
-    view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+    view: "accent" | "black" | "white" | "default" | "inactive" | "positive" | "warning" | "negative";
 } & import("react").RefAttributes<HTMLDivElement>>;
 export { Indicator, mergedConfig };
 //# sourceMappingURL=Indicator.d.ts.map

package/types/examples/plasma_web/components/Chip/Chip.d.ts CHANGED Viewed

@@ -17,5 +17,17 @@ export declare const Chip: import("react").FunctionComponent<import("../../../..
     focused: {
         true: import("@linaria/core").LinariaClassName;
     };
-}> & import("../../../../components/Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+}> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    contentClearButton?: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    size?: ("m" | "s" | "xs" | "l") | undefined;
+    view?: ("secondary" | "default" | "positive") | undefined;
+    onClear?: (() => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Chip.d.ts.map

package/types/examples/plasma_web/components/Chip/Chip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI~~;;;;;;;;;;;;;;;;;;wGAA0B~~,CAAC"}
1	+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAA0B,CAAC"}

package/types/examples/plasma_web/components/Indicator/Indicator.d.ts CHANGED Viewed

@@ -33,7 +33,7 @@ declare const mergedConfig: import("../../../../engines").ComponentConfig<string
     };
 }>, import("react").HTMLAttributes<HTMLDivElement> & {
     size: "m" | "s" | "l";
-    view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+    view: "accent" | "black" | "white" | "default" | "inactive" | "positive" | "warning" | "negative";
 } & import("react").RefAttributes<HTMLDivElement>>;
 declare const Indicator: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
@@ -53,7 +53,7 @@ declare const Indicator: import("react").FunctionComponent<import("../../../../e
     };
 }> & import("react").HTMLAttributes<HTMLDivElement> & {
     size: "m" | "s" | "l";
-    view: "accent" | "black" | "white" | "default" | "inactive" | "warning" | "positive" | "negative";
+    view: "accent" | "black" | "white" | "default" | "inactive" | "positive" | "warning" | "negative";
 } & import("react").RefAttributes<HTMLDivElement>>;
 export { Indicator, mergedConfig };
 //# sourceMappingURL=Indicator.d.ts.map

package/types/examples/sds_engineer/components/Chip/Chip.d.ts CHANGED Viewed

@@ -12,5 +12,17 @@ export declare const Chip: import("react").FunctionComponent<import("../../../..
     readOnly: {
         true: import("@linaria/core").LinariaClassName;
     };
-}> & import("../../../../components/Chip").ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+}> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    contentClearButton?: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    size?: ("m" | "s" | "xs" | "l") | undefined;
+    view?: ("secondary" | "default" | "positive") | undefined;
+    onClear?: (() => void) | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Chip.d.ts.map

package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI~~;;;;;;;;;;;;;wGAA0B~~,CAAC"}
1	+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Chip/Chip.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;qDAA0B,CAAC"}