npm - @alfalab/core-components-select - Versions diffs - 19.0.6 → 19.1.0-alfasans - Mend

@alfalab/core-components-select 19.0.6 → 19.1.0-alfasans

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

package/modern/components/option/desktop/index.css CHANGED Viewed

@@ -14,8 +14,9 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -43,11 +44,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_14hbm {
+.select__option_15fuw {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
     display: flex;
     align-items: center;
@@ -60,11 +62,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_14hbm:not(.select__disabled_14hbm):active {
+.select__option_15fuw:not(.select__disabled_15fuw):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_14hbm:before {
+.select__option_15fuw:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -75,59 +77,59 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_14hbm:first-child:before {
+.select__option_15fuw:first-child:before {
         display: none;
     }
-.select__size-48_14hbm {
+.select__size-48_15fuw {
     min-height: var(--size-s-height);
 }
-.select__size-56_14hbm {
+.select__size-56_15fuw {
     min-height: var(--size-m-height);
 }
-.select__size-64_14hbm {
+.select__size-64_15fuw {
     min-height: var(--size-l-height);
 }
-.select__size-72_14hbm {
+.select__size-72_15fuw {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 }
-.select__size-72_14hbm:before {
+.select__size-72_15fuw:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_14hbm {
+.select__selected_15fuw {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_14hbm {
+.select__highlighted_15fuw {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_14hbm:before,
-    .select__highlighted_14hbm + .select__option_14hbm:before {
+.select__highlighted_15fuw:before,
+    .select__highlighted_15fuw + .select__option_15fuw:before {
         opacity: 0;
     }
-.select__disabled_14hbm {
+.select__disabled_15fuw {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_14hbm {
+.select__content_15fuw {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_14hbm {
+.select__textContent_15fuw {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }
-.select__highlighted_14hbm {
+.select__highlighted_15fuw {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_14hbm:before,
-    .select__highlighted_14hbm + .select__option_14hbm:before {
+.select__highlighted_15fuw:before,
+    .select__highlighted_15fuw + .select__option_15fuw:before {
         opacity: 0;
     }

package/modern/components/option/desktop/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"option":"select__option_14hbm","disabled":"select__disabled_14hbm","size-48":"select__size-48_14hbm","size-56":"select__size-56_14hbm","size-64":"select__size-64_14hbm","size-72":"select__size-72_14hbm","selected":"select__selected_14hbm","highlighted":"select__highlighted_14hbm","content":"select__content_14hbm","textContent":"select__textContent_14hbm"};
+const styles = {"option":"select__option_15fuw","disabled":"select__disabled_15fuw","size-48":"select__size-48_15fuw","size-56":"select__size-56_15fuw","size-64":"select__size-64_15fuw","size-72":"select__size-72_15fuw","selected":"select__selected_15fuw","highlighted":"select__highlighted_15fuw","content":"select__content_15fuw","textContent":"select__textContent_15fuw"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/option/mobile/index.css CHANGED Viewed

@@ -14,8 +14,9 @@
     --gap-16: var(--gap-m);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 :root {
     --disabled-cursor: not-allowed;
@@ -43,11 +44,12 @@
     --select-option-active-color: var(--color-light-text-primary);
     --select-option-disabled-color: var(--color-light-text-secondary);
 }
-.select__option_1fpto {
+.select__option_c6bk6 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
-    font-family: var(--font-family-system);
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
     display: flex;
     align-items: center;
@@ -60,11 +62,11 @@
     position: relative;
     cursor: pointer;
 }
-.select__option_1fpto:not(.select__disabled_1fpto):active {
+.select__option_c6bk6:not(.select__disabled_c6bk6):active {
         background: var(--select-option-active-background);
         color: var(--select-option-active-color);
     }
-.select__option_1fpto:before {
+.select__option_c6bk6:before {
         content: '';
         position: absolute;
         left: var(--select-option-left-padding);
@@ -75,51 +77,51 @@
         display: var(--select-option-divider-display);
         transition: opacity 0.2s ease;
     }
-.select__option_1fpto:first-child:before {
+.select__option_c6bk6:first-child:before {
         display: none;
     }
-.select__size-48_1fpto {
+.select__size-48_c6bk6 {
     min-height: var(--size-s-height);
 }
-.select__size-56_1fpto {
+.select__size-56_c6bk6 {
     min-height: var(--size-m-height);
 }
-.select__size-64_1fpto {
+.select__size-64_c6bk6 {
     min-height: var(--size-l-height);
 }
-.select__size-72_1fpto {
+.select__size-72_c6bk6 {
     min-height: var(--size-xl-height);
     padding-left: var(--select-option-l-left-padding);
     padding-right: var(--select-option-l-right-padding);
 }
-.select__size-72_1fpto:before {
+.select__size-72_c6bk6:before {
         left: var(--select-option-l-left-padding);
         right: var(--select-option-l-right-padding);
     }
-.select__selected_1fpto {
+.select__selected_c6bk6 {
     background: var(--select-option-selected-background);
     color: var(--select-option-selected-color);
     cursor: default;
 }
-.select__highlighted_1fpto {
+.select__highlighted_c6bk6 {
     background: var(--select-option-hover-background);
     color: var(--select-option-hover-color);
 }
-.select__highlighted_1fpto:before,
-    .select__highlighted_1fpto + .select__option_1fpto:before {
+.select__highlighted_c6bk6:before,
+    .select__highlighted_c6bk6 + .select__option_c6bk6:before {
         opacity: 0;
     }
-.select__disabled_1fpto {
+.select__disabled_c6bk6 {
     cursor: var(--disabled-cursor);
     background: var(--select-option-disabled-background);
     color: var(--select-option-disabled-color);
 }
-.select__content_1fpto {
+.select__content_c6bk6 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;
 }
-.select__textContent_1fpto {
+.select__textContent_c6bk6 {
     padding-top: var(--gap-12);
     padding-bottom: var(--gap-12);
 }

package/modern/components/option/mobile/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"option":"select__option_1fpto","disabled":"select__disabled_1fpto","size-48":"select__size-48_1fpto","size-56":"select__size-56_1fpto","size-64":"select__size-64_1fpto","size-72":"select__size-72_1fpto","selected":"select__selected_1fpto","highlighted":"select__highlighted_1fpto","content":"select__content_1fpto","textContent":"select__textContent_1fpto"};
+const styles = {"option":"select__option_c6bk6","disabled":"select__disabled_c6bk6","size-48":"select__size-48_c6bk6","size-56":"select__size-56_c6bk6","size-64":"select__size-64_c6bk6","size-72":"select__size-72_c6bk6","selected":"select__selected_c6bk6","highlighted":"select__highlighted_c6bk6","content":"select__content_c6bk6","textContent":"select__textContent_c6bk6"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/options-list/index.css CHANGED Viewed

@@ -15,57 +15,57 @@
     --select-options-list-scrollbar-gap: var(--gap-12);
     --select-options-list-empty-placeholder-color: var(--color-light-text-secondary);
 }
-.select__optionsList_7qt0g {
+.select__optionsList_1lgxr {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: relative;
 }
-.select__optionsList_7qt0g .select__scrollable_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr {
         overflow: auto;
         width: 100%;
     }
-.select__optionsList_7qt0g .select__scrollable_7qt0g .select__verticalBar_7qt0g.select__verticalBar_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr .select__verticalBar_1lgxr.select__verticalBar_1lgxr {
             top: var(--select-options-list-scrollbar-gap);
             height: calc(100% - 2 * var(--select-options-list-scrollbar-gap));
         }
-.select__optionsList_7qt0g .select__scrollable_7qt0g .select__verticalBar_7qt0g.select__verticalBar_7qt0g.select__verticalBarWithHeader_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr .select__verticalBar_1lgxr.select__verticalBar_1lgxr.select__verticalBarWithHeader_1lgxr {
                 top: 0;
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_7qt0g .select__scrollable_7qt0g .select__verticalBar_7qt0g.select__verticalBar_7qt0g.select__verticalBarWithFooter_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr .select__verticalBar_1lgxr.select__verticalBar_1lgxr.select__verticalBarWithFooter_1lgxr {
                 top: var(--select-options-list-scrollbar-gap);
                 height: calc(100% - var(--select-options-list-scrollbar-gap));
             }
-.select__optionsList_7qt0g .select__scrollable_7qt0g .select__verticalBar_7qt0g.select__verticalBar_7qt0g.select__verticalBarWithHeader_7qt0g.select__verticalBarWithFooter_7qt0g {
+.select__optionsList_1lgxr .select__scrollable_1lgxr .select__verticalBar_1lgxr.select__verticalBar_1lgxr.select__verticalBarWithHeader_1lgxr.select__verticalBarWithFooter_1lgxr {
                 top: 0;
                 height: 100%;
             }
-.select__optionsListHeader_7qt0g {
+.select__optionsListHeader_1lgxr {
     box-sizing: border-box;
     border-bottom: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListHeader_7qt0g.select__headerHighlighted_7qt0g {
+.select__optionsListHeader_1lgxr.select__headerHighlighted_1lgxr {
         border-bottom-color: var(--color-light-neutral-300);
     }
-.select__optionsListFooter_7qt0g {
+.select__optionsListFooter_1lgxr {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
     transition: border-color 0.2s ease;
 }
-.select__optionsListFooter_7qt0g.select__withBorder_7qt0g {
+.select__optionsListFooter_1lgxr.select__withBorder_1lgxr {
         border-top-color: var(--color-light-neutral-300);
     }
-.select__mask_7qt0g {
+.select__mask_1lgxr {
     min-width: 4000px;
 }
-.select__emptyPlaceholder_7qt0g {
+.select__emptyPlaceholder_1lgxr {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
 }
-.select__size-72_7qt0g .select__emptyPlaceholder_7qt0g {
+.select__size-72_1lgxr .select__emptyPlaceholder_1lgxr {
     padding: var(--gap-24) var(--gap-16);
 }

package/modern/components/options-list/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"optionsList":"select__optionsList_7qt0g","scrollable":"select__scrollable_7qt0g","verticalBar":"select__verticalBar_7qt0g","verticalBarWithHeader":"select__verticalBarWithHeader_7qt0g","verticalBarWithFooter":"select__verticalBarWithFooter_7qt0g","optionsListHeader":"select__optionsListHeader_7qt0g","headerHighlighted":"select__headerHighlighted_7qt0g","optionsListFooter":"select__optionsListFooter_7qt0g","withBorder":"select__withBorder_7qt0g","mask":"select__mask_7qt0g","emptyPlaceholder":"select__emptyPlaceholder_7qt0g","size-72":"select__size-72_7qt0g"};
+const styles = {"optionsList":"select__optionsList_1lgxr","scrollable":"select__scrollable_1lgxr","verticalBar":"select__verticalBar_1lgxr","verticalBarWithHeader":"select__verticalBarWithHeader_1lgxr","verticalBarWithFooter":"select__verticalBarWithFooter_1lgxr","optionsListHeader":"select__optionsListHeader_1lgxr","headerHighlighted":"select__headerHighlighted_1lgxr","optionsListFooter":"select__optionsListFooter_1lgxr","withBorder":"select__withBorder_1lgxr","mask":"select__mask_1lgxr","emptyPlaceholder":"select__emptyPlaceholder_1lgxr","size-72":"select__size-72_1lgxr"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/search/index.css CHANGED Viewed

@@ -1,3 +1,3 @@
-.select__component_u7js4.select__component_u7js4 {
+.select__component_133p9.select__component_133p9 {
     width: auto;
 }

package/modern/components/search/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"component":"select__component_u7js4"};
+const styles = {"component":"select__component_133p9"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/virtual-options-list/index.css CHANGED Viewed

@@ -20,42 +20,42 @@
     --select-option-left-padding: var(--gap-12);
     --select-option-right-padding: var(--gap-12);
 }
-.select__virtualOptionsList_rhnew {
+.select__virtualOptionsList_12olv {
     width: 100%;
     outline: none;
     box-sizing: border-box;
     position: sticky;
     justify-content: space-between;
 }
-.select__virtualOptionsListHeader_rhnew {
+.select__virtualOptionsListHeader_12olv {
     box-sizing: border-box;
     border-bottom: 1px solid var(--color-light-neutral-300);
 }
-.select__virtualOptionsListFooter_rhnew {
+.select__virtualOptionsListFooter_12olv {
     position: sticky;
     bottom: var(--gap-0);
     box-sizing: border-box;
     border-top: 1px solid transparent;
 }
-.select__virtualOptionsListFooter_rhnew.select__withBorder_rhnew {
+.select__virtualOptionsListFooter_12olv.select__withBorder_12olv {
         border-top: 1px solid var(--color-light-neutral-300);
     }
-.select__scrollable_rhnew {
+.select__scrollable_12olv {
     position: relative;
     overflow: auto;
     width: 100%;
 }
-.select__inner_rhnew {
+.select__inner_12olv {
     position: relative;
     width: 100%;
 }
-.select__virtualRow_rhnew {
+.select__virtualRow_12olv {
     position: absolute;
     top: var(--gap-0);
     left: var(--gap-0);
     width: 100%;
 }
-.select__virtualRow_rhnew:before {
+.select__virtualRow_12olv:before {
         content: '';
         position: absolute;
         z-index: 1;
@@ -66,18 +66,18 @@
         background: var(--select-option-divider-background);
         display: var(--select-option-divider-display);
     }
-.select__virtualRow_rhnew:first-child:before {
+.select__virtualRow_12olv:first-child:before {
         display: none;
     }
-.select__highlighted_rhnew:before,
-    .select__highlighted_rhnew + .select__virtualRow_rhnew:before {
+.select__highlighted_12olv:before,
+    .select__highlighted_12olv + .select__virtualRow_12olv:before {
         display: none;
     }
-.select__emptyPlaceholder_rhnew {
+.select__emptyPlaceholder_12olv {
     padding: var(--gap-16) var(--gap-12);
     color: var(--select-options-list-empty-placeholder-color);
     flex: 1;
 }
-.select__size-72_rhnew .select__emptyPlaceholder_rhnew {
+.select__size-72_12olv .select__emptyPlaceholder_12olv {
     padding: var(--gap-24) var(--gap-16);
 }

package/modern/components/virtual-options-list/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-const styles = {"virtualOptionsList":"select__virtualOptionsList_rhnew","virtualOptionsListHeader":"select__virtualOptionsListHeader_rhnew","virtualOptionsListFooter":"select__virtualOptionsListFooter_rhnew","withBorder":"select__withBorder_rhnew","scrollable":"select__scrollable_rhnew","inner":"select__inner_rhnew","virtualRow":"select__virtualRow_rhnew","highlighted":"select__highlighted_rhnew","emptyPlaceholder":"select__emptyPlaceholder_rhnew","size-72":"select__size-72_rhnew"};
+const styles = {"virtualOptionsList":"select__virtualOptionsList_12olv","virtualOptionsListHeader":"select__virtualOptionsListHeader_12olv","virtualOptionsListFooter":"select__virtualOptionsListFooter_12olv","withBorder":"select__withBorder_12olv","scrollable":"select__scrollable_12olv","inner":"select__inner_12olv","virtualRow":"select__virtualRow_12olv","highlighted":"select__highlighted_12olv","emptyPlaceholder":"select__emptyPlaceholder_12olv","size-72":"select__size-72_12olv"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/desktop/Component.desktop.js CHANGED Viewed

@@ -6,9 +6,7 @@ import { BaseSelect } from '../components/base-select/Component.js';
 import { Field } from '../components/field/Component.js';
 import { Optgroup } from '../components/optgroup/Component.js';
 import 'classnames';
-import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark/index.css';
 import '../components/option/desktop/index.css';

package/modern/desktop/Component.desktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';\nimport { Popover } from '@alfalab/core-components-popover';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { type SelectDesktopProps } from '../typings';\n\nexport const SelectDesktop = forwardRef<HTMLDivElement, SelectDesktopProps>(\n (\n {\n Arrow = DefaultArrow,\n Field = DefaultField,\n OptionsList = DefaultOptionsList,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n fieldProps = {},\n ...restProps\n },\n ref,\n ) => (\n <BaseSelect\n ref={ref}\n view='desktop'\n Option={Option}\n Field={Field}\n fieldProps={{\n FormControlComponent: FormControlDesktop,\n ...(fieldProps as object),\n }}\n Search={Search}\n Optgroup={Optgroup}\n OptionsList={OptionsList}\n Arrow={Arrow}\n Popover={Popover}\n {...restProps}\n />\n ),\n);\n"],"names":["Arrow","DefaultArrow","Field","DefaultField","OptionsList","DefaultOptionsList","Optgroup","DefaultOptgroup","DefaultOption","Search","DefaultSearch"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~AAcO,MAAM,aAAa,GAAG,UAAU,CACnC,CACI,SACIA,OAAK,GAAGC,KAAY,SACpBC,OAAK,GAAGC,KAAY,eACpBC,aAAW,GAAGC,WAAkB,YAChCC,UAAQ,GAAGC,QAAe,EAC1B,MAAM,GAAGC,gBAAa,UACtBC,QAAM,GAAGC,MAAa,EACtB,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAA,CAAA,aAAA,CAAC,UAAU,EACP,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAER,OAAK,EACZ,UAAU,EAAE;AACR,QAAA,oBAAoB,EAAE,kBAAkB;AACxC,QAAA,GAAI,UAAqB;KAC5B,EACD,MAAM,EAAEO,QAAM,EACd,QAAQ,EAAEH,UAAQ,EAClB,WAAW,EAAEF,aAAW,EACxB,KAAK,EAAEJ,OAAK,EACZ,OAAO,EAAE,OAAO,KACZ,SAAS,EAAA,CACf,CACL;;;;"}
1	+ {"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';\nimport { Popover } from '@alfalab/core-components-popover';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { type SelectDesktopProps } from '../typings';\n\nexport const SelectDesktop = forwardRef<HTMLDivElement, SelectDesktopProps>(\n (\n {\n Arrow = DefaultArrow,\n Field = DefaultField,\n OptionsList = DefaultOptionsList,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n fieldProps = {},\n ...restProps\n },\n ref,\n ) => (\n <BaseSelect\n ref={ref}\n view='desktop'\n Option={Option}\n Field={Field}\n fieldProps={{\n FormControlComponent: FormControlDesktop,\n ...(fieldProps as object),\n }}\n Search={Search}\n Optgroup={Optgroup}\n OptionsList={OptionsList}\n Arrow={Arrow}\n Popover={Popover}\n {...restProps}\n />\n ),\n);\n"],"names":["Arrow","DefaultArrow","Field","DefaultField","OptionsList","DefaultOptionsList","Optgroup","DefaultOptgroup","DefaultOption","Search","DefaultSearch"],"mappings":";;;;;;;;;;;;;;;;;;AAcO,MAAM,aAAa,GAAG,UAAU,CACnC,CACI,SACIA,OAAK,GAAGC,KAAY,SACpBC,OAAK,GAAGC,KAAY,eACpBC,aAAW,GAAGC,WAAkB,YAChCC,UAAQ,GAAGC,QAAe,EAC1B,MAAM,GAAGC,gBAAa,UACtBC,QAAM,GAAGC,MAAa,EACtB,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACf,EACD,GAAG,MAEH,KAAA,CAAA,aAAA,CAAC,UAAU,EACP,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAER,OAAK,EACZ,UAAU,EAAE;AACR,QAAA,oBAAoB,EAAE,kBAAkB;AACxC,QAAA,GAAI,UAAqB;KAC5B,EACD,MAAM,EAAEO,QAAM,EACd,QAAQ,EAAEH,UAAQ,EAClB,WAAW,EAAEF,aAAW,EACxB,KAAK,EAAEJ,OAAK,EACZ,OAAO,EAAE,OAAO,KACZ,SAAS,EAAA,CACf,CACL;;;;"}

package/modern/mobile/Component.mobile.js CHANGED Viewed

@@ -8,9 +8,7 @@ import { Field } from '../components/field/Component.js';
 import { Footer } from '../components/footer/Component.js';
 import { Optgroup } from '../components/optgroup/Component.js';
 import 'classnames';
-import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../components/checkmark/index.css';
 import '../components/option/desktop/index.css';
@@ -26,7 +24,7 @@ import { Header } from '../presets/useSelectWithApply/options-list-with-apply/he
 const VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
 const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allowUnselect = false, disabled = false, closeOnSelect = !multiple, circularNavigation = false, defaultOpen = false, open: openProp, size = 56, optionsSize = 56, fieldProps = {}, optionProps = {}, optionsListProps = {}, Arrow: Arrow$1 = Arrow, Field: Field$1 = Field, Optgroup: Optgroup$1 = Optgroup, Option = OptionResponsive, Search: Search$1 = Search, selected, options, OptionsList: OptionsList$1 = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD
     ? VirtualOptionsList
-    : OptionsList, onChange, showClear = true, showSelectAll, showHeaderWithSelectAll, useWithApplyHook = multiple, showSearch, searchProps, ...restProps }, ref) => {
+    : OptionsList, onChange, showClear = true, showSelectAll, showHeaderWithSelectAll, checkmarkPosition = 'before', useWithApplyHook = multiple, showSearch, searchProps, ...restProps }, ref) => {
     const applyProps = useSelectWithApply({
         optionsListProps: {
             ...optionsListProps,
@@ -40,6 +38,7 @@ const SelectMobile = forwardRef(({ autocomplete = false, multiple = false, allow
         onChange,
         showClear,
         showSelectAll,
+        checkmarkPosition,
     });
     const bottomAddons = (flatOptions) => flatOptions.length > 0 &&
         useWithApplyHook &&

package/modern/mobile/Component.mobile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BottomSheet } from '@alfalab/core-components-bottom-sheet';\nimport { FormControlMobile } from '@alfalab/core-components-form-control/mobile';\nimport { ModalMobile } from '@alfalab/core-components-modal/mobile';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Footer } from '../components/footer';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { VirtualOptionsList as DefaultVirtualOptionsList } from '../components/virtual-options-list';\nimport { useSelectWithApply } from '../presets/useSelectWithApply/hook';\nimport { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component';\nimport { type AnyObject, type OptionShape, type SelectMobileProps } from '../typings';\n\nconst VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;\n\nexport const SelectMobile = forwardRef(\n (\n {\n autocomplete = false,\n multiple = false,\n allowUnselect = false,\n disabled = false,\n closeOnSelect = !multiple,\n circularNavigation = false,\n defaultOpen = false,\n open: openProp,\n size = 56,\n optionsSize = 56,\n fieldProps = {},\n optionProps = {},\n optionsListProps = {},\n Arrow = DefaultArrow,\n Field = DefaultField,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n selected,\n options,\n OptionsList = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD\n ? DefaultVirtualOptionsList\n : DefaultOptionsList,\n onChange,\n showClear = true,\n showSelectAll,\n showHeaderWithSelectAll,\n useWithApplyHook = multiple,\n showSearch,\n searchProps,\n ...restProps\n }: SelectMobileProps,\n ref,\n ) => {\n const applyProps = useSelectWithApply({\n optionsListProps: {\n ...(optionsListProps as AnyObject),\n Footer,\n },\n OptionsList,\n showSearch,\n searchProps,\n selected,\n options,\n onChange,\n showClear,\n showSelectAll,\n });\n\n const bottomAddons = (flatOptions: OptionShape[]) =>\n flatOptions.length > 0 &&\n useWithApplyHook &&\n showHeaderWithSelectAll && (\n <Header {...applyProps.optionsListProps.headerProps} mobile={true} />\n );\n\n return (\n <BaseSelect\n ref={ref}\n view='mobile'\n autocomplete={autocomplete}\n multiple={multiple}\n allowUnselect={allowUnselect}\n disabled={disabled}\n closeOnSelect={closeOnSelect}\n circularNavigation={circularNavigation}\n defaultOpen={defaultOpen}\n open={openProp}\n size={size}\n optionsSize={optionsSize}\n fieldProps={{\n FormControlComponent: FormControlMobile,\n ...(fieldProps as object),\n }}\n optionProps={optionProps}\n Arrow={Arrow}\n Field={Field}\n Optgroup={Optgroup}\n Option={Option}\n Search={Search}\n options={options}\n selected={selected}\n onChange={onChange}\n OptionsList={OptionsList}\n showSearch={showSearch}\n searchProps={searchProps}\n BottomSheet={BottomSheet}\n ModalMobile={ModalMobile}\n optionsListProps={optionsListProps}\n {...restProps}\n {...(restProps.isBottomSheet === false\n ? {\n modalHeaderProps: {\n bottomAddons,\n ...restProps.modalHeaderProps,\n },\n }\n : {\n bottomSheetProps: {\n bottomAddons,\n showSwipeMarker: false,\n ...restProps.bottomSheetProps,\n },\n })}\n {...(useWithApplyHook && applyProps)}\n />\n );\n },\n);\n"],"names":["Arrow","DefaultArrow","Field","DefaultField","Optgroup","DefaultOptgroup","DefaultOption","Search","DefaultSearch","OptionsList","DefaultVirtualOptionsList","DefaultOptionsList"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;~~AAmBA,MAAM,8BAA8B,GAAG,EAAE;AAE5B,MAAA,YAAY,GAAG,UAAU,CAClC,CACI,EACI,YAAY,GAAG,KAAK,EACpB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,CAAC,QAAQ,EACzB,kBAAkB,GAAG,KAAK,EAC1B,WAAW,GAAG,KAAK,EACnB,IAAI,EAAE,QAAQ,EACd,IAAI,GAAG,EAAE,EACT,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,EAAE,EACf,WAAW,GAAG,EAAE,EAChB,gBAAgB,GAAG,EAAE,SACrBA,OAAK,GAAGC,KAAY,SACpBC,OAAK,GAAGC,KAAY,YACpBC,UAAQ,GAAGC,QAAe,EAC1B,MAAM,GAAGC,gBAAa,UACtBC,QAAM,GAAGC,MAAa,EACtB,QAAQ,EACR,OAAO,eACPC,aAAW,GAAG,OAAO,CAAC,MAAM,GAAG;AAC3B,MAAEC;~~MACAC~~,WAAkB,EACxB,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,aAAa,EACb,uBAAuB,EACvB,gBAAgB,GAAG,QAAQ,EAC3B,UAAU,EACV,WAAW,EACX,GAAG,SAAS,EACI,EACpB,GAAG,KACH;IACA,MAAM,UAAU,GAAG,kBAAkB,CAAC;AAClC,QAAA,gBAAgB,EAAE;AACd,YAAA,GAAI,gBAA8B;YAClC,MAAM;AACT,SAAA;qBACDF,aAAW;QACX,UAAU;QACV,WAAW;QACX,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,SAAS;QACT,aAAa;~~AAChB~~,KAAA,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,WAA0B,KAC5C,WAAW,CAAC,MAAM,GAAG,CAAC;QACtB,gBAAgB;AAChB,QAAA,uBAAuB,KACnB,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GAAK,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAA,CAAI,CACxE;IAEL,QACI,KAAC,CAAA,aAAA,CAAA,UAAU,EACP,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE;AACR,YAAA,oBAAoB,EAAE,iBAAiB;AACvC,YAAA,GAAI,UAAqB;AAC5B,SAAA,EACD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAET,OAAK,EACZ,KAAK,EAAEE,OAAK,EACZ,QAAQ,EAAEE,UAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAEG,QAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAEE,aAAW,EACxB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAAA,GAC9B,SAAS,EAAA,IACR,SAAS,CAAC,aAAa,KAAK;AAC7B,cAAE;AACI,gBAAA,gBAAgB,EAAE;oBACd,YAAY;oBACZ,GAAG,SAAS,CAAC,gBAAgB;AAChC,iBAAA;AACJ;AACH,cAAE;AACI,gBAAA,gBAAgB,EAAE;oBACd,YAAY;AACZ,oBAAA,eAAe,EAAE,KAAK;oBACtB,GAAG,SAAS,CAAC,gBAAgB;AAChC,iBAAA;aACJ,CAAC,EAAA,IACH,gBAAgB,IAAI,UAAU,CAAC,EAAA,CACtC;AAEV,CAAC;;;;"}
1	+ {"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { BottomSheet } from '@alfalab/core-components-bottom-sheet';\nimport { FormControlMobile } from '@alfalab/core-components-form-control/mobile';\nimport { ModalMobile } from '@alfalab/core-components-modal/mobile';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Footer } from '../components/footer';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { VirtualOptionsList as DefaultVirtualOptionsList } from '../components/virtual-options-list';\nimport { useSelectWithApply } from '../presets/useSelectWithApply/hook';\nimport { Header } from '../presets/useSelectWithApply/options-list-with-apply/header/Component';\nimport { type AnyObject, type OptionShape, type SelectMobileProps } from '../typings';\n\nconst VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;\n\nexport const SelectMobile = forwardRef(\n (\n {\n autocomplete = false,\n multiple = false,\n allowUnselect = false,\n disabled = false,\n closeOnSelect = !multiple,\n circularNavigation = false,\n defaultOpen = false,\n open: openProp,\n size = 56,\n optionsSize = 56,\n fieldProps = {},\n optionProps = {},\n optionsListProps = {},\n Arrow = DefaultArrow,\n Field = DefaultField,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n selected,\n options,\n OptionsList = options.length > VIRTUAL_OPTIONS_LIST_THRESHOLD\n ? DefaultVirtualOptionsList\n : DefaultOptionsList,\n onChange,\n showClear = true,\n showSelectAll,\n showHeaderWithSelectAll,\n checkmarkPosition = 'before',\n useWithApplyHook = multiple,\n showSearch,\n searchProps,\n ...restProps\n }: SelectMobileProps,\n ref,\n ) => {\n const applyProps = useSelectWithApply({\n optionsListProps: {\n ...(optionsListProps as AnyObject),\n Footer,\n },\n OptionsList,\n showSearch,\n searchProps,\n selected,\n options,\n onChange,\n showClear,\n showSelectAll,\n checkmarkPosition,\n });\n\n const bottomAddons = (flatOptions: OptionShape[]) =>\n flatOptions.length > 0 &&\n useWithApplyHook &&\n showHeaderWithSelectAll && (\n <Header {...applyProps.optionsListProps.headerProps} mobile={true} />\n );\n\n return (\n <BaseSelect\n ref={ref}\n view='mobile'\n autocomplete={autocomplete}\n multiple={multiple}\n allowUnselect={allowUnselect}\n disabled={disabled}\n closeOnSelect={closeOnSelect}\n circularNavigation={circularNavigation}\n defaultOpen={defaultOpen}\n open={openProp}\n size={size}\n optionsSize={optionsSize}\n fieldProps={{\n FormControlComponent: FormControlMobile,\n ...(fieldProps as object),\n }}\n optionProps={optionProps}\n Arrow={Arrow}\n Field={Field}\n Optgroup={Optgroup}\n Option={Option}\n Search={Search}\n options={options}\n selected={selected}\n onChange={onChange}\n OptionsList={OptionsList}\n showSearch={showSearch}\n searchProps={searchProps}\n BottomSheet={BottomSheet}\n ModalMobile={ModalMobile}\n optionsListProps={optionsListProps}\n {...restProps}\n {...(restProps.isBottomSheet === false\n ? {\n modalHeaderProps: {\n bottomAddons,\n ...restProps.modalHeaderProps,\n },\n }\n : {\n bottomSheetProps: {\n bottomAddons,\n showSwipeMarker: false,\n ...restProps.bottomSheetProps,\n },\n })}\n {...(useWithApplyHook && applyProps)}\n />\n );\n },\n);\n"],"names":["Arrow","DefaultArrow","Field","DefaultField","Optgroup","DefaultOptgroup","DefaultOption","Search","DefaultSearch","OptionsList","DefaultVirtualOptionsList","DefaultOptionsList"],"mappings":"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"}

package/modern/presets/useLazyLoading/hook.js CHANGED Viewed

@@ -1,9 +1,7 @@
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '@alfalab/core-components-skeleton/modern';
 import 'classnames';
-import '@alfalab/core-components-badge/modern';
 import '@alfalab/core-components-checkbox/modern';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
 import '../../components/checkmark/index.css';
 import '../../components/option/desktop/index.css';

package/modern/presets/useLazyLoading/hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.js","sources":["../../../src/presets/useLazyLoading/hook.tsx"],"sourcesContent":["import React, { type Reducer, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type OptionProps, type OptionShape } from '../../typings';\n\nimport 'intersection-observer';\n\nconst DEBOUNCE_TIMEOUT = 300;\n\ntype OptionsFetcherResponse = {\n options: OptionShape[];\n hasMore: boolean;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useLazyLoadingProps = {\n /** Количество элементов на \"странице\" /\n limit?: number;\n\n /* Начальный номер \"страницы\" /\n initialOffset?: number;\n\n /* Скелетон загружаемых элементов /\n skeleton?: React.ReactNode;\n\n /* Компонент пункта меню /\n Option?: React.FC<OptionProps>;\n\n /\n Функция-загрузчик опций.\n * @param offset - текущая страница\n * @param limit - количество элементов на странице\n * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList\n * @returns Promise<{\n * options - список опций следующей \"страницы\". Они аппендятся к предыдущим\n * hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать \"следующую страницу\")\n * }>\n /\n optionsFetcher(\n offset: number,\n limit: number,\n queryString?: string,\n ): Promise<OptionsFetcherResponse>;\n};\n\nconst actions = {\n fetchOptionsStart() {\n return { type: 'FETCH_OPTIONS_START' } as const;\n },\n fetchOptionsBreak() {\n return { type: 'FETCH_OPTIONS_BREAK' } as const;\n },\n fetchOptionsSuccess(payload: { options: OptionShape[]; hasMore: boolean }) {\n return { type: 'FETCH_OPTIONS_SUCCESS', payload } as const;\n },\n setIsOpened(opened: boolean) {\n return { type: 'SET_IS_OPENED', payload: opened } as const;\n },\n setQueryString(qs: string) {\n return { type: 'SET_QUERY_STRING', payload: qs } as const;\n },\n reset() {\n return { type: 'RESET' } as const;\n },\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Actions = typeof actions extends { [key: string]: (...args: any) => infer U } ? U : never;\n\nconst skeletonStyle: React.CSSProperties = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n height: '16px',\n width: '50%',\n};\n\nexport function useLazyLoading({\n limit = 10,\n initialOffset = 0,\n optionsFetcher,\n skeleton = <Skeleton style={skeletonStyle} visible={true} />,\n Option = DefaultOption,\n}: useLazyLoadingProps) {\n const initialOptions: OptionShape[] = [];\n const initialLoading = false;\n\n const lazyLoadingInitialState = {\n opened: false,\n offset: initialOffset,\n options: initialOptions,\n loading: initialLoading,\n allOptionsLoaded: false,\n queryString: '',\n };\n\n const lazyLoadingReducer: Reducer<typeof lazyLoadingInitialState, Actions> = (\n state,\n action,\n ) => {\n switch (action.type) {\n case 'FETCH_OPTIONS_START': {\n return {\n ...state,\n loading: true,\n };\n }\n case 'FETCH_OPTIONS_BREAK': {\n return {\n ...state,\n loading: false,\n };\n }\n case 'FETCH_OPTIONS_SUCCESS': {\n return {\n ...state,\n options: [...state.options, ...action.payload.options],\n offset: state.offset + (action.payload.options.length ? 1 : 0),\n allOptionsLoaded: !action.payload.hasMore,\n loading: false,\n };\n }\n case 'SET_IS_OPENED': {\n return {\n ...state,\n opened: action.payload,\n };\n }\n case 'SET_QUERY_STRING': {\n return {\n // Изменение queryString подразумевает сброс текущих опций.\n ...lazyLoadingInitialState,\n opened: state.opened,\n loading: true,\n queryString: action.payload,\n };\n }\n case 'RESET': {\n return {\n ...lazyLoadingInitialState,\n };\n }\n default: {\n return state;\n }\n }\n };\n\n const [{ opened, offset, options, loading, allOptionsLoaded, queryString }, dispatch] =\n useReducer(lazyLoadingReducer, lazyLoadingInitialState);\n\n const abortFetchingOptionsRef = useRef<() => void>();\n\n const fetchNextOffsetOptions = useCallback(() => {\n dispatch(actions.fetchOptionsStart());\n\n new Promise<OptionsFetcherResponse>((resolve, reject) => {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n abortFetchingOptionsRef.current = reject;\n optionsFetcher(offset, limit, queryString).then((res) => {\n resolve(res);\n });\n })\n .then((res) => {\n dispatch(actions.fetchOptionsSuccess(res));\n abortFetchingOptionsRef.current = undefined;\n })\n .catch(\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n () => {},\n );\n }, [optionsFetcher, offset, limit, queryString]);\n\n const listRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n let observer: IntersectionObserver;\n\n if (opened && !loading && !allOptionsLoaded) {\n observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n if (observer) {\n observer.disconnect();\n }\n fetchNextOffsetOptions();\n }\n },\n {\n root: listRef.current,\n },\n );\n\n /\n * Обсервим пересечение последней опции с контейнером.\n * Таким образом, загрузка следующей \"страницы\" начнется когда юзер доскроллит список\n * до верхнего края последней опции, что обеспечивает плавность\n /\n const optionList = listRef.current?.querySelectorAll('[role=\"option\"]');\n const lastOption = optionList?.[optionList.length - 1];\n\n if (lastOption) {\n observer.observe(lastOption);\n }\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [offset, fetchNextOffsetOptions, opened, allOptionsLoaded, initialOffset, loading]);\n\n const onOpen = useCallback(\n (payload: { open?: boolean }) => {\n if (payload.open) {\n if (options.length === initialOptions.length) {\n fetchNextOffsetOptions();\n }\n } else {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n dispatch(actions.fetchOptionsBreak());\n }\n\n dispatch(actions.setIsOpened(payload.open ?? false));\n },\n [initialOptions.length, fetchNextOffsetOptions, options.length],\n );\n\n const fetchNextOptionsRef = useRef<() => void>();\n const fetchNextOptionsTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n useEffect(() => {\n fetchNextOptionsRef.current = fetchNextOffsetOptions;\n }, [fetchNextOffsetOptions]);\n\n const onQueryStringChange = useCallback<Exclude<InputProps['onChange'], undefined>>(\n (_, payload) => {\n dispatch(actions.setQueryString(payload.value));\n / eslint-disable no-unused-expressions /\n\n /\n * Если во время загрузки опций юзер ввел новый текст в инпут,\n * нужно прервать текущую загрузку, чтобы неактуальные опции не попали в выдачу\n /\n abortFetchingOptionsRef.current?.();\n\n listRef.current?.scrollTo({ top: 0 });\n\n / Дебаунсим ввод текста, чтобы не отправлять запрос к новым опциям на каждый чих /\n if (fetchNextOptionsTimerRef.current) {\n clearTimeout(fetchNextOptionsTimerRef.current);\n }\n fetchNextOptionsTimerRef.current = setTimeout(() => {\n /\n * После дебаунса необходимо вызвать функцию-загрузчик,\n * содержащую актуальные на данный момент данные оффсета и queryString.\n * Поэтому мы не можем обратиться напрямую к функции fetchNextOptions,\n * так как она будет замкнута на старые значения, актуальные на момент вызова хэндлера,\n * так что берем ее из обновляемого рефа\n /\n fetchNextOptionsRef.current?.();\n }, DEBOUNCE_TIMEOUT);\n / eslint-enable */\n },\n [],\n );\n\n const renderOption = (props: OptionProps) => (\n <Option {...props} highlighted={loading ? false : props.highlighted} />\n );\n\n const skeletonOptions: OptionShape[] = useMemo(\n () =>\n Array(loading ? limit : 0)\n .fill(0)\n .map((_, key) => ({\n key: `loading-${key}`,\n disabled: true,\n content: skeleton,\n })),\n [loading, limit, skeleton],\n );\n\n const reset = useCallback(() => {\n dispatch(actions.reset());\n }, []);\n\n return {\n optionsProps: {\n Option: renderOption,\n options: [...options, ...skeletonOptions],\n optionsListProps: {\n ref: listRef,\n inputProps: {\n onChange: onQueryStringChange,\n value: queryString,\n },\n },\n onOpen,\n },\n reset,\n };\n}\n"],"names":["DefaultOption"],"mappings":"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"}
1	+ {"version":3,"file":"hook.js","sources":["../../../src/presets/useLazyLoading/hook.tsx"],"sourcesContent":["import React, { type Reducer, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type OptionProps, type OptionShape } from '../../typings';\n\nimport 'intersection-observer';\n\nconst DEBOUNCE_TIMEOUT = 300;\n\ntype OptionsFetcherResponse = {\n options: OptionShape[];\n hasMore: boolean;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useLazyLoadingProps = {\n /** Количество элементов на \"странице\" /\n limit?: number;\n\n /* Начальный номер \"страницы\" /\n initialOffset?: number;\n\n /* Скелетон загружаемых элементов /\n skeleton?: React.ReactNode;\n\n /* Компонент пункта меню /\n Option?: React.FC<OptionProps>;\n\n /\n Функция-загрузчик опций.\n * @param offset - текущая страница\n * @param limit - количество элементов на странице\n * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList\n * @returns Promise<{\n * options - список опций следующей \"страницы\". Они аппендятся к предыдущим\n * hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать \"следующую страницу\")\n * }>\n /\n optionsFetcher(\n offset: number,\n limit: number,\n queryString?: string,\n ): Promise<OptionsFetcherResponse>;\n};\n\nconst actions = {\n fetchOptionsStart() {\n return { type: 'FETCH_OPTIONS_START' } as const;\n },\n fetchOptionsBreak() {\n return { type: 'FETCH_OPTIONS_BREAK' } as const;\n },\n fetchOptionsSuccess(payload: { options: OptionShape[]; hasMore: boolean }) {\n return { type: 'FETCH_OPTIONS_SUCCESS', payload } as const;\n },\n setIsOpened(opened: boolean) {\n return { type: 'SET_IS_OPENED', payload: opened } as const;\n },\n setQueryString(qs: string) {\n return { type: 'SET_QUERY_STRING', payload: qs } as const;\n },\n reset() {\n return { type: 'RESET' } as const;\n },\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Actions = typeof actions extends { [key: string]: (...args: any) => infer U } ? U : never;\n\nconst skeletonStyle: React.CSSProperties = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n height: '16px',\n width: '50%',\n};\n\nexport function useLazyLoading({\n limit = 10,\n initialOffset = 0,\n optionsFetcher,\n skeleton = <Skeleton style={skeletonStyle} visible={true} />,\n Option = DefaultOption,\n}: useLazyLoadingProps) {\n const initialOptions: OptionShape[] = [];\n const initialLoading = false;\n\n const lazyLoadingInitialState = {\n opened: false,\n offset: initialOffset,\n options: initialOptions,\n loading: initialLoading,\n allOptionsLoaded: false,\n queryString: '',\n };\n\n const lazyLoadingReducer: Reducer<typeof lazyLoadingInitialState, Actions> = (\n state,\n action,\n ) => {\n switch (action.type) {\n case 'FETCH_OPTIONS_START': {\n return {\n ...state,\n loading: true,\n };\n }\n case 'FETCH_OPTIONS_BREAK': {\n return {\n ...state,\n loading: false,\n };\n }\n case 'FETCH_OPTIONS_SUCCESS': {\n return {\n ...state,\n options: [...state.options, ...action.payload.options],\n offset: state.offset + (action.payload.options.length ? 1 : 0),\n allOptionsLoaded: !action.payload.hasMore,\n loading: false,\n };\n }\n case 'SET_IS_OPENED': {\n return {\n ...state,\n opened: action.payload,\n };\n }\n case 'SET_QUERY_STRING': {\n return {\n // Изменение queryString подразумевает сброс текущих опций.\n ...lazyLoadingInitialState,\n opened: state.opened,\n loading: true,\n queryString: action.payload,\n };\n }\n case 'RESET': {\n return {\n ...lazyLoadingInitialState,\n };\n }\n default: {\n return state;\n }\n }\n };\n\n const [{ opened, offset, options, loading, allOptionsLoaded, queryString }, dispatch] =\n useReducer(lazyLoadingReducer, lazyLoadingInitialState);\n\n const abortFetchingOptionsRef = useRef<() => void>();\n\n const fetchNextOffsetOptions = useCallback(() => {\n dispatch(actions.fetchOptionsStart());\n\n new Promise<OptionsFetcherResponse>((resolve, reject) => {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n abortFetchingOptionsRef.current = reject;\n optionsFetcher(offset, limit, queryString).then((res) => {\n resolve(res);\n });\n })\n .then((res) => {\n dispatch(actions.fetchOptionsSuccess(res));\n abortFetchingOptionsRef.current = undefined;\n })\n .catch(\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n () => {},\n );\n }, [optionsFetcher, offset, limit, queryString]);\n\n const listRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n let observer: IntersectionObserver;\n\n if (opened && !loading && !allOptionsLoaded) {\n observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n if (observer) {\n observer.disconnect();\n }\n fetchNextOffsetOptions();\n }\n },\n {\n root: listRef.current,\n },\n );\n\n /\n * Обсервим пересечение последней опции с контейнером.\n * Таким образом, загрузка следующей \"страницы\" начнется когда юзер доскроллит список\n * до верхнего края последней опции, что обеспечивает плавность\n /\n const optionList = listRef.current?.querySelectorAll('[role=\"option\"]');\n const lastOption = optionList?.[optionList.length - 1];\n\n if (lastOption) {\n observer.observe(lastOption);\n }\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [offset, fetchNextOffsetOptions, opened, allOptionsLoaded, initialOffset, loading]);\n\n const onOpen = useCallback(\n (payload: { open?: boolean }) => {\n if (payload.open) {\n if (options.length === initialOptions.length) {\n fetchNextOffsetOptions();\n }\n } else {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n dispatch(actions.fetchOptionsBreak());\n }\n\n dispatch(actions.setIsOpened(payload.open ?? false));\n },\n [initialOptions.length, fetchNextOffsetOptions, options.length],\n );\n\n const fetchNextOptionsRef = useRef<() => void>();\n const fetchNextOptionsTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n useEffect(() => {\n fetchNextOptionsRef.current = fetchNextOffsetOptions;\n }, [fetchNextOffsetOptions]);\n\n const onQueryStringChange = useCallback<Exclude<InputProps['onChange'], undefined>>(\n (_, payload) => {\n dispatch(actions.setQueryString(payload.value));\n / eslint-disable no-unused-expressions /\n\n /\n * Если во время загрузки опций юзер ввел новый текст в инпут,\n * нужно прервать текущую загрузку, чтобы неактуальные опции не попали в выдачу\n /\n abortFetchingOptionsRef.current?.();\n\n listRef.current?.scrollTo({ top: 0 });\n\n / Дебаунсим ввод текста, чтобы не отправлять запрос к новым опциям на каждый чих /\n if (fetchNextOptionsTimerRef.current) {\n clearTimeout(fetchNextOptionsTimerRef.current);\n }\n fetchNextOptionsTimerRef.current = setTimeout(() => {\n /\n * После дебаунса необходимо вызвать функцию-загрузчик,\n * содержащую актуальные на данный момент данные оффсета и queryString.\n * Поэтому мы не можем обратиться напрямую к функции fetchNextOptions,\n * так как она будет замкнута на старые значения, актуальные на момент вызова хэндлера,\n * так что берем ее из обновляемого рефа\n /\n fetchNextOptionsRef.current?.();\n }, DEBOUNCE_TIMEOUT);\n / eslint-enable */\n },\n [],\n );\n\n const renderOption = (props: OptionProps) => (\n <Option {...props} highlighted={loading ? false : props.highlighted} />\n );\n\n const skeletonOptions: OptionShape[] = useMemo(\n () =>\n Array(loading ? limit : 0)\n .fill(0)\n .map((_, key) => ({\n key: `loading-${key}`,\n disabled: true,\n content: skeleton,\n })),\n [loading, limit, skeleton],\n );\n\n const reset = useCallback(() => {\n dispatch(actions.reset());\n }, []);\n\n return {\n optionsProps: {\n Option: renderOption,\n options: [...options, ...skeletonOptions],\n optionsListProps: {\n ref: listRef,\n inputProps: {\n onChange: onQueryStringChange,\n value: queryString,\n },\n },\n onOpen,\n },\n reset,\n };\n}\n"],"names":["DefaultOption"],"mappings":"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"}