npm - @salutejs/plasma-new-hope - Versions diffs - 0.90.0-canary.1233.9583486732.0 → 0.90.0-canary.1249.9601049242.0 - Mend

@salutejs/plasma-new-hope 0.90.0-canary.1233.9583486732.0 → 0.90.0-canary.1249.9601049242.0

Files changed (826) hide show

package/cjs/components/Button/Button.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n min-width: 4ch;\n flex-shrink: 2;\n\n ${applyEllipsis()}\n\n\n &.${String(classes.contentRelaxed)} {\n text-align: start;\n flex-grow: 2;\n }\n`;\n\nexport const ButtonValue = styled.span`\n color: var(${tokens.buttonValueColor});\n\n margin: var(${tokens.buttonValueMargin});\n\n min-width: 4ch;\n\n ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: ${({ contentPlacing }) => contentPlacing};\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: flex;\n margin: var(${tokens.buttonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n display: flex;\n margin: var(${tokens.buttonRightContentMargin});\n`;\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n /\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n / NOTE:\n --plasma_computed-btn-br-radius is defined in Button.tsx\n /\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n\n :hover {\n color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleHover});\n }\n\n :active {\n color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleActive});\n }\n\n height: var(${tokens.buttonHeight});\n width: var(${tokens.buttonWidth});\n\n / TODO: #714 move these calc's to plasma-mapping \| ds-generator and add Math.round() /\n padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) 1.618 / 4));\n\n font-family: var(${tokens.buttonFontFamily});\n font-size: var(${tokens.buttonFontSize});\n font-style: var(${tokens.buttonFontStyle});\n font-weight: var(${tokens.buttonFontWeight});\n letter-spacing: var(${tokens.buttonLetterSpacing});\n line-height: var(${tokens.buttonLineHeight});\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n\n &[disabled] {\n opacity: var(${tokens.buttonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n }\n }\n\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: fit-content;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","ButtonValue","_exp6","_ref","isLoading","_exp7","_ref2","contentPlacing","LoadWrap","vars","Loader","_exp8","StyledSpinner","StyledContentLeft","StyledContentRight","base"],"mappings":";;;;;;;;;;;AASA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;;AAED;AAAA,IAAAE,KAAA,GAnCkBA,SAmClBA,KAAAA,GAAA;AAAA,EAAA,OAEe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,GAAG,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArCvCA,SAqCuCA,KAAAA,GAAA;AAAA,EAAA,OAGlC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,cAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtD,IAAMC,QAAQ,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfP,KAA0C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAGlCG,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAG5D,EAAA;AAEM,IAAMK,MAAM,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAW,KAAA,GA/CgBA,SA+ChBA,KAAAA,GAAA;AAAA,EAAA,OAEkCjB,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMkB,aAAa,gBAAGf,YAAM,CAAAc,KAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMa,iBAAiB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;;;;;;;;"}
1	+ {"version":3,"file":"Button.styles.js","sources":["../../../src/components/Button/Button.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { classes, tokens } from './Button.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const ButtonText = styled.span`\n min-width: 4ch;\n flex-shrink: 2;\n \n ${applyEllipsis()}\n \n\n &.${String(classes.contentRelaxed)} {\n text-align: start;\n flex-grow: 2;\n }\n`;\n\nexport const ButtonValue = styled.span`\n color: var(${tokens.buttonValueColor});\n\n margin: var(${tokens.buttonValueMargin});\n\n min-width: 4ch;\n\n ${applyEllipsis()}\n`;\n\n// TODO: #720\nexport const LoadWrap = styled.div<{ contentPlacing: string; isLoading?: boolean }>`\n opacity: ${({ isLoading }) => (isLoading ? '0' : '1')};\n display: flex;\n align-items: inherit;\n justify-content: ${({ contentPlacing }) => contentPlacing};\n height: 100%;\n width: 100%;\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.buttonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.buttonSpinnerColor});\n`;\n\nexport const StyledContentLeft = styled.div`\n display: flex;\n margin: var(${tokens.buttonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n display: flex;\n margin: var(${tokens.buttonRightContentMargin});\n`;\n\nexport const base = css`\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n /* NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n /\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n`;\n\n// INFO: Для возможности переиспользования стилей в других компонентах\nexport const baseContent = `\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n justify-content: center;\n\n appearance: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n a& {\n text-decoration: none;\n }\n\n / NOTE: \n --plasma_computed-btn-br-radius is defined in Button.tsx\n /\n --plasma_private-btn-br: var(--plasma_computed-btn-br);\n border-radius: var(--plasma_private-btn-br);\n\n &&.${String(classes.buttonSquare)} {\n width: var(${tokens.buttonHeight});\n padding: 0;\n }\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n\n :hover {\n color: var(${tokens.buttonColorHover}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorHover}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleHover});\n }\n\n :active {\n color: var(${tokens.buttonColorActive}, var(${tokens.buttonColor}));\n background-color: var(${tokens.buttonBackgroundColorActive}, var(${tokens.buttonBackgroundColor}));\n\n scale: var(${tokens.buttonScaleActive});\n }\n\n height: var(${tokens.buttonHeight});\n width: var(${tokens.buttonWidth});\n\n / TODO: #714 move these calc's to plasma-mapping \| ds-generator and add Math.round() /\n padding: 0 var(${tokens.buttonPadding}, calc(var(${tokens.buttonHeight}) 1.618 / 4));\n\n font-family: var(${tokens.buttonFontFamily});\n font-size: var(${tokens.buttonFontSize});\n font-style: var(${tokens.buttonFontStyle});\n font-weight: var(${tokens.buttonFontWeight});\n letter-spacing: var(${tokens.buttonLetterSpacing});\n line-height: var(${tokens.buttonLineHeight});\n\n /* TODO: #710 make it token API ? */\n --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n :focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: 'var(--plasma_private-btn-outline-size)',\n outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',\n outlineColor: `var(${tokens.buttonFocusColor})`,\n })}\n\n &[disabled] {\n opacity: var(${tokens.buttonDisabledOpacity});\n cursor: not-allowed;\n\n :hover,\n :active {\n scale: none;\n\n color: var(${tokens.buttonColor});\n background-color: var(${tokens.buttonBackgroundColor});\n }\n }\n\n &.${classes.fixedStretching} {\n width: var(${tokens.buttonWidth});\n }\n &.${classes.filledStretching} {\n width: 100%;\n }\n &.${classes.autoStretching} {\n width: fit-content;\n }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","ButtonText","styled","name","class","propsAsIs","ButtonValue","_exp6","_ref","isLoading","_exp7","_ref2","contentPlacing","LoadWrap","vars","Loader","_exp8","StyledSpinner","StyledContentLeft","StyledContentRight","base"],"mappings":";;;;;;;;;;;AASA;AACA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,uBAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,UAAU,gBAAGC,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQhC,EAAA;;AAED;AAAA,IAAAE,KAAA,GAnCkBA,SAmClBA,KAAAA,GAAA;AAAA,EAAA,OAEe,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,GAAG,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GArCvCA,SAqCuCA,KAAAA,GAAA;AAAA,EAAA,OAGlC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,cAAAA,GAAAA,KAAAA,CAAAA,cAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,cAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJtD,IAAMC,QAAQ,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfP,KAA0C,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAGlCG,KAAsC,EAAA,CAAA;AAAA,GAAA;AAAA,CAG5D,EAAA;AAEM,IAAMK,MAAM,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAW,KAAA,GA/CgBA,SA+ChBA,KAAAA,GAAA;AAAA,EAAA,OAEkCjB,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMkB,aAAa,gBAAGf,YAAM,CAAAc,KAAA,EAAA,CAAA,CAAA;AAAAb,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMa,iBAAiB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGvC,EAAA;AAEM,IAAMe,IAAI,GA0BhB;;;;;;;;;;;"}

package/cjs/components/Chip/Chip.tokens.js CHANGED Viewed

@@ -21,8 +21,6 @@ var tokens = {
   focusColor: '--plasma-chip-focus-color',
   outlineSize: '--plasma-chip-outline-size',
   closeIconColor: '--plasma-chip-close-icon-color',
-  closeIconColorHover: '--plasma-chip-close-icon-color-hover',
-  closeIconColorActive: '--plasma-chip-close-icon-color-active',
   borderRadius: '--plasma-chip-border-radius',
   pilledBorderRadius: '--plasma-chip-pilled-border-radius',
   width: '--plasma-chip-width',

package/cjs/components/Chip/Chip.tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n pilled: 'chip-pilled',\n};\n\nexport const tokens = {\n background: '--plasma-chip-background',\n color: '--plasma-chip-color',\n backgroundHover: '--plasma-chip-background-hover',\n colorHover: '--plasma-chip-color-hover',\n scaleHover: '--plasma-chip-scale-hover',\n backgroundReadOnly: '--plasma-chip-background-readonly',\n colorReadOnly: '--plasma-chip-color-readonly',\n backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n backgroundActive: '--plasma-chip-background-active',\n colorActive: '--plasma-chip-color-active',\n scaleActive: '--plasma-chip-scale-active',\n focusColor: '--plasma-chip-focus-color',\n outlineSize: '--plasma-chip-outline-size',\n closeIconColor: '--plasma-chip-close-icon-color',\n ~~closeIconColorHover: '--plasma-chip-close-icon-color-hover',\n closeIconColorActive: '--plasma-chip-close-icon-color-active',\n~~\n borderRadius: '--plasma-chip-border-radius',\n pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n width: '--plasma-chip-width',\n height: '--plasma-chip-height',\n paddingTop: '--plasma-chip-padding-top',\n paddingRight: '--plasma-chip-padding-right',\n paddingBottom: '--plasma-chip-padding-bottom',\n paddingLeft: '--plasma-chip-padding-left',\n closeIconSize: '--plasma-chip-close-icon-size',\n\n disabledOpacity: '--plasma-chip-disabled-opacity',\n\n fontFamily: '--plasma-chip-font-family',\n fontSize: '--plasma-chip-font-size',\n fontStyle: '--plasma-chip-font-style',\n fontWeight: '--plasma-chip-font-weight',\n letterSpacing: '--plasma-chip-letter-spacing',\n lineHeight: '--plasma-chip-lineheight',\n\n leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","tokens","background","color","backgroundHover","colorHover","scaleHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","scaleActive","focusColor","outlineSize","closeIconColor","~~closeIconColorHover","closeIconColorActive","~~borderRadius","pilledBorderRadius","width","height","paddingTop","paddingRight","paddingBottom","paddingLeft","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;~~AAChDC~~,EAAAA,~~mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,oBAAoB,EAAE,uCAAuC;AAE7DC,EAAAA,~~YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,aAAa,EAAE,+BAA+B;AAE9CC,EAAAA,eAAe,EAAE,gCAAgC;AAEjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,0BAA0B;AAEtCC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;;"}
1	+ {"version":3,"file":"Chip.tokens.js","sources":["../../../src/components/Chip/Chip.tokens.ts"],"sourcesContent":["export const classes = {\n pilled: 'chip-pilled',\n};\n\nexport const tokens = {\n background: '--plasma-chip-background',\n color: '--plasma-chip-color',\n backgroundHover: '--plasma-chip-background-hover',\n colorHover: '--plasma-chip-color-hover',\n scaleHover: '--plasma-chip-scale-hover',\n backgroundReadOnly: '--plasma-chip-background-readonly',\n colorReadOnly: '--plasma-chip-color-readonly',\n backgroundReadOnlyHover: '--plasma-chip-background-readonly-hover',\n colorReadOnlyHover: '--plasma-chip-color-readonly-hover',\n backgroundActive: '--plasma-chip-background-active',\n colorActive: '--plasma-chip-color-active',\n scaleActive: '--plasma-chip-scale-active',\n focusColor: '--plasma-chip-focus-color',\n outlineSize: '--plasma-chip-outline-size',\n closeIconColor: '--plasma-chip-close-icon-color',\n\n borderRadius: '--plasma-chip-border-radius',\n pilledBorderRadius: '--plasma-chip-pilled-border-radius',\n width: '--plasma-chip-width',\n height: '--plasma-chip-height',\n paddingTop: '--plasma-chip-padding-top',\n paddingRight: '--plasma-chip-padding-right',\n paddingBottom: '--plasma-chip-padding-bottom',\n paddingLeft: '--plasma-chip-padding-left',\n closeIconSize: '--plasma-chip-close-icon-size',\n\n disabledOpacity: '--plasma-chip-disabled-opacity',\n\n fontFamily: '--plasma-chip-font-family',\n fontSize: '--plasma-chip-font-size',\n fontStyle: '--plasma-chip-font-style',\n fontWeight: '--plasma-chip-font-weight',\n letterSpacing: '--plasma-chip-letter-spacing',\n lineHeight: '--plasma-chip-lineheight',\n\n leftContentMarginLeft: '--plasma-chip-left-content-margin-left',\n leftContentMarginRight: '--plasma-chip-left-content-margin-right',\n rightContentMarginLeft: '--plasma-chip-right-content-margin-left',\n rightContentMarginRight: '--plasma-chip-right-content-margin-right',\n clearContentMarginLeft: '--plasma-chip-clear-content-margin-left',\n clearContentMarginRight: '--plasma-chip-clear-content-margin-right',\n};\n"],"names":["classes","pilled","tokens","background","color","backgroundHover","colorHover","scaleHover","backgroundReadOnly","colorReadOnly","backgroundReadOnlyHover","colorReadOnlyHover","backgroundActive","colorActive","scaleActive","focusColor","outlineSize","closeIconColor","borderRadius","pilledBorderRadius","width","height","paddingTop","paddingRight","paddingBottom","paddingLeft","closeIconSize","disabledOpacity","fontFamily","fontSize","fontStyle","fontWeight","letterSpacing","lineHeight","leftContentMarginLeft","leftContentMarginRight","rightContentMarginLeft","rightContentMarginRight","clearContentMarginLeft","clearContentMarginRight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,MAAM,EAAE,aAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,0BAA0B;AACtCC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,eAAe,EAAE,gCAAgC;AACjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,kBAAkB,EAAE,mCAAmC;AACvDC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,uBAAuB,EAAE,yCAAyC;AAClEC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,cAAc,EAAE,gCAAgC;AAEhDC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,kBAAkB,EAAE,oCAAoC;AACxDC,EAAAA,KAAK,EAAE,qBAAqB;AAC5BC,EAAAA,MAAM,EAAE,sBAAsB;AAC9BC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,YAAY,EAAE,6BAA6B;AAC3CC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,aAAa,EAAE,+BAA+B;AAE9CC,EAAAA,eAAe,EAAE,gCAAgC;AAEjDC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,QAAQ,EAAE,yBAAyB;AACnCC,EAAAA,SAAS,EAAE,0BAA0B;AACrCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,aAAa,EAAE,8BAA8B;AAC7CC,EAAAA,UAAU,EAAE,0BAA0B;AAEtCC,EAAAA,qBAAqB,EAAE,wCAAwC;AAC/DC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,uBAAuB,EAAE,0CAAA;AAC7B;;;;;"}

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

@@ -7,10 +7,10 @@ var React = require('react');
 var plasmaCore = require('@salutejs/plasma-core');
 var index$1 = require('../../utils/index.js');
 var index$2 = require('../Dropdown/utils/index.js');
+var index = require('../Select/utils/index.js');
+var useKeyNavigation = require('../Select/hooks/useKeyNavigation.js');
 var useForceUpdate = require('../../hooks/useForceUpdate.js');
 var useDidMountEffect = require('../../hooks/useDidMountEffect.js');
-var index = require('./utils/index.js');
-var useKeyNavigation = require('./hooks/useKeyNavigation.js');
 var base = require('./variations/_view/base.js');
 var base$1 = require('./variations/_size/base.js');
 require('@linaria/react');

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { getChildren, getNewSelected, getValues } from './utils';\nimport { useKeyNavigation } from './hooks';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/*\n Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n forwardRef<HTMLInputElement, ComboboxProps>(\n (\n {\n name,\n form,\n readOnly,\n disabled,\n label,\n placeholder,\n id,\n children,\n role,\n view,\n size,\n frame,\n usePortal,\n negativeResultContent = 'Элементы не найдены',\n enumerationType = 'comma',\n opened = false,\n placement = 'bottom',\n onToggle,\n onKeyDown,\n filterFunction,\n ...rest\n },\n outerRootRef,\n ) => {\n const forceUpdate = useForceUpdate();\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n const { valueType = 'single', value } = rest;\n const offset = [0, 4] as [number, number];\n\n const [ref, setRef] = useState<HTMLInputElement \| null>(null);\n\n const targetRef = useRef<HTMLInputElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n const comboboxRef = useRef<HTMLDivElement>(null);\n const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n const [innerOpened, setInnerOpened] = useState(opened);\n const [search, setSearch] = useState<string \| undefined>('');\n const [filterValue, setFilterValue] = useState(search);\n\n // INFO: нужно высчитывать для корректной работы портала\n const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n // INFO: Из-за того, что классы передаются через ref,\n // состояние пропсов после изменения view, size\n // всегда предыдущее, поэтому нужно делать форс-ререндер\n useDidMountEffect(() => {\n forceUpdate();\n }, [view, size]);\n\n useEffect(() => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n setInnerOpened(opened);\n }, [opened, disabled, readOnly]);\n\n useEffect(() => {\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (opened) {\n setFilterValue('');\n }\n }, []);\n\n const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent \| Event) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (!innerOpened) {\n setFilterValue('');\n }\n\n if (onToggle) {\n onToggle(openValue, event);\n\n return;\n }\n\n setInnerOpened(openValue);\n };\n\n const closedWithoutChanges = useRef(true);\n\n const updateValue = (item: HTMLElement, event: React.SyntheticEvent \| Event) => {\n const {\n dataset: { value: newValue },\n } = item;\n\n if (rest.valueType === 'multiple') {\n const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n rest.onChangeValue?.(newSelected);\n\n return;\n }\n\n const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n rest.onChangeValue?.(newSelected);\n\n onInnerToggle?.(false, event);\n\n closedWithoutChanges.current = false;\n };\n\n const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n // INFO: Для корректной работы компонента Popper\n event.stopPropagation();\n\n const item = event.currentTarget as HTMLElement;\n\n updateValue(item, event);\n };\n\n const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n if (rest.valueType !== 'multiple') {\n return;\n }\n\n rest.onChangeValue?.(newValue);\n };\n\n const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n controlledRefs,\n opened: innerOpened,\n enumerationType,\n valueType,\n componentType: 'combobox',\n value,\n search: filterValue,\n updateOpened: onInnerToggle,\n updateValue,\n });\n\n const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n const childrenMemo = getChildren(\n childrenArray,\n { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n value,\n filterValue,\n filterFunction,\n ).filter(Boolean);\n\n const values = getValues(childrenArray, value);\n\n const onSearch = (newSearch?: string, newOpened?: boolean) => {\n setSearch(newSearch);\n setFilterValue(newSearch);\n setInnerOpened(newOpened ?? true);\n };\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n onKeyDownTarget(event);\n };\n\n return (\n <StyledRoot ref={comboboxRef}>\n <StyledNativeSelect\n aria-invalid=\"false\"\n aria-hidden=\"true\"\n aria-readonly={readOnly}\n tabIndex={-1}\n form={form}\n name={name}\n value={`${value}`}\n disabled={disabled \|\| readOnly}\n />\n <StyledPopover\n role={role}\n isOpen={innerOpened}\n onToggle={onInnerToggle}\n target={\n <ComboboxTarget\n opened={innerOpened}\n values={values}\n label={label}\n placeholder={placeholder}\n search={search}\n enumerationType={enumerationType}\n valueType={valueType}\n readOnly={readOnly}\n disabled={disabled}\n size={size}\n closedWithoutChanges={closedWithoutChanges}\n ref={handleRef}\n chipsRefs={chipsRefs}\n inputRef={inputRef}\n id={innerId}\n onChange={onChangeChipValue}\n onSearch={onSearch}\n onKeyDown={onKeyDownHandle}\n {...rest}\n />\n }\n className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n id={innerId}\n offset={offset}\n placement={getPlacements(placement)}\n usePortal={usePortal}\n selectWidth={dynamicTargetWidth}\n frame={frame}\n trigger=\"click\"\n isFocusTrapped={false}\n preventOverflow={false}\n closeOnEsc={false}\n closeOnOverlayClick\n >\n <Root ref={setRef} view={view} size={size}>\n <StyledCombobox onKeyDown={onKeyDownSelect}>\n {childrenMemo.length ? (\n childrenMemo\n ) : (\n <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n )}\n </StyledCombobox>\n </Root>\n </StyledPopover>\n </StyledRoot>\n );\n },\n );\n\nexport const comboboxConfig = {\n name: 'Combobox',\n tag: 'div',\n layout: comboboxRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["comboboxRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","_ref$negativeResultCo","negativeResultContent","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","onKeyDown","filterFunction","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","_useState3","_useState4","innerOpened","setInnerOpened","_useState5","_useState6","search","setSearch","_useState7","_useState8","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","_rest$onChangeValue3","_useKeyNavigation","useKeyNavigation","componentType","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","StyledPopover","isOpen","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import React, { Children, forwardRef, useEffect, useRef, useState } from 'react';\nimport { safeUseId, useForkRef } from '@salutejs/plasma-core';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\nimport { getPlacements } from '../Dropdown/utils';\nimport { getChildren, getNewSelected, getValues } from '../Select/utils';\nimport { useKeyNavigation } from '../Select/hooks';\nimport { useDidMountEffect, useForceUpdate } from '../../hooks';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { ComboboxTarget } from './ui';\nimport { ComboboxItemNotFound, StyledPopover, StyledRoot, StyledCombobox, StyledNativeSelect } from './Combobox.styles';\nimport type { ComboboxPrimitiveValue, ComboboxProps } from './Combobox.types';\n\n/*\n Выпадающий список без внешнего контроля видимости.\n */\nexport const comboboxRoot = (Root: RootProps<HTMLInputElement, ComboboxProps>) =>\n forwardRef<HTMLInputElement, ComboboxProps>(\n (\n {\n name,\n form,\n readOnly,\n disabled,\n label,\n placeholder,\n id,\n children,\n role,\n view,\n size,\n frame,\n usePortal,\n negativeResultContent = 'Элементы не найдены',\n enumerationType = 'comma',\n opened = false,\n placement = 'bottom',\n onToggle,\n onKeyDown,\n filterFunction,\n ...rest\n },\n outerRootRef,\n ) => {\n const forceUpdate = useForceUpdate();\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n const { valueType = 'single', value } = rest;\n const offset = [0, 4] as [number, number];\n\n const [ref, setRef] = useState<HTMLInputElement \| null>(null);\n\n const targetRef = useRef<HTMLInputElement>(null);\n const chipsRefs = useRef<Array<HTMLButtonElement>>([]);\n const comboboxRef = useRef<HTMLDivElement>(null);\n const itemsRefs = useRef<Array<HTMLDivElement>>([]);\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef<HTMLInputElement>(targetRef, outerRootRef);\n const controlledRefs = { targetRef, chipsRefs, selectRef: comboboxRef, itemsRefs, inputRef };\n\n const [innerOpened, setInnerOpened] = useState(opened);\n const [search, setSearch] = useState<string \| undefined>('');\n const [filterValue, setFilterValue] = useState(search);\n\n // INFO: нужно высчитывать для корректной работы портала\n const dynamicTargetWidth = targetRef.current?.offsetWidth;\n\n // INFO: Из-за того, что классы передаются через ref,\n // состояние пропсов после изменения view, size\n // всегда предыдущее, поэтому нужно делать форс-ререндер\n useDidMountEffect(() => {\n forceUpdate();\n }, [view, size]);\n\n useEffect(() => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n setInnerOpened(opened);\n }, [opened, disabled, readOnly]);\n\n useEffect(() => {\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (opened) {\n setFilterValue('');\n }\n }, []);\n\n const onInnerToggle = (openValue: boolean, event: React.SyntheticEvent \| Event) => {\n if (disabled \|\| readOnly) {\n return;\n }\n\n // INFO: Для кейсов, когда значение выбрано и нужно вывести весь список\n if (!innerOpened) {\n setFilterValue('');\n }\n\n if (onToggle) {\n onToggle(openValue, event);\n\n return;\n }\n\n setInnerOpened(openValue);\n };\n\n const closedWithoutChanges = useRef(true);\n\n const updateValue = (item: HTMLElement, event: React.SyntheticEvent \| Event) => {\n const {\n dataset: { value: newValue },\n } = item;\n\n if (rest.valueType === 'multiple') {\n const newSelected = getNewSelected(rest.value, newValue, rest.valueType);\n rest.onChangeValue?.(newSelected);\n\n return;\n }\n\n const newSelected = getNewSelected(rest.value, newValue, 'single');\n\n rest.onChangeValue?.(newSelected);\n\n onInnerToggle?.(false, event);\n\n closedWithoutChanges.current = false;\n };\n\n const onClickChildrenItem = (event: React.MouseEvent<HTMLDivElement>) => {\n // INFO: Для корректной работы компонента Popper\n event.stopPropagation();\n\n const item = event.currentTarget as HTMLElement;\n\n updateValue(item, event);\n };\n\n const onChangeChipValue = (newValue?: Array<ComboboxPrimitiveValue>) => {\n if (rest.valueType !== 'multiple') {\n return;\n }\n\n rest.onChangeValue?.(newValue);\n };\n\n const { onKeyDownTarget, onKeyDownSelect } = useKeyNavigation({\n controlledRefs,\n opened: innerOpened,\n enumerationType,\n valueType,\n componentType: 'combobox',\n value,\n search: filterValue,\n updateOpened: onInnerToggle,\n updateValue,\n });\n\n const childrenArray = Children.toArray(children) as React.ReactElement[];\n\n const childrenMemo = getChildren(\n childrenArray,\n { onClick: onClickChildrenItem, childrenRefs: itemsRefs },\n value,\n filterValue,\n filterFunction,\n ).filter(Boolean);\n\n const values = getValues(childrenArray, value);\n\n const onSearch = (newSearch?: string, newOpened?: boolean) => {\n setSearch(newSearch);\n setFilterValue(newSearch);\n setInnerOpened(newOpened ?? true);\n };\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLInputElement>) => {\n onKeyDown?.(event);\n onKeyDownTarget(event);\n };\n\n return (\n <StyledRoot ref={comboboxRef}>\n <StyledNativeSelect\n aria-invalid=\"false\"\n aria-hidden=\"true\"\n aria-readonly={readOnly}\n tabIndex={-1}\n form={form}\n name={name}\n value={`${value}`}\n disabled={disabled \|\| readOnly}\n />\n <StyledPopover\n role={role}\n isOpen={innerOpened}\n onToggle={onInnerToggle}\n target={\n <ComboboxTarget\n opened={innerOpened}\n values={values}\n label={label}\n placeholder={placeholder}\n search={search}\n enumerationType={enumerationType}\n valueType={valueType}\n readOnly={readOnly}\n disabled={disabled}\n size={size}\n closedWithoutChanges={closedWithoutChanges}\n ref={handleRef}\n chipsRefs={chipsRefs}\n inputRef={inputRef}\n id={innerId}\n onChange={onChangeChipValue}\n onSearch={onSearch}\n onKeyDown={onKeyDownHandle}\n {...rest}\n />\n }\n className={cx(ref?.classList.toString())} // INFO: Прокидываем стили для Popover\n id={innerId}\n offset={offset}\n placement={getPlacements(placement)}\n usePortal={usePortal}\n selectWidth={dynamicTargetWidth}\n frame={frame}\n trigger=\"click\"\n isFocusTrapped={false}\n preventOverflow={false}\n closeOnEsc={false}\n closeOnOverlayClick\n >\n <Root ref={setRef} view={view} size={size}>\n <StyledCombobox onKeyDown={onKeyDownSelect}>\n {childrenMemo.length ? (\n childrenMemo\n ) : (\n <ComboboxItemNotFound>{negativeResultContent}</ComboboxItemNotFound>\n )}\n </StyledCombobox>\n </Root>\n </StyledPopover>\n </StyledRoot>\n );\n },\n );\n\nexport const comboboxConfig = {\n name: 'Combobox',\n tag: 'div',\n layout: comboboxRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["comboboxRoot","Root","forwardRef","_ref","outerRootRef","_targetRef$current","name","form","readOnly","disabled","label","placeholder","id","children","role","view","size","frame","usePortal","_ref$negativeResultCo","negativeResultContent","_ref$enumerationType","enumerationType","_ref$opened","opened","_ref$placement","placement","onToggle","onKeyDown","filterFunction","rest","_objectWithoutProperties","_excluded","forceUpdate","useForceUpdate","uniqId","safeUseId","innerId","_rest$valueType","valueType","value","offset","_useState","useState","_useState2","_slicedToArray","ref","setRef","targetRef","useRef","chipsRefs","comboboxRef","itemsRefs","inputRef","handleRef","useForkRef","controlledRefs","selectRef","_useState3","_useState4","innerOpened","setInnerOpened","_useState5","_useState6","search","setSearch","_useState7","_useState8","filterValue","setFilterValue","dynamicTargetWidth","current","offsetWidth","useDidMountEffect","useEffect","onInnerToggle","openValue","event","closedWithoutChanges","updateValue","item","_rest$onChangeValue2","newValue","dataset","_rest$onChangeValue","newSelected","getNewSelected","onChangeValue","call","onClickChildrenItem","stopPropagation","currentTarget","onChangeChipValue","_rest$onChangeValue3","_useKeyNavigation","useKeyNavigation","componentType","updateOpened","onKeyDownTarget","onKeyDownSelect","childrenArray","Children","toArray","childrenMemo","getChildren","onClick","childrenRefs","filter","Boolean","values","getValues","onSearch","newSearch","newOpened","onKeyDownHandle","React","createElement","StyledRoot","StyledNativeSelect","tabIndex","concat","StyledPopover","isOpen","target","ComboboxTarget","_extends","onChange","className","cx","classList","toString","getPlacements","selectWidth","trigger","isFocusTrapped","preventOverflow","closeOnEsc","closeOnOverlayClick","StyledCombobox","length","ComboboxItemNotFound","comboboxConfig","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}

package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js CHANGED Viewed

@@ -8,7 +8,7 @@ var Combobox_tokens = require('../../Combobox.tokens.js');
 var index = require('../../../../utils/index.js');
 var ComboboxChip = require('../ComboboxChip/ComboboxChip.js');
 var useFocusController = require('../../hooks/useFocusController.js');
-var useKeyNavigation = require('../../hooks/useKeyNavigation.js');
+var useKeyNavigation = require('../../../Select/hooks/useKeyNavigation.js');
 var ComboboxTarget_styles = require('./ComboboxTarget.styles.js');
 var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];

package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboboxTarget.js","sources":["../../../../../src/components/Combobox/ui/ComboboxTarget/ComboboxTarget.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\n\nimport { classes } from '../../Combobox.tokens';\nimport { cx } from '../../../../utils';\nimport { ComboboxChip } from '../ComboboxChip/ComboboxChip';\nimport type { ComboboxPrimitiveValue } from '../../Combobox.types';\nimport { useFocusController, Keys } from '../../hooks';\n\nimport {\n StyledArrow,\n StyledChips,\n StyledContent,\n StyledLabel,\n StyledComboboxInput,\n StyledComboboxInputHelper,\n StyledComboboxTarget,\n StyledText,\n} from './ComboboxTarget.styles';\nimport type { ComboboxTargetProps } from './ComboboxTarget.types';\n\nconst {\n hasChips,\n innerLabelUp,\n arrowInverse,\n comboboxTargetArrow,\n comboboxTargeText,\n comboboxTargetInput,\n comboboxTargetLabel,\n} = classes;\n\n/*\n Элемент для выпадающего списка\n */\nexport const ComboboxTarget = forwardRef<HTMLInputElement, ComboboxTargetProps>(\n (\n {\n values,\n search,\n label,\n placeholder,\n opened,\n readOnly,\n disabled,\n enumerationType,\n valueType,\n size,\n closedWithoutChanges,\n id,\n chipsRefs,\n inputRef,\n onChange,\n onSearch,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputHelperRef = useRef<HTMLDivElement>(null);\n const [focused, setFocused] = useState(false);\n\n const controlledRefs = { contentRef, inputHelperRef, inputRef };\n const textContent = values?.map(([, text]) => text).join(', ');\n const hasValue = values?.some(([value]) => value);\n\n const isEnumerationComma = enumerationType === 'comma';\n const isExtraSmall = size === 'xs';\n const isInputNotEmpty = hasValue \|\| search;\n const isInputActive = !hasValue && (opened \|\| (focused && !readOnly));\n const hasLabel = label && !isExtraSmall && isEnumerationComma;\n const hasOnlyLabel = !placeholder \|\| label;\n const hasNoAnyTip = !placeholder && !label;\n const placeholderValue = (!label && !hasValue) \|\| isExtraSmall ? placeholder : undefined;\n\n const withInnerLabelUp =\n !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive \|\| (hasLabel && isInputNotEmpty))\n ? innerLabelUp\n : undefined;\n const withArrowInverse = opened ? arrowInverse : undefined;\n const withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;\n\n const isLabelVisible = (!hasValue && !isExtraSmall) \|\| hasLabel;\n const isEnumerationVisible = hasValue && valueType !== 'single';\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const { onClickText, onFocusInput, onBlurInput } = useFocusController({\n controlledRefs,\n opened,\n hasValue,\n textContent,\n search,\n values,\n valueType,\n readOnly,\n closedWithoutChanges,\n updateFocused: setFocused,\n updateSearch: onSearch,\n onChipClick,\n });\n\n const onChipClear = (value: ComboboxPrimitiveValue, text: ComboboxPrimitiveValue, index: number) => {\n const newValue = values\n ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n .map(([itemValue]) => itemValue);\n\n chipsRefs?.current.splice(index, 1);\n onChange?.(newValue);\n };\n\n const onChipKeyDown = (\n value: ComboboxPrimitiveValue,\n text: ComboboxPrimitiveValue,\n index: number,\n event: React.KeyboardEvent<HTMLButtonElement>,\n ) => {\n const { code } = event;\n\n if (code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace) {\n onChipClear(value, text, index);\n }\n };\n\n const onKeyDownInput = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { code } = event;\n\n if (opened && code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace && !event.currentTarget?.value.length) {\n const newValue = values?.map(([itemValue]) => itemValue);\n newValue?.pop();\n chipsRefs?.current.pop();\n\n onChange?.(newValue);\n }\n };\n\n const onChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n onSearch?.(event.currentTarget.value);\n };\n\n const onWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n const { deltaY } = event;\n\n if (contentRef.current) {\n contentRef.current.scrollLeft += Math.round(deltaY);\n }\n };\n\n const getRef = (element: HTMLButtonElement \| null, index: number) => {\n if (element && chipsRefs && chipsRefs.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n if (chipsRefs) {\n chipsRefs.current = [];\n }\n\n return (\n <StyledComboboxTarget\n ref={ref}\n opened={opened}\n readOnly={readOnly}\n disabled={disabled}\n title={textContent}\n aria-label={label}\n className={cx(withInnerLabelUp, withHasChips)}\n onWheel={onWheel}\n onKeyDown={onKeyDown}\n {...rest}\n >\n <StyledContent tabIndex={-1} ref={contentRef} className={withHasChips}>\n {isEnumerationVisible &&\n (isEnumerationComma ? (\n <StyledText className={comboboxTargeText} onClick={onClickText}>\n {textContent}\n </StyledText>\n ) : (\n <StyledChips>\n {values?.map(([value, text], index) => (\n <ComboboxChip\n index={index}\n ref={(element) => getRef(element, index)}\n key={`${value}_${text}`}\n disabled={disabled}\n readOnly={readOnly}\n value={value}\n text={text}\n onClear={(v, t) => onChipClear(v, t, index)}\n onClick={onChipClick}\n onKeyDown={onChipKeyDown}\n />\n ))}\n </StyledChips>\n ))}\n <StyledComboboxInput\n ref={inputRef}\n role=\"textbox\"\n className={comboboxTargetInput}\n value={search}\n placeholder={placeholderValue}\n disabled={disabled}\n readOnly={readOnly}\n onFocus={onFocusInput}\n onBlur={onBlurInput}\n onChange={onChangeInput}\n onKeyDown={onKeyDownInput}\n />\n {valueType === 'multiple' && (\n <StyledComboboxInputHelper ref={inputHelperRef}>{search}</StyledComboboxInputHelper>\n )}\n </StyledContent>\n {isLabelVisible && (\n <StyledLabel className={comboboxTargetLabel} htmlFor={id}>\n {label}\n </StyledLabel>\n )}\n <StyledArrow size=\"s\" className={cx(comboboxTargetArrow, withArrowInverse)} />\n </StyledComboboxTarget>\n );\n },\n);\n"],"names":["hasChips","classes","innerLabelUp","arrowInverse","comboboxTargetArrow","comboboxTargeText","comboboxTargetInput","comboboxTargetLabel","ComboboxTarget","forwardRef","_ref","ref","values","search","label","placeholder","opened","readOnly","disabled","enumerationType","valueType","size","closedWithoutChanges","id","chipsRefs","inputRef","onChange","onSearch","onKeyDown","rest","_objectWithoutProperties","_excluded","contentRef","useRef","inputHelperRef","_useState","useState","_useState2","_slicedToArray","focused","setFocused","controlledRefs","textContent","map","_ref2","_ref3","text","join","hasValue","some","_ref4","_ref5","value","isEnumerationComma","isExtraSmall","isInputNotEmpty","isInputActive","hasLabel","hasOnlyLabel","hasNoAnyTip","placeholderValue","undefined","withInnerLabelUp","withArrowInverse","withHasChips","isLabelVisible","isEnumerationVisible","onChipClick","event","stopPropagation","_useFocusController","useFocusController","updateFocused","updateSearch","onClickText","onFocusInput","onBlurInput","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","Keys","Tab","preventDefault","Backspace","onKeyDownInput","_event$currentTarget","currentTarget","length","_ref10","_ref11","pop","onChangeInput","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledComboboxTarget","_extends","title","className","cx","StyledContent","tabIndex","StyledText","onClick","StyledChips","_ref12","_ref13","ComboboxChip","key","concat","onClear","v","t","StyledComboboxInput","role","onFocus","onBlur","StyledComboboxInputHelper","StyledLabel","htmlFor","StyledArrow"],"mappings":"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"}
1	+ {"version":3,"file":"ComboboxTarget.js","sources":["../../../../../src/components/Combobox/ui/ComboboxTarget/ComboboxTarget.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\n\nimport { classes } from '../../Combobox.tokens';\nimport { cx } from '../../../../utils';\nimport { ComboboxChip } from '../ComboboxChip/ComboboxChip';\nimport type { ComboboxPrimitiveValue } from '../../Combobox.types';\nimport { useFocusController } from '../../hooks';\nimport { Keys } from '../../../Select/hooks/useKeyNavigation';\n\nimport {\n StyledArrow,\n StyledChips,\n StyledContent,\n StyledLabel,\n StyledComboboxInput,\n StyledComboboxInputHelper,\n StyledComboboxTarget,\n StyledText,\n} from './ComboboxTarget.styles';\nimport type { ComboboxTargetProps } from './ComboboxTarget.types';\n\nconst {\n hasChips,\n innerLabelUp,\n arrowInverse,\n comboboxTargetArrow,\n comboboxTargeText,\n comboboxTargetInput,\n comboboxTargetLabel,\n} = classes;\n\n/*\n Элемент для выпадающего списка\n */\nexport const ComboboxTarget = forwardRef<HTMLInputElement, ComboboxTargetProps>(\n (\n {\n values,\n search,\n label,\n placeholder,\n opened,\n readOnly,\n disabled,\n enumerationType,\n valueType,\n size,\n closedWithoutChanges,\n id,\n chipsRefs,\n inputRef,\n onChange,\n onSearch,\n onKeyDown,\n ...rest\n },\n ref,\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const inputHelperRef = useRef<HTMLDivElement>(null);\n const [focused, setFocused] = useState(false);\n\n const controlledRefs = { contentRef, inputHelperRef, inputRef };\n const textContent = values?.map(([, text]) => text).join(', ');\n const hasValue = values?.some(([value]) => value);\n\n const isEnumerationComma = enumerationType === 'comma';\n const isExtraSmall = size === 'xs';\n const isInputNotEmpty = hasValue \|\| search;\n const isInputActive = !hasValue && (opened \|\| (focused && !readOnly));\n const hasLabel = label && !isExtraSmall && isEnumerationComma;\n const hasOnlyLabel = !placeholder \|\| label;\n const hasNoAnyTip = !placeholder && !label;\n const placeholderValue = (!label && !hasValue) \|\| isExtraSmall ? placeholder : undefined;\n\n const withInnerLabelUp =\n !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive \|\| (hasLabel && isInputNotEmpty))\n ? innerLabelUp\n : undefined;\n const withArrowInverse = opened ? arrowInverse : undefined;\n const withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;\n\n const isLabelVisible = (!hasValue && !isExtraSmall) \|\| hasLabel;\n const isEnumerationVisible = hasValue && valueType !== 'single';\n\n const onChipClick = (event: React.MouseEvent<HTMLButtonElement>) => event.stopPropagation();\n\n const { onClickText, onFocusInput, onBlurInput } = useFocusController({\n controlledRefs,\n opened,\n hasValue,\n textContent,\n search,\n values,\n valueType,\n readOnly,\n closedWithoutChanges,\n updateFocused: setFocused,\n updateSearch: onSearch,\n onChipClick,\n });\n\n const onChipClear = (value: ComboboxPrimitiveValue, text: ComboboxPrimitiveValue, index: number) => {\n const newValue = values\n ?.filter(([itemValue, itemText]) => !(itemValue === value && itemText === text))\n .map(([itemValue]) => itemValue);\n\n chipsRefs?.current.splice(index, 1);\n onChange?.(newValue);\n };\n\n const onChipKeyDown = (\n value: ComboboxPrimitiveValue,\n text: ComboboxPrimitiveValue,\n index: number,\n event: React.KeyboardEvent<HTMLButtonElement>,\n ) => {\n const { code } = event;\n\n if (code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace) {\n onChipClear(value, text, index);\n }\n };\n\n const onKeyDownInput = (event: React.KeyboardEvent<HTMLInputElement>) => {\n const { code } = event;\n\n if (opened && code === Keys.Tab) {\n event.preventDefault();\n }\n\n if (code === Keys.Backspace && !event.currentTarget?.value.length) {\n const newValue = values?.map(([itemValue]) => itemValue);\n newValue?.pop();\n chipsRefs?.current.pop();\n\n onChange?.(newValue);\n }\n };\n\n const onChangeInput = (event: React.ChangeEvent<HTMLInputElement>) => {\n onSearch?.(event.currentTarget.value);\n };\n\n const onWheel = (event: React.WheelEvent<HTMLDivElement>) => {\n const { deltaY } = event;\n\n if (contentRef.current) {\n contentRef.current.scrollLeft += Math.round(deltaY);\n }\n };\n\n const getRef = (element: HTMLButtonElement \| null, index: number) => {\n if (element && chipsRefs && chipsRefs.current) {\n chipsRefs.current[index] = element;\n }\n };\n\n // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов\n if (chipsRefs) {\n chipsRefs.current = [];\n }\n\n return (\n <StyledComboboxTarget\n ref={ref}\n opened={opened}\n readOnly={readOnly}\n disabled={disabled}\n title={textContent}\n aria-label={label}\n className={cx(withInnerLabelUp, withHasChips)}\n onWheel={onWheel}\n onKeyDown={onKeyDown}\n {...rest}\n >\n <StyledContent tabIndex={-1} ref={contentRef} className={withHasChips}>\n {isEnumerationVisible &&\n (isEnumerationComma ? (\n <StyledText className={comboboxTargeText} onClick={onClickText}>\n {textContent}\n </StyledText>\n ) : (\n <StyledChips>\n {values?.map(([value, text], index) => (\n <ComboboxChip\n index={index}\n ref={(element) => getRef(element, index)}\n key={`${value}_${text}`}\n disabled={disabled}\n readOnly={readOnly}\n value={value}\n text={text}\n onClear={(v, t) => onChipClear(v, t, index)}\n onClick={onChipClick}\n onKeyDown={onChipKeyDown}\n />\n ))}\n </StyledChips>\n ))}\n <StyledComboboxInput\n ref={inputRef}\n role=\"textbox\"\n className={comboboxTargetInput}\n value={search}\n placeholder={placeholderValue}\n disabled={disabled}\n readOnly={readOnly}\n onFocus={onFocusInput}\n onBlur={onBlurInput}\n onChange={onChangeInput}\n onKeyDown={onKeyDownInput}\n />\n {valueType === 'multiple' && (\n <StyledComboboxInputHelper ref={inputHelperRef}>{search}</StyledComboboxInputHelper>\n )}\n </StyledContent>\n {isLabelVisible && (\n <StyledLabel className={comboboxTargetLabel} htmlFor={id}>\n {label}\n </StyledLabel>\n )}\n <StyledArrow size=\"s\" className={cx(comboboxTargetArrow, withArrowInverse)} />\n </StyledComboboxTarget>\n );\n },\n);\n"],"names":["hasChips","classes","innerLabelUp","arrowInverse","comboboxTargetArrow","comboboxTargeText","comboboxTargetInput","comboboxTargetLabel","ComboboxTarget","forwardRef","_ref","ref","values","search","label","placeholder","opened","readOnly","disabled","enumerationType","valueType","size","closedWithoutChanges","id","chipsRefs","inputRef","onChange","onSearch","onKeyDown","rest","_objectWithoutProperties","_excluded","contentRef","useRef","inputHelperRef","_useState","useState","_useState2","_slicedToArray","focused","setFocused","controlledRefs","textContent","map","_ref2","_ref3","text","join","hasValue","some","_ref4","_ref5","value","isEnumerationComma","isExtraSmall","isInputNotEmpty","isInputActive","hasLabel","hasOnlyLabel","hasNoAnyTip","placeholderValue","undefined","withInnerLabelUp","withArrowInverse","withHasChips","isLabelVisible","isEnumerationVisible","onChipClick","event","stopPropagation","_useFocusController","useFocusController","updateFocused","updateSearch","onClickText","onFocusInput","onBlurInput","onChipClear","index","newValue","filter","_ref6","_ref7","itemValue","itemText","_ref8","_ref9","current","splice","onChipKeyDown","code","Keys","Tab","preventDefault","Backspace","onKeyDownInput","_event$currentTarget","currentTarget","length","_ref10","_ref11","pop","onChangeInput","onWheel","deltaY","scrollLeft","Math","round","getRef","element","React","createElement","StyledComboboxTarget","_extends","title","className","cx","StyledContent","tabIndex","StyledText","onClick","StyledChips","_ref12","_ref13","ComboboxChip","key","concat","onClear","v","t","StyledComboboxInput","role","onFocus","onBlur","StyledComboboxInputHelper","StyledLabel","htmlFor","StyledArrow"],"mappings":"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"}

package/cjs/components/Combobox/utils/index.js CHANGED Viewed

@@ -18,109 +18,6 @@ var getValidComponent = function getValidComponent(element, props) {
   }
   return element;
 };
-var getNewSelected = function getNewSelected(selected, newValue, type) {
-  if (newValue === undefined || newValue === null) {
-    return newValue;
-  }
-  if ((type === 'single' || type === 'native') && (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')) {
-    return newValue;
-  }
-  var newSelected = selected || [];
-  var set = new Set(newSelected);
-  if (set.has(newValue)) {
-    set["delete"](newValue);
-  } else {
-    set.add(newValue);
-  }
-  return Array.from(set);
-};
-var getChildrenInnerText = function getChildrenInnerText(children) {
-  if (!children || typeof children === 'string') {
-    return children;
-  }
-  return getChildrenInnerText(children.props.children);
-};
-var getValues = function getValues(items, value) {
-  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  items.forEach(function (item) {
-    if (item.props === undefined) {
-      return result;
-    }
-    var newValue = item.props.value;
-    if (item.props.children && Array.isArray(item.props.children)) {
-      return getValues(item.props.children, value, result);
-    }
-    if (!Array.isArray(value) && newValue === value || Array.isArray(value) && value !== null && value !== void 0 && value.find(function (v) {
-      return newValue === v;
-    })) {
-      var index = Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.findIndex(function (v) {
-        return newValue === v;
-      })) || 0;
-      if (item.props.text) {
-        var _newText = item.props.text;
-        result[index] = [newValue, _newText];
-        return;
-      }
-      var newText = getChildrenInnerText(item.props.children);
-      result[index] = [newValue, newText];
-    }
-    return result;
-  });
-  return result;
-};
-var getChildrenItemChecked = function getChildrenItemChecked(value, child) {
-  return !Array.isArray(value) && (child === null || child === void 0 ? void 0 : child.props.value) === value || Array.isArray(value) && Boolean(value === null || value === void 0 ? void 0 : value.find(function (v) {
-    return (child === null || child === void 0 ? void 0 : child.props.value) === v;
-  }));
-};
-// INFO: Функция для рекурсивного обновления пропсов
-var updatePropsRecursively = function updatePropsRecursively(children, externalProps, value, search, filterFunction) {
-  return React.Children.map(children || [], function (child) {
-    if (! /*#__PURE__*/React.isValidElement(child)) {
-      return child;
-    }
-    var hasValue = ('value' in (child === null || child === void 0 ? void 0 : child.props));
-    var props = _rollupPluginBabelHelpers.objectSpread2({
-      key: "".concat(value, "$"),
-      checked: getChildrenItemChecked(value, child)
-    }, hasValue && {
-      ref: function ref(element) {
-        var _externalProps$childr;
-        if (externalProps !== null && externalProps !== void 0 && (_externalProps$childr = externalProps.childrenRefs) !== null && _externalProps$childr !== void 0 && _externalProps$childr.current && element) {
-          externalProps.childrenRefs.current.push(element);
-        }
-      },
-      onClick: function onClick(event) {
-        var _child$props$onClick, _child$props, _externalProps$onClic;
-        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
-        externalProps === null || externalProps === void 0 || (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 || _externalProps$onClic.call(externalProps, event);
-      }
-    });
-    var updatedChild = updatePropsRecursively(child.props.children, externalProps, value, search, filterFunction);
-    if (filterFunction) {
-      var _child$props2;
-      var text = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.text) || '';
-      return filterFunction(text, search) ? /*#__PURE__*/React.cloneElement(child, props, updatedChild) : null;
-    }
-    return /*#__PURE__*/React.cloneElement(child, props, updatedChild);
-  });
-};
-var defaultFilterFunction = function defaultFilterFunction(text) {
-  var filterValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return text.includes(filterValue);
-};
-var getChildren = function getChildren(children, externalProps, value, search) {
-  var filterFunction = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultFilterFunction;
-  if (externalProps.childrenRefs) {
-    externalProps.childrenRefs.current = [];
-  }
-  return updatePropsRecursively(children, externalProps, value, search, filterFunction);
-};
-exports.getChildren = getChildren;
-exports.getNewSelected = getNewSelected;
 exports.getValidComponent = getValidComponent;
-exports.getValues = getValues;
-exports.updatePropsRecursively = updatePropsRecursively;
 //# sourceMappingURL=index.js.map

package/cjs/components/Combobox/utils/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/Combobox/utils/index.tsx"],"sourcesContent":["import React, { cloneElement, isValidElement, Children } from 'react';\nimport type { ElementType, ReactNode, MouseEvent, ReactElement } from 'react';\n\nimport { SelectPrimitiveValue, ValueType, SelectValue } from '../Select.types';\nimport type { ComboboxItemProps } from '../ui/ComboboxItem/ComboboxItem.type';\n\nconst isReactObject = (element: any): element is ElementType => {\n return typeof element === 'object' \|\| typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType \| ReactNode, props: object) => {\n if (isValidElement(element)) {\n return cloneElement(element, props);\n }\n\n if (isReactObject(element)) {\n const Component = element;\n\n return <Component {...props} />;\n }\n\n return element;\n};\n\ntype NewSelectedFunc = {\n (selected?: undefined \| null, newValue?: undefined \| null, type?: undefined \| null): undefined;\n (selected?: SelectPrimitiveValue, newValue?: SelectPrimitiveValue, type?: ValueType): SelectPrimitiveValue;\n (selected?: Array<SelectPrimitiveValue>, newValue?: SelectPrimitiveValue, type?: ValueType): Array<\n SelectPrimitiveValue\n >;\n};\n\nexport const getNewSelected: NewSelectedFunc = (selected: any, newValue: any, type: any) => {\n if (newValue === undefined \|\| newValue === null) {\n return newValue;\n }\n\n if (\n (type === 'single' \|\| type === 'native') &&\n (typeof newValue === 'string' \|\| typeof newValue === 'number' \|\| typeof newValue === 'boolean')\n ) {\n return newValue;\n }\n\n const newSelected = selected \|\| [];\n\n const set = new Set(newSelected);\n\n if (set.has(newValue)) {\n set.delete(newValue);\n } else {\n set.add(newValue);\n }\n\n return Array.from(set);\n};\n\nconst getChildrenInnerText = (children: ReactElement): string => {\n if (!children \|\| typeof children === 'string') {\n return children;\n }\n\n return getChildrenInnerText(children.props.children);\n};\n\nexport const getValues = (items: ReactElement[], value?: SelectValue, result: Array<Array<string>> = []) => {\n items.forEach((item) => {\n if (item.props === undefined) {\n return result;\n }\n\n const { value: newValue } = item.props;\n\n if (item.props.children && Array.isArray(item.props.children)) {\n return getValues(item.props.children, value, result);\n }\n\n if (\n (!Array.isArray(value) && newValue === value) \|\|\n (Array.isArray(value) && value?.find((v) => newValue === v))\n ) {\n const index = (Array.isArray(value) && value?.findIndex((v) => newValue === v)) \|\| 0;\n\n if (item.props.text) {\n const { text: newText } = item.props;\n result[index] = [newValue, newText];\n\n return;\n }\n\n const newText = getChildrenInnerText(item.props.children);\n result[index] = [newValue, newText];\n }\n\n return result;\n });\n\n return result;\n};\n\nconst getChildrenItemChecked = (value?: SelectValue, child?: ReactElement<ComboboxItemProps>) =>\n (!Array.isArray(value) && child?.props.value === value) \|\|\n (Array.isArray(value) && Boolean(value?.find((v) => child?.props.value === v)));\n\n// INFO: Функция для рекурсивного обновления пропсов\nexport const updatePropsRecursively = (\n children?: ReactElement<ComboboxItemProps>[],\n externalProps?: Record<string, any>,\n value?: SelectValue,\n search?: string,\n filterFunction?: (childText: string, filterValue?: string) => boolean,\n): ReactNode[] =>\n Children.map(children \|\| [], (child) => {\n if (!isValidElement(child)) {\n return child;\n }\n\n const hasValue = 'value' in child?.props;\n\n const props = {\n key: `${value}$`,\n checked: getChildrenItemChecked(value, child),\n ...(hasValue && {\n ref: (element: HTMLDivElement) => {\n if (externalProps?.childrenRefs?.current && element) {\n externalProps.childrenRefs.current.push(element);\n }\n },\n onClick: (event: MouseEvent<HTMLDivElement>) => {\n child.props.onClick?.(event);\n externalProps?.onClick?.(event);\n },\n }),\n };\n\n const updatedChild = updatePropsRecursively(\n child.props.children as ReactElement<ComboboxItemProps>[],\n externalProps,\n value,\n search,\n filterFunction,\n );\n\n if (filterFunction) {\n const text = child.props?.text \|\| '';\n\n return filterFunction(text, search) ? cloneElement(child, props, updatedChild) : null;\n }\n\n return cloneElement(child, props, updatedChild);\n });\n\nconst defaultFilterFunction = (text: string, filterValue = '') => text.includes(filterValue);\n\nexport const getChildren = (\n children: ReactElement<ComboboxItemProps>[],\n externalProps: Record<string, any>,\n value?: SelectValue,\n search?: string,\n filterFunction = defaultFilterFunction,\n) => {\n if (externalProps.childrenRefs) {\n externalProps.childrenRefs.current = [];\n }\n\n return updatePropsRecursively(children, externalProps, value, search, filterFunction);\n};\n"],"names":["isReactObject","element","_typeof","getValidComponent","props","isValidElement","cloneElement","Component","React","createElement","getNewSelected","selected","newValue","type","undefined","newSelected","set","Set","has","add","Array","from","getChildrenInnerText","children","getValues","items","value","result","arguments","length","forEach","item","isArray","find","v","index","findIndex","text","newText","getChildrenItemChecked","child","Boolean","updatePropsRecursively","externalProps","search","filterFunction","Children","map","hasValue","_objectSpread","key","concat","checked","ref","_externalProps$childr","childrenRefs","current","push","onClick","event","_child$props$onClick","_child$props","_externalProps$onClic","call","updatedChild","_child$props2","defaultFilterFunction","filterValue","includes","getChildren"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/Combobox/utils/index.tsx"],"sourcesContent":["import React, { cloneElement, isValidElement } from 'react';\nimport type { ElementType, ReactNode } from 'react';\n\nconst isReactObject = (element: any): element is ElementType => {\n return typeof element === 'object' \|\| typeof element === 'function';\n};\n\nexport const getValidComponent = (element: ElementType \| ReactNode, props: object) => {\n if (isValidElement(element)) {\n return cloneElement(element, props);\n }\n\n if (isReactObject(element)) {\n const Component = element;\n\n return <Component {...props} />;\n }\n\n return element;\n};\n"],"names":["isReactObject","element","_typeof","getValidComponent","props","isValidElement","cloneElement","Component","React","createElement"],"mappings":";;;;;;;AAGA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAY,EAA6B;EAC5D,OAAOC,gCAAA,CAAOD,OAAO,CAAA,KAAK,QAAQ,IAAI,OAAOA,OAAO,KAAK,UAAU,CAAA;AACvE,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIF,OAAgC,EAAEG,KAAa,EAAK;AAClF,EAAA,kBAAIC,oBAAc,CAACJ,OAAO,CAAC,EAAE;AACzB,IAAA,oBAAOK,kBAAY,CAACL,OAAO,EAAEG,KAAK,CAAC,CAAA;AACvC,GAAA;AAEA,EAAA,IAAIJ,aAAa,CAACC,OAAO,CAAC,EAAE;IACxB,IAAMM,SAAS,GAAGN,OAAO,CAAA;AAEzB,IAAA,oBAAOO,KAAA,CAAAC,aAAA,CAACF,SAAS,EAAKH,KAAQ,CAAC,CAAA;AACnC,GAAA;AAEA,EAAA,OAAOH,OAAO,CAAA;AAClB;;;;"}

package/cjs/components/Dropdown/Dropdown.tokens.js CHANGED Viewed

@@ -16,52 +16,24 @@ var tokens = {
   borderRadius: '--plasma-dropdown-border-radius',
   padding: '--plasma-dropdown-padding',
   disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
-  disabledOpacity: '--plasma-dropdown-disabled-opacity',
-  focusColor: '--plasma-dropdown-focus-color',
   itemBackground: '--plasma-dropdown-item-background',
-  itemBackgroundHover: '--plasma-dropdown-item-background-hover',
-  itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
-  // Old
-  itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
-  // Old
   itemColor: '--plasma-dropdown-item-color',
-  itemColorSelected: '--plasma-dropdown-item-color-selected',
-  // Old
-  itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
-  // Old
+  itemBackgroundHover: '--plasma-dropdown-item-background-hover',
   itemBorderRadius: '--plasma-dropdown-item-border-radius',
-  itemWidth: '--plasma-dropdown-item-width',
-  // Old
-  itemHeight: '--plasma-dropdown-item-height',
-  // Old
-  itemMarginTop: '--plasma-dropdown-item-margin-top',
-  // Old
-  itemMarginRight: '--plasma-dropdown-item-margin-right',
-  // Old
-  itemMarginBottom: '--plasma-dropdown-item-margin-bottom',
-  // Old
-  itemMarginLeft: '--plasma-dropdown-item-margin-left',
-  // Old
   itemPaddingTop: '--plasma-dropdown-item-padding-top',
   itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight',
   itemPaddingRight: '--plasma-dropdown-item-padding-right',
   itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
   itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight',
   itemPaddingLeft: '--plasma-dropdown-item-padding-left',
-  itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
-  // Old
-  itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
-  // Old
-  itemContentRightWidth: '--plasma-dropdown-item-content-right-width',
-  // Old
-  itemContentRightColor: '--plasma-dropdown-item-content-right-color',
-  // Old
   itemFontFamily: '--plasma-dropdown-item-font-family',
   itemFontSize: '--plasma-dropdown-item-font-size',
   itemFontStyle: '--plasma-dropdown-item-font-style',
   itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
   itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
   itemFontLineHeight: '--plasma-dropdown-item-font-weight',
+  disabledOpacity: '--plasma-dropdown-disabled-opacity',
+  focusColor: '--plasma-dropdown-focus-color',
   // TODO: Remove below tokens as soon as they are no longer needed
   footerBackground: '--plasma-dropdown-footer-background',
   footerWidth: '--plasma-dropdown-footer-width',
@@ -129,7 +101,21 @@ var tokens = {
   groupLabelMarginTop: '--plasma-dropdown-group-label-margin-top',
   groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
   groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
-  groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left'
+  groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left',
+  itemBackgroundSelected: '--plasma-dropdown-item-background-selected',
+  itemColorSelected: '--plasma-dropdown-item-color-selected',
+  itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
+  itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
+  itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
+  itemContentRightColor: '--plasma-dropdown-item-content-right-color',
+  itemWidth: '--plasma-dropdown-item-width',
+  itemHeight: '--plasma-dropdown-item-height',
+  itemMarginTop: '--plasma-dropdown-item-margin-top',
+  itemMarginRight: '--plasma-dropdown-item-margin-right',
+  itemMarginBottom: '--plasma-dropdown-item-margin-bottom',
+  itemMarginLeft: '--plasma-dropdown-item-margin-left',
+  itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
+  itemContentRightWidth: '--plasma-dropdown-item-content-right-width'
 };
 exports.classes = classes;