@salutejs/plasma-new-hope 0.88.0-canary.1233.9420319803.0 → 0.88.0-canary.1233.9439608380.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Chip/Chip.css +5 -5
- package/cjs/components/Chip/Chip.styles.js +1 -1
- package/cjs/components/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chip/{Chip.styles_1l2rsrr.css → Chip.styles_1mwwhiw.css} +1 -1
- package/cjs/components/Combobox/Combobox.css +5 -5
- package/cjs/components/Combobox/ui/ComboboxChip/ComboboxChip.css +5 -5
- package/cjs/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +5 -5
- package/cjs/components/Pagination/Pagination.css +10 -11
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -11
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +0 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/cjs/components/Range/Range.css +5 -5
- package/cjs/components/Select/Select.css +10 -11
- package/cjs/components/Select/Select.js +16 -10
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +2 -0
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/elements/Inner/Inner.css +10 -11
- package/cjs/components/Select/elements/Inner/Inner.js +7 -2
- package/cjs/components/Select/elements/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/elements/Inner/elements/Item/Item.css +10 -11
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js +17 -6
- package/cjs/components/Select/elements/Inner/elements/Item/Item.js.map +1 -1
- package/cjs/components/Select/elements/Target/Target.css +10 -11
- package/cjs/components/Select/elements/Target/Target.js +9 -3
- package/cjs/components/Select/elements/Target/Target.js.map +1 -1
- package/cjs/components/Select/elements/Target/elements/Button/Button.css +5 -6
- package/cjs/components/Select/elements/Target/elements/Button/Button.js +28 -32
- package/cjs/components/Select/elements/Target/elements/Button/Button.js.map +1 -1
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +2 -8
- package/cjs/components/Select/elements/Target/elements/Button/Button.styles.js.map +1 -1
- package/cjs/components/Select/elements/Target/elements/Button/{Button.styles_1bweq1y.css → Button.styles_1r519o1.css} +1 -2
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.css +5 -5
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +25 -7
- package/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.css +5 -5
- package/cjs/components/Select/hooks/useKeyboardNavigation.js +11 -2
- package/cjs/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/Select/utils/getButtonLabel.js +47 -0
- package/cjs/components/Select/utils/getButtonLabel.js.map +1 -0
- package/cjs/components/Slider/Slider.css +5 -5
- package/cjs/components/Slider/components/Double/Double.css +5 -5
- package/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.css +5 -5
- package/cjs/index.css +10 -11
- package/es/components/Chip/Chip.css +5 -5
- package/es/components/Chip/Chip.styles.js +1 -1
- package/es/components/Chip/Chip.styles.js.map +1 -1
- package/es/components/Chip/{Chip.styles_1l2rsrr.css → Chip.styles_1mwwhiw.css} +1 -1
- package/es/components/Combobox/Combobox.css +5 -5
- package/es/components/Combobox/ui/ComboboxChip/ComboboxChip.css +5 -5
- package/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.css +5 -5
- package/es/components/Pagination/Pagination.css +10 -11
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +10 -11
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +0 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js.map +1 -1
- package/es/components/Range/Range.css +5 -5
- package/es/components/Select/Select.css +10 -11
- package/es/components/Select/Select.js +16 -10
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +2 -0
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/elements/Inner/Inner.css +10 -11
- package/es/components/Select/elements/Inner/Inner.js +7 -2
- package/es/components/Select/elements/Inner/Inner.js.map +1 -1
- package/es/components/Select/elements/Inner/elements/Item/Item.css +10 -11
- package/es/components/Select/elements/Inner/elements/Item/Item.js +17 -6
- package/es/components/Select/elements/Inner/elements/Item/Item.js.map +1 -1
- package/es/components/Select/elements/Target/Target.css +10 -11
- package/es/components/Select/elements/Target/Target.js +9 -3
- package/es/components/Select/elements/Target/Target.js.map +1 -1
- package/es/components/Select/elements/Target/elements/Button/Button.css +5 -6
- package/es/components/Select/elements/Target/elements/Button/Button.js +29 -33
- package/es/components/Select/elements/Target/elements/Button/Button.js.map +1 -1
- package/es/components/Select/elements/Target/elements/Button/Button.styles.js +3 -8
- package/es/components/Select/elements/Target/elements/Button/Button.styles.js.map +1 -1
- package/es/components/Select/elements/Target/elements/Button/{Button.styles_1bweq1y.css → Button.styles_1r519o1.css} +1 -2
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.css +5 -5
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js +25 -7
- package/es/components/Select/elements/Target/elements/Textfield/Textfield.js.map +1 -1
- package/es/components/Select/elements/Target/elements/Textfield/elements/Chip/Chip.css +5 -5
- package/es/components/Select/hooks/useKeyboardNavigation.js +11 -2
- package/es/components/Select/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/Select/utils/getButtonLabel.js +43 -0
- package/es/components/Select/utils/getButtonLabel.js.map +1 -0
- package/es/components/Slider/Slider.css +5 -5
- package/es/components/Slider/components/Double/Double.css +5 -5
- package/es/components/TextField/ui/TextFieldChip/TextFieldChip.css +5 -5
- package/es/index.css +10 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/Chip/Chip.styles.js +1 -1
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +0 -1
- package/styled-components/cjs/components/Select/Select.js +26 -20
- package/styled-components/cjs/components/Select/elements/Inner/Inner.js +7 -2
- package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.js +16 -5
- package/styled-components/cjs/components/Select/elements/Target/Target.js +9 -3
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.js +28 -31
- package/styled-components/cjs/components/Select/elements/Target/elements/Button/Button.styles.js +3 -6
- package/styled-components/cjs/components/Select/elements/Target/elements/Textfield/Textfield.js +25 -7
- package/styled-components/cjs/components/Select/hooks/useKeyboardNavigation.js +11 -2
- package/styled-components/cjs/components/Select/utils/getButtonLabel.js +43 -0
- package/styled-components/cjs/components/Select/utils/index.js +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.config.js +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Select/Select.stories.tsx +22 -50
- package/styled-components/es/components/Chip/Chip.styles.js +1 -1
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.js +0 -1
- package/styled-components/es/components/Select/Select.js +16 -10
- package/styled-components/es/components/Select/elements/Inner/Inner.js +7 -2
- package/styled-components/es/components/Select/elements/Inner/elements/Item/Item.js +16 -5
- package/styled-components/es/components/Select/elements/Target/Target.js +9 -3
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.js +30 -33
- package/styled-components/es/components/Select/elements/Target/elements/Button/Button.styles.js +2 -5
- package/styled-components/es/components/Select/elements/Target/elements/Textfield/Textfield.js +25 -7
- package/styled-components/es/components/Select/hooks/useKeyboardNavigation.js +11 -2
- package/styled-components/es/components/Select/utils/getButtonLabel.js +37 -0
- package/styled-components/es/components/Select/utils/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.config.js +1 -0
- package/styled-components/es/examples/plasma_b2c/components/Select/Select.stories.tsx +22 -50
- package/types/components/Chip/Chip.styles.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.types.d.ts +5 -9
- package/types/components/Dropdown/Dropdown.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +4 -92
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts +1 -0
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +22 -12
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/elements/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/elements/Inner/elements/Item/Item.d.ts.map +1 -1
- package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts +37 -1
- package/types/components/Select/elements/Inner/elements/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/elements/Target/Target.d.ts.map +1 -1
- package/types/components/Select/elements/Target/Target.types.d.ts +5 -3
- package/types/components/Select/elements/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/elements/Target/elements/Button/Button.d.ts.map +1 -1
- package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts +0 -1
- package/types/components/Select/elements/Target/elements/Button/Button.styles.d.ts.map +1 -1
- package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts +1 -1
- package/types/components/Select/elements/Target/elements/Button/Button.types.d.ts.map +1 -1
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/elements/Target/elements/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/Select/utils/getButtonLabel.d.ts +3 -0
- package/types/components/Select/utils/getButtonLabel.d.ts.map +1 -0
- package/types/components/Select/utils/index.d.ts +1 -0
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts +1 -0
- package/types/examples/plasma_b2c/components/Select/Select.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Select/Select.d.ts +4 -92
- package/types/examples/plasma_b2c/components/Select/Select.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: 100%;\n }\n`;\n\nexport const Ul = styled.ul<{\n listOverflow?: SelectProps['listOverflow'];\n listHeight?: SelectProps['listHeight'];\n listWidth?: SelectProps['listWidth'];\n isInnerUl?: boolean;\n}>`\n box-sizing: border-box;\n\n background: var(${constants.background});\n box-shadow: var(${constants.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || '100%'};\n height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n display: block;\n }\n`;\n\nexport const OuterLabel = styled.label`\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n color: var(${constants.textfieldOuterLabelColor});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const HelperText = styled.div`\n margin-top: var(${tokens.helperTextOffset});\n color: var(${tokens.helperTextColor});\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","concat","tokens","padding","Ul","vars","base","OuterLabel","HelperText"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.styles.js","sources":["../../../src/components/Select/Select.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { getCorrectHeight } from './utils';\nimport { SelectProps } from './Select.types';\nimport { tokens, constants } from './Select.tokens';\n\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)`\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: 100%;\n }\n`;\n\nexport const Ul = styled.ul<{\n listOverflow?: SelectProps['listOverflow'];\n listHeight?: SelectProps['listHeight'];\n listWidth?: SelectProps['listWidth'];\n isInnerUl?: boolean;\n}>`\n box-sizing: border-box;\n\n background: var(${constants.background});\n box-shadow: var(${constants.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: ${({ listWidth }) => listWidth || '100%'};\n height: ${({ listHeight }) => (listHeight ? getCorrectHeight(listHeight) : 'auto')};\n overflow: ${({ listOverflow }) => listOverflow || 'initial'};\n\n margin: ${({ isInnerUl }) => (isInnerUl ? `calc(var(${tokens.padding}) * -1) 0 0 var(${tokens.padding})` : 0)};\n padding: var(${tokens.padding});\n`;\n\nexport const base = css`\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n display: block;\n }\n`;\n\nexport const OuterLabel = styled.label`\n display: block;\n margin-bottom: var(${tokens.labelOffset});\n color: var(${constants.textfieldOuterLabelColor});\n\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.fontLetterSpacing});\n line-height: var(${tokens.fontLineHeight});\n`;\n\nexport const HelperText = styled.div`\n margin-top: var(${tokens.helperTextOffset});\n color: var(${tokens.helperTextColor});\n font-family: var(--plasma-typo-body-xs-font-family);\n font-size: var(--plasma-typo-body-xs-font-size);\n font-style: var(--plasma-typo-body-xs-font-style);\n font-weight: var(--plasma-typo-body-xs-font-weight);\n letter-spacing: var(--plasma-typo-body-xs-letter-spacing);\n line-height: var(--plasma-typo-body-xs-line-height);\n`;\n"],"names":["Popover","component","popoverConfig","_exp","StyledPopover","styled","name","class","propsAsIs","_exp7","_ref","listWidth","_exp8","_ref2","listHeight","getCorrectHeight","_exp9","_ref3","listOverflow","_exp10","_ref4","isInnerUl","concat","tokens","padding","Ul","vars","base","OuterLabel","HelperText"],"mappings":";;;;;;;;;;;;;AAUA,IAAMA,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,IAAA,GATvBA,SASuBA,IAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMI,aAAa,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAIlC,EAAA;AAAC,IAAAC,KAAA,GAfgBA,SAehBA,KAAAA,GAAA;AAAA,EAAA,OAcW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAgBA,SAAS,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7BjCA,SA6BiCA,KAAAA,GAAA;AAAA,EAAA,OACrC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,UAAAA,GAAAA,KAAAA,CAAAA,UAAAA,CAAAA;AAAAA,IAAAA,OAAkBA,UAAU,GAAGC,iCAAgB,CAACD,UAAU,CAAC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAE,KAAA,GA9BpEA,SA8BoEA,KAAAA,GAAA;AAAA,EAAA,OACtE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;IAAAA,OAAmBA,YAAY,IAAI,SAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/B7CA,SA+B6CA,MAAAA,GAAA;AAAA,EAAA,OAEjD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAA,WAAA,CAAAC,MAAA,CAAeC,oBAAM,CAACC,OAAQ,EAAAF,kBAAAA,CAAAA,CAAAA,MAAA,CAAkBC,oBAAM,CAACC,OAAQ,SAAK,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAhB1G,IAAMC,EAAE,gBAAGpB,YAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAkB,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAYXjB,KAAsC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACrCG,KAAwE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACtEI,KAA+C,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEjDG,MAAmG,EAAA,CAAA;AAAA,GAAA;AAAA,CAEhH,EAAA;AAEM,IAAMQ,IAAI,GAIhB,UAAA;AAEM,IAAMC,UAAU,gBAAGvB,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAW/B,EAAA;AAEM,IAAMqB,UAAU,gBAAGxB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS/B;;;;;;;;"}
|
|
@@ -42,12 +42,11 @@
|
|
|
42
42
|
.SelectNotFoundContent_styles_r1sne_c17jtu5__04f00d06{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;box-sizing:border-box;padding:var(--plasma-select-not-found-content-padding);}
|
|
43
43
|
.SelectNotFoundContent_styles_r1sne_d1dcslek__04f00d06{margin-top:var(--plasma-select-not-found-content-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
|
44
44
|
|
|
45
|
-
.
|
|
46
|
-
.
|
|
47
|
-
.
|
|
48
|
-
.
|
|
49
|
-
.
|
|
50
|
-
.Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
45
|
+
.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
|
|
46
|
+
.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
|
|
47
|
+
.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
48
|
+
.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
|
|
49
|
+
.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
|
51
50
|
|
|
52
51
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
|
53
52
|
|
|
@@ -61,11 +60,11 @@
|
|
|
61
60
|
|
|
62
61
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
63
62
|
|
|
64
|
-
.
|
|
65
|
-
.
|
|
66
|
-
.
|
|
67
|
-
.
|
|
68
|
-
.
|
|
63
|
+
.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
64
|
+
.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
|
|
65
|
+
.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
66
|
+
.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
|
67
|
+
.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
|
69
68
|
|
|
70
69
|
.Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
71
70
|
|
|
@@ -43,7 +43,11 @@ var Inner = function Inner(_ref) {
|
|
|
43
43
|
item: item,
|
|
44
44
|
path: path,
|
|
45
45
|
currentLevel: currentLevel,
|
|
46
|
-
index: index
|
|
46
|
+
index: index,
|
|
47
|
+
ariaControls: listId,
|
|
48
|
+
ariaExpanded: isCurrentListOpen,
|
|
49
|
+
ariaLevel: nextLevel,
|
|
50
|
+
ariaLabel: item.label
|
|
47
51
|
}),
|
|
48
52
|
onToggle: handleToggle,
|
|
49
53
|
isFocusTrapped: false,
|
|
@@ -69,7 +73,8 @@ var Inner = function Inner(_ref) {
|
|
|
69
73
|
item: item,
|
|
70
74
|
path: path,
|
|
71
75
|
index: index,
|
|
72
|
-
currentLevel: currentLevel
|
|
76
|
+
currentLevel: currentLevel,
|
|
77
|
+
itemRole: "option"
|
|
73
78
|
});
|
|
74
79
|
};
|
|
75
80
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/elements/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\n\nimport { isEmpty } from '../../../../utils';\nimport { Ul, StyledPopover } from '../../Select.styles';\n\nimport type { ItemOptionTransformed } from './elements/Item/Item.types';\nimport { Item } from './elements/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n const handleToggle = (opened: boolean): void => {\n if (opened) {\n dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n } else {\n dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n }\n };\n\n const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n const listId = `tree_level_${currentLevel + 2}`;\n const nextLevel = currentLevel + 1;\n\n if (!isEmpty(item?.items)) {\n return (\n <StyledPopover\n isOpen={isCurrentListOpen}\n usePortal={false}\n placement=\"right-start\"\n trigger=\"click\"\n target={<Item
|
|
1
|
+
{"version":3,"file":"Inner.js","sources":["../../../../../src/components/Select/elements/Inner/Inner.tsx"],"sourcesContent":["import React from 'react';\nimport type { FC } from 'react';\n\nimport { isEmpty } from '../../../../utils';\nimport { Ul, StyledPopover } from '../../Select.styles';\n\nimport type { ItemOptionTransformed } from './elements/Item/Item.types';\nimport { Item } from './elements/Item/Item';\nimport { InnerProps } from './Inner.type';\n\nexport const Inner: FC<InnerProps> = ({ item, currentLevel, path, dispatchPath, index, listWidth }) => {\n const handleToggle = (opened: boolean): void => {\n if (opened) {\n dispatchPath({ type: 'changed_on_level', value: item.value.toString(), level: currentLevel + 1 });\n } else {\n dispatchPath({ type: 'cut_by_level', level: currentLevel + 1 });\n }\n };\n\n const isCurrentListOpen = path[currentLevel + 1] === item.value.toString();\n\n const listId = `tree_level_${currentLevel + 2}`;\n const nextLevel = currentLevel + 1;\n\n if (!isEmpty(item?.items)) {\n return (\n <StyledPopover\n isOpen={isCurrentListOpen}\n usePortal={false}\n placement=\"right-start\"\n trigger=\"click\"\n target={\n <Item\n item={item}\n path={path}\n currentLevel={currentLevel}\n index={index}\n ariaControls={listId}\n ariaExpanded={isCurrentListOpen}\n ariaLevel={nextLevel}\n ariaLabel={item.label}\n />\n }\n onToggle={handleToggle}\n isFocusTrapped={false}\n preventOverflow={false}\n >\n <Ul role=\"group\" id={listId} isInnerUl listWidth={listWidth}>\n {item.items?.map((innerItem: ItemOptionTransformed, innerIndex: number) => (\n <Inner\n key={`${innerIndex}/${currentLevel}`}\n item={innerItem}\n currentLevel={nextLevel}\n path={path}\n dispatchPath={dispatchPath}\n index={innerIndex}\n listWidth={listWidth}\n />\n ))}\n </Ul>\n </StyledPopover>\n );\n }\n\n return <Item item={item} path={path} index={index} currentLevel={currentLevel} itemRole=\"option\" />;\n};\n"],"names":["Inner","_ref","item","currentLevel","path","dispatchPath","index","listWidth","handleToggle","opened","type","value","toString","level","isCurrentListOpen","listId","concat","nextLevel","isEmpty","items","_item$items","React","createElement","StyledPopover","isOpen","usePortal","placement","trigger","target","Item","ariaControls","ariaExpanded","ariaLevel","ariaLabel","label","onToggle","isFocusTrapped","preventOverflow","Ul","role","id","isInnerUl","map","innerItem","innerIndex","key","itemRole"],"mappings":"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"}
|
|
@@ -31,12 +31,11 @@
|
|
|
31
31
|
.SelectNotFoundContent_styles_r1sne_c17jtu5__04f00d06{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;box-sizing:border-box;padding:var(--plasma-select-not-found-content-padding);}
|
|
32
32
|
.SelectNotFoundContent_styles_r1sne_d1dcslek__04f00d06{margin-top:var(--plasma-select-not-found-content-gap);font-family:var(--plasma-select-font-family);font-size:var(--plasma-select-font-size);font-style:var(--plasma-select-font-style);font-weight:var(--plasma-select-font-weight);-webkit-letter-spacing:var(--plasma-select-font-letter-spacing);-moz-letter-spacing:var(--plasma-select-font-letter-spacing);-ms-letter-spacing:var(--plasma-select-font-letter-spacing);letter-spacing:var(--plasma-select-font-letter-spacing);line-height:var(--plasma-select-font-line-height);}
|
|
33
33
|
|
|
34
|
-
.
|
|
35
|
-
.
|
|
36
|
-
.
|
|
37
|
-
.
|
|
38
|
-
.
|
|
39
|
-
.Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
34
|
+
.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
|
|
35
|
+
.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
|
|
36
|
+
.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
37
|
+
.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
|
|
38
|
+
.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
|
40
39
|
|
|
41
40
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
|
42
41
|
|
|
@@ -50,11 +49,11 @@
|
|
|
50
49
|
|
|
51
50
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
52
51
|
|
|
53
|
-
.
|
|
54
|
-
.
|
|
55
|
-
.
|
|
56
|
-
.
|
|
57
|
-
.
|
|
52
|
+
.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
53
|
+
.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
|
|
54
|
+
.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
55
|
+
.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
|
56
|
+
.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
|
58
57
|
|
|
59
58
|
.Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
60
59
|
|
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var sizeToIconSize = require('../../../../utils/sizeToIconSize.js');
|
|
7
|
-
var Select_tokens = require('../../../../Select.tokens.js');
|
|
8
7
|
var index = require('../../../../../../utils/index.js');
|
|
8
|
+
var Select_tokens = require('../../../../Select.tokens.js');
|
|
9
9
|
require('@linaria/react');
|
|
10
10
|
var IconDone = require('../../../../../_Icon/Icons/IconDone.js');
|
|
11
11
|
var IconDisclosureRightCentered = require('../../../../../_Icon/Icons/IconDisclosureRightCentered.js');
|
|
@@ -18,9 +18,15 @@ var Item = function Item(_ref) {
|
|
|
18
18
|
var item = _ref.item,
|
|
19
19
|
path = _ref.path,
|
|
20
20
|
currentLevel = _ref.currentLevel,
|
|
21
|
-
index$1 = _ref.index
|
|
21
|
+
index$1 = _ref.index,
|
|
22
|
+
ariaControls = _ref.ariaControls,
|
|
23
|
+
ariaExpanded = _ref.ariaExpanded,
|
|
24
|
+
ariaLevel = _ref.ariaLevel,
|
|
25
|
+
ariaLabel = _ref.ariaLabel,
|
|
26
|
+
itemRole = _ref.itemRole;
|
|
22
27
|
var value = item.value,
|
|
23
28
|
label = item.label,
|
|
29
|
+
disabled = item.disabled,
|
|
24
30
|
isDisabled = item.isDisabled,
|
|
25
31
|
contentLeft = item.contentLeft,
|
|
26
32
|
contentRight = item.contentRight;
|
|
@@ -33,7 +39,7 @@ var Item = function Item(_ref) {
|
|
|
33
39
|
handleCheckboxChange = _useContext.handleCheckboxChange,
|
|
34
40
|
handleItemClick = _useContext.handleItemClick,
|
|
35
41
|
variant = _useContext.variant;
|
|
36
|
-
var isDisabledClassName = isDisabled ? Select_tokens.classes.dropdownItemIsDisabled : undefined;
|
|
42
|
+
var isDisabledClassName = disabled || isDisabled ? Select_tokens.classes.dropdownItemIsDisabled : undefined;
|
|
37
43
|
var focusedClass = currentLevel === focusedPath.length - 1 && index$1 === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? Select_tokens.classes.dropdownItemIsFocused : undefined;
|
|
38
44
|
var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? Select_tokens.classes.dropdownItemIsActive : undefined;
|
|
39
45
|
React.useEffect(function () {
|
|
@@ -46,12 +52,12 @@ var Item = function Item(_ref) {
|
|
|
46
52
|
}
|
|
47
53
|
}, [focusedClass]);
|
|
48
54
|
var handleChange = function handleChange(e) {
|
|
49
|
-
if (isDisabled) return;
|
|
55
|
+
if (disabled || isDisabled) return;
|
|
50
56
|
e.stopPropagation();
|
|
51
57
|
handleCheckboxChange(item);
|
|
52
58
|
};
|
|
53
59
|
var handleClick = function handleClick(e) {
|
|
54
|
-
if (isDisabled) return;
|
|
60
|
+
if (disabled || isDisabled) return;
|
|
55
61
|
handleItemClick(item, e);
|
|
56
62
|
};
|
|
57
63
|
return /*#__PURE__*/React.createElement(Item_styles.Wrapper, {
|
|
@@ -59,7 +65,12 @@ var Item = function Item(_ref) {
|
|
|
59
65
|
id: value.toString(),
|
|
60
66
|
ref: ref,
|
|
61
67
|
onClick: handleClick,
|
|
62
|
-
variant: variant
|
|
68
|
+
variant: variant,
|
|
69
|
+
"aria-controls": ariaControls,
|
|
70
|
+
"aria-expanded": ariaExpanded,
|
|
71
|
+
"aria-level": ariaLevel,
|
|
72
|
+
"aria-label": ariaLabel,
|
|
73
|
+
role: itemRole
|
|
63
74
|
}, /*#__PURE__*/React.createElement(Item_styles.IconWrapper, {
|
|
64
75
|
variant: variant
|
|
65
76
|
}, multiselect && /*#__PURE__*/React.createElement("span", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/elements/Inner/elements/Item/Item.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\n\nimport { ItemProps } from './Item.types';\nimport {\n StyledContentLeft,\n StyledContentRight,\n StyledText,\n Wrapper,\n DisclosureIconWrapper,\n StyledCheckbox,\n IconWrapper,\n StyledIndicator,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({
|
|
1
|
+
{"version":3,"file":"Item.js","sources":["../../../../../../../src/components/Select/elements/Inner/elements/Item/Item.tsx"],"sourcesContent":["import React, { useEffect, useRef, FC, useContext } from 'react';\n\nimport { sizeToIconSize } from '../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { cx, isEmpty } from '../../../../../../utils';\nimport { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';\nimport { Context } from '../../../../Select';\n\nimport { ItemProps } from './Item.types';\nimport {\n StyledContentLeft,\n StyledContentRight,\n StyledText,\n Wrapper,\n DisclosureIconWrapper,\n StyledCheckbox,\n IconWrapper,\n StyledIndicator,\n} from './Item.styles';\n\nexport const Item: FC<ItemProps> = ({\n item,\n path,\n currentLevel,\n index,\n ariaControls,\n ariaExpanded,\n ariaLevel,\n ariaLabel,\n itemRole,\n}) => {\n const { value, label, disabled, isDisabled, contentLeft, contentRight } = item;\n const ref = useRef<HTMLLIElement | null>(null);\n\n const { focusedPath, checked, multiselect, size, handleCheckboxChange, handleItemClick, variant } = useContext(\n Context,\n );\n\n const isDisabledClassName = disabled || isDisabled ? classes.dropdownItemIsDisabled : undefined;\n const focusedClass =\n currentLevel === focusedPath.length - 1 && index === focusedPath?.[currentLevel]\n ? classes.dropdownItemIsFocused\n : undefined;\n const activeClass = value === path?.[currentLevel + 1] ? classes.dropdownItemIsActive : undefined;\n\n useEffect(() => {\n if (focusedClass && ref?.current) {\n ref.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n }\n }, [focusedClass]);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n if (disabled || isDisabled) return;\n\n e.stopPropagation();\n\n handleCheckboxChange(item);\n };\n\n const handleClick = (e: React.MouseEvent<HTMLElement>) => {\n if (disabled || isDisabled) return;\n\n handleItemClick(item, e);\n };\n\n return (\n <Wrapper\n className={cx(isDisabledClassName, focusedClass, activeClass)}\n id={value.toString()}\n ref={ref}\n onClick={handleClick}\n variant={variant}\n aria-controls={ariaControls}\n aria-expanded={ariaExpanded}\n aria-level={ariaLevel}\n aria-label={ariaLabel}\n role={itemRole}\n >\n <IconWrapper variant={variant}>\n {multiselect && (\n <span onClick={(e) => e.stopPropagation()}>\n <StyledCheckbox\n checked={Boolean(checked.get(item.value))}\n indeterminate={checked.get(item.value) === 'indeterminate'}\n onChange={handleChange}\n className={classes.selectItemCheckbox}\n />\n </span>\n )}\n\n {!multiselect && checked.get(item.value) === 'dot' && <StyledIndicator size=\"s\" view=\"default\" />}\n\n {!multiselect && checked.get(item.value) === 'done' && (\n <IconDone size={sizeToIconSize(size, variant)} color=\"inherit\" />\n )}\n </IconWrapper>\n\n {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n\n <StyledText>{label}</StyledText>\n\n {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n\n {!isEmpty(item.items) && (\n <DisclosureIconWrapper>\n <IconDisclosureRightCentered size={sizeToIconSize(size, variant)} color=\"inherit\" />\n </DisclosureIconWrapper>\n )}\n </Wrapper>\n );\n};\n"],"names":["Item","_ref","item","path","currentLevel","index","ariaControls","ariaExpanded","ariaLevel","ariaLabel","itemRole","value","label","disabled","isDisabled","contentLeft","contentRight","ref","useRef","_useContext","useContext","Context","focusedPath","checked","multiselect","size","handleCheckboxChange","handleItemClick","variant","isDisabledClassName","classes","dropdownItemIsDisabled","undefined","focusedClass","length","dropdownItemIsFocused","activeClass","dropdownItemIsActive","useEffect","current","scrollIntoView","behavior","block","inline","handleChange","e","stopPropagation","handleClick","React","createElement","Wrapper","className","cx","id","toString","onClick","role","IconWrapper","StyledCheckbox","Boolean","get","indeterminate","onChange","selectItemCheckbox","_StyledIndicator","StyledIndicator","view","IconDone","sizeToIconSize","color","StyledContentLeft","StyledText","StyledContentRight","isEmpty","items","DisclosureIconWrapper","IconDisclosureRightCentered"],"mappings":"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"}
|
|
@@ -26,12 +26,11 @@
|
|
|
26
26
|
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
|
27
27
|
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
|
28
28
|
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
29
|
+
.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
|
|
30
|
+
.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
|
|
31
|
+
.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
32
|
+
.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
|
|
33
|
+
.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
|
35
34
|
|
|
36
35
|
.base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
|
|
37
36
|
|
|
@@ -45,11 +44,11 @@
|
|
|
45
44
|
|
|
46
45
|
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
47
46
|
|
|
48
|
-
.
|
|
49
|
-
.
|
|
50
|
-
.
|
|
51
|
-
.
|
|
52
|
-
.
|
|
47
|
+
.Chip_styles_1mwwhiw_bol5daj__07da4d18{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
|
|
48
|
+
.Chip_styles_1mwwhiw_sj20on5__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-left-content-margin-left);margin-right:var(--plasma-chip-left-content-margin-right);}
|
|
49
|
+
.Chip_styles_1mwwhiw_s1ror4o9__07da4d18{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
50
|
+
.Chip_styles_1mwwhiw_swddmyi__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--plasma-chip-right-content-margin-right);}
|
|
51
|
+
.Chip_styles_1mwwhiw_s1pcflhj__07da4d18{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-clear-content-margin-left);margin-right:var(--plasma-chip-clear-content-margin-right);color:var(--plasma-chip-close-icon-color);}
|
|
53
52
|
|
|
54
53
|
.Chip_styles_k6znfr_s19m2v6c__1d0542ff{--plasma-chip-color:var(--plasma-select-chip-color);--plasma-chip-color-hover:var(--plasma-select-chip-color);--plasma-chip-color-active:var(--plasma-select-chip-color);--plasma-chip-background:var(--plasma-select-chip-background);--plasma-chip-background-hover:var(--plasma-select-chip-background-hover);--plasma-chip-background-active:var(--plasma-select-chip-background-active);--plasma-chip-border-radius:var(--plasma-select-chip-border-radius);--plasma-chip-height:var(--plasma-select-chip-height);--plasma-chip-padding-right:var(--plasma-select-chip-padding-right);--plasma-chip-padding-left:var(--plasma-select-chip-padding-left);--plasma-chip-font-family:var(--plasma-select-font-family);--plasma-chip-font-size:var(--plasma-select-font-size);--plasma-chip-font-style:var(--plasma-select-font-style);--plasma-chip-font-weight:var(--plasma-select-font-weight);--plasma-chip-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-chip-lineheight:var(--plasma-select-font-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-select-chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-select-chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-select-chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-select-chip-color);--plasma-chip-focus-color:var(--surface-accent);position:relative;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff::before{content:'';position:absolute;top:calc(var(--plasma-select-focus-offset) * -1);left:calc(var(--plasma-select-focus-offset) * -1);right:calc(var(--plasma-select-focus-offset) * -1);bottom:calc(var(--plasma-select-focus-offset) * -1);z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:calc(var(--plasma-select-chip-border-radius) + var(--plasma-select-focus-offset));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Chip_styles_k6znfr_s19m2v6c__1d0542ff.Chip_styles_k6znfr_selectChipIsFocused__1d0542ff:before{outline:none;box-shadow:0 0 0 0.0625rem var(--surface-accent);}
|
|
55
54
|
|
|
@@ -22,7 +22,9 @@ var Target = function Target(_ref) {
|
|
|
22
22
|
size = _ref.size,
|
|
23
23
|
contentLeft = _ref.contentLeft,
|
|
24
24
|
disabled = _ref.disabled,
|
|
25
|
-
|
|
25
|
+
renderValue = _ref.renderValue,
|
|
26
|
+
focusedPath = _ref.focusedPath,
|
|
27
|
+
focusedToValueMap = _ref.focusedToValueMap;
|
|
26
28
|
return target === 'button' ? /*#__PURE__*/React.createElement(Button.Button, {
|
|
27
29
|
opened: opened,
|
|
28
30
|
value: value,
|
|
@@ -33,7 +35,9 @@ var Target = function Target(_ref) {
|
|
|
33
35
|
label: label,
|
|
34
36
|
size: size,
|
|
35
37
|
disabled: disabled,
|
|
36
|
-
|
|
38
|
+
renderValue: renderValue,
|
|
39
|
+
focusedPath: focusedPath,
|
|
40
|
+
focusedToValueMap: focusedToValueMap
|
|
37
41
|
}) : /*#__PURE__*/React.createElement(Textfield.Textfield, {
|
|
38
42
|
opened: opened,
|
|
39
43
|
value: value,
|
|
@@ -49,7 +53,9 @@ var Target = function Target(_ref) {
|
|
|
49
53
|
size: size,
|
|
50
54
|
contentLeft: contentLeft,
|
|
51
55
|
disabled: disabled,
|
|
52
|
-
|
|
56
|
+
renderValue: renderValue,
|
|
57
|
+
focusedPath: focusedPath,
|
|
58
|
+
focusedToValueMap: focusedToValueMap
|
|
53
59
|
});
|
|
54
60
|
};
|
|
55
61
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/elements/Target/Target.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TargetProps } from './Target.types';\nimport { Button } from './elements/Button/Button';\nimport { Textfield } from './elements/Textfield/Textfield';\n\nexport const Target: React.FC<TargetProps> = ({\n value,\n multiselect,\n isTargetAmount,\n target,\n opened,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n
|
|
1
|
+
{"version":3,"file":"Target.js","sources":["../../../../../src/components/Select/elements/Target/Target.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { TargetProps } from './Target.types';\nimport { Button } from './elements/Button/Button';\nimport { Textfield } from './elements/Textfield/Textfield';\n\nexport const Target: React.FC<TargetProps> = ({\n value,\n multiselect,\n isTargetAmount,\n target,\n opened,\n valueToItemMap,\n onChipClick,\n label,\n placeholder,\n onKeyDown,\n focusedChipIndex,\n labelPlacement,\n size,\n contentLeft,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n}) => {\n return target === 'button' ? (\n <Button\n opened={opened}\n value={value}\n isTargetAmount={isTargetAmount}\n multiselect={multiselect}\n valueToItemMap={valueToItemMap}\n onKeyDown={onKeyDown}\n label={label}\n size={size}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n />\n ) : (\n <Textfield\n opened={opened}\n value={value}\n isTargetAmount={isTargetAmount}\n multiselect={multiselect}\n valueToItemMap={valueToItemMap}\n onChipClick={onChipClick}\n label={label}\n placeholder={placeholder}\n onKeyDown={onKeyDown}\n focusedChipIndex={focusedChipIndex}\n labelPlacement={labelPlacement}\n size={size}\n contentLeft={contentLeft}\n disabled={disabled}\n renderValue={renderValue}\n focusedPath={focusedPath}\n focusedToValueMap={focusedToValueMap}\n />\n );\n};\n"],"names":["Target","_ref","value","multiselect","isTargetAmount","target","opened","valueToItemMap","onChipClick","label","placeholder","onKeyDown","focusedChipIndex","labelPlacement","size","contentLeft","disabled","renderValue","focusedPath","focusedToValueMap","React","createElement","Button","Textfield"],"mappings":";;;;;;;;IAMaA,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAmBpC;AAAA,EAAA,IAlBFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IACdC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,KAAK,GAAAR,IAAA,CAALQ,KAAK;IACLC,WAAW,GAAAT,IAAA,CAAXS,WAAW;IACXC,SAAS,GAAAV,IAAA,CAATU,SAAS;IACTC,gBAAgB,GAAAX,IAAA,CAAhBW,gBAAgB;IAChBC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,IAAI,GAAAb,IAAA,CAAJa,IAAI;IACJC,WAAW,GAAAd,IAAA,CAAXc,WAAW;IACXC,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,WAAW,GAAAhB,IAAA,CAAXgB,WAAW;IACXC,WAAW,GAAAjB,IAAA,CAAXiB,WAAW;IACXC,iBAAiB,GAAAlB,IAAA,CAAjBkB,iBAAiB,CAAA;EAEjB,OAAOd,MAAM,KAAK,QAAQ,gBACtBe,KAAA,CAAAC,aAAA,CAACC,aAAM,EAAA;AACHhB,IAAAA,MAAM,EAAEA,MAAO;AACfJ,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BD,IAAAA,WAAW,EAAEA,WAAY;AACzBI,IAAAA,cAAc,EAAEA,cAAe;AAC/BI,IAAAA,SAAS,EAAEA,SAAU;AACrBF,IAAAA,KAAK,EAAEA,KAAM;AACbK,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GACxC,CAAC,gBAEFC,KAAA,CAAAC,aAAA,CAACE,mBAAS,EAAA;AACNjB,IAAAA,MAAM,EAAEA,MAAO;AACfJ,IAAAA,KAAK,EAAEA,KAAM;AACbE,IAAAA,cAAc,EAAEA,cAAe;AAC/BD,IAAAA,WAAW,EAAEA,WAAY;AACzBI,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,iBAAiB,EAAEA,iBAAAA;AAAkB,GACxC,CACJ,CAAA;AACL;;;;"}
|
|
@@ -26,9 +26,8 @@
|
|
|
26
26
|
.Button_styles_1oz1dew_s1rjh7ra__a16b28b2{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:var(--plasma-button-right-content-margin);}
|
|
27
27
|
.Button_styles_1oz1dew_b9ga1dj__a16b28b2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_1oz1dew_b9ga1dj__a16b28b2{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_b9ga1dj__a16b28b2.Button_styles_1oz1dew_buttonSquare__a16b28b2{width:var(--plasma-button-height);padding:0;}
|
|
28
28
|
|
|
29
|
-
.
|
|
30
|
-
.
|
|
31
|
-
.
|
|
32
|
-
.
|
|
33
|
-
.
|
|
34
|
-
.Button_styles_1bweq1y_l1gczdbd__7958f749{width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
29
|
+
.Button_styles_1r519o1_s1n7gats__2349e77a{--plasma-button-color:var(--plasma-select-target-button-color);--plasma-button-color-hover:var(--plasma-select-target-button-color-hover);--plasma-button-color-active:var(--plasma-select-target-button-color-active);--plasma-button-background-color:var(--plasma-select-target-button-background-color);--plasma-button-background-color-hover:var(--plasma-select-target-button-background-color-hover);--plasma-button-background-color-active:var(--plasma-select-target-button-background-color-active);--plasma-button-right-content-margin:var(--plasma-select-target-button-arrow-margin);--plasma-button-height:var(--plasma-select-target-height);--plasma-button-width:100%;--plasma-button-padding:var(--plasma-select-target-button-padding);--plasma-button-radius:var(--plasma-select-border-radius);--plasma-button-font-family:var(--plasma-select-font-family);--plasma-button-font-size:var(--plasma-select-font-size);--plasma-button-font-style:var(--plasma-select-font-style);--plasma-button-font-weight:600;--plasma-button-letter-spacing:var(--plasma-select-font-letter-spacing);--plasma-button-line-height:var(--plasma-select-font-line-height);--plasma-button-disabled-opacity:0.4;--plasma-button-focus-color:var(--surface-accent);}
|
|
30
|
+
.Button_styles_1r519o1_isdqa5a__2349e77a{line-height:0;color:var(--plasma-select-target-button-arrow-color);}.Button_styles_1r519o1_isdqa5a__2349e77a:hover{color:var(--plasma-select-target-button-arrow-color-hover);}.Button_styles_1r519o1_isdqa5a__2349e77a:active{color:var(--plasma-select-target-button-arrow-color-active);}
|
|
31
|
+
.Button_styles_1r519o1_s1yfglds__2349e77a{-webkit-transition:color 0.3s ease-in,-webkit-transform 0.15s ease-in;-webkit-transition:color 0.3s ease-in,transform 0.15s ease-in;transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
32
|
+
.Button_styles_1r519o1_brzvbcx__2349e77a{display:inline;}.Button_styles_1r519o1_brzvbcx__2349e77a .Button_styles_1r519o1_selectWithoutBoxShadow__2349e77a::before{box-shadow:none !important;}
|
|
33
|
+
.Button_styles_1r519o1_logt3wm__2349e77a{display:inline;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_1r519o1_logt3wm__2349e77a .Button_styles_1r519o1_arrowInverse__2349e77a{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}
|
|
@@ -5,40 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var index = require('../../../../../../utils/index.js');
|
|
7
7
|
var Select_tokens = require('../../../../Select.tokens.js');
|
|
8
|
+
var getButtonLabel = require('../../../../utils/getButtonLabel.js');
|
|
8
9
|
var Button_styles = require('./Button.styles.js');
|
|
9
|
-
var isEmpty = require('../../../../../../utils/isEmpty.js');
|
|
10
10
|
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
|
|
11
|
+
var Button = function Button(_ref) {
|
|
12
|
+
var opened = _ref.opened,
|
|
13
|
+
value = _ref.value,
|
|
14
14
|
isTargetAmount = _ref.isTargetAmount,
|
|
15
15
|
multiselect = _ref.multiselect,
|
|
16
|
-
valueToItemMap = _ref.valueToItemMap
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
return value.map(function (value) {
|
|
25
|
-
return valueToItemMap.get(value).label;
|
|
26
|
-
}).join(', ');
|
|
27
|
-
}
|
|
28
|
-
return valueToItemMap.get(value.toString()).label;
|
|
29
|
-
};
|
|
30
|
-
var Button = function Button(_ref2) {
|
|
31
|
-
var opened = _ref2.opened,
|
|
32
|
-
value = _ref2.value,
|
|
33
|
-
isTargetAmount = _ref2.isTargetAmount,
|
|
34
|
-
multiselect = _ref2.multiselect,
|
|
35
|
-
valueToItemMap = _ref2.valueToItemMap,
|
|
36
|
-
onKeyDown = _ref2.onKeyDown,
|
|
37
|
-
label = _ref2.label,
|
|
38
|
-
size = _ref2.size,
|
|
39
|
-
disabled = _ref2.disabled;
|
|
16
|
+
valueToItemMap = _ref.valueToItemMap,
|
|
17
|
+
onKeyDown = _ref.onKeyDown,
|
|
18
|
+
label = _ref.label,
|
|
19
|
+
size = _ref.size,
|
|
20
|
+
disabled = _ref.disabled,
|
|
21
|
+
renderValue = _ref.renderValue,
|
|
22
|
+
focusedPath = _ref.focusedPath,
|
|
23
|
+
focusedToValueMap = _ref.focusedToValueMap;
|
|
40
24
|
var withArrowInverse = opened ? Select_tokens.classes.arrowInverse : undefined;
|
|
41
25
|
var iconSize = size === 'xs' ? 'xs' : 's';
|
|
26
|
+
var getActiveDescendant = function getActiveDescendant() {
|
|
27
|
+
var _focusedToValueMap$ge;
|
|
28
|
+
var focusedPathAsString = focusedPath.reduce(function (acc, n) {
|
|
29
|
+
return "".concat(acc, "/").concat(n);
|
|
30
|
+
}, '').replace(/^(\/)/, '');
|
|
31
|
+
return focusedToValueMap === null || focusedToValueMap === void 0 || (_focusedToValueMap$ge = focusedToValueMap.get(focusedPathAsString)) === null || _focusedToValueMap$ge === void 0 ? void 0 : _focusedToValueMap$ge.value.toString();
|
|
32
|
+
};
|
|
42
33
|
return /*#__PURE__*/React.createElement(Button_styles.ButtonWrapper, null, /*#__PURE__*/React.createElement(Button_styles.StyledButton, {
|
|
43
34
|
stretching: "filled",
|
|
44
35
|
onKeyDown: onKeyDown,
|
|
@@ -48,14 +39,19 @@ var Button = function Button(_ref2) {
|
|
|
48
39
|
size: iconSize,
|
|
49
40
|
color: "inherit",
|
|
50
41
|
className: index.cx(Select_tokens.classes.selectTargetArrow, withArrowInverse)
|
|
51
|
-
}))
|
|
52
|
-
|
|
42
|
+
})),
|
|
43
|
+
role: "combobox",
|
|
44
|
+
"aria-controls": "tree_level_1",
|
|
45
|
+
"aria-expanded": opened,
|
|
46
|
+
"aria-activedescendant": getActiveDescendant()
|
|
47
|
+
}, /*#__PURE__*/React.createElement(Button_styles.Label, null, getButtonLabel.getButtonLabel({
|
|
53
48
|
value: value,
|
|
54
49
|
isTargetAmount: isTargetAmount,
|
|
55
50
|
multiselect: multiselect,
|
|
56
51
|
valueToItemMap: valueToItemMap,
|
|
57
|
-
label: label
|
|
58
|
-
|
|
52
|
+
label: label,
|
|
53
|
+
renderValue: renderValue
|
|
54
|
+
}))));
|
|
59
55
|
};
|
|
60
56
|
|
|
61
57
|
exports.Button = Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/elements/Target/elements/Button/Button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../../../src/components/Select/elements/Target/elements/Button/Button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cx } from '../../../../../../utils';\nimport { classes } from '../../../../Select.tokens';\nimport { getButtonLabel } from '../../../../utils';\n\nimport { ButtonProps } from './Button.types';\nimport { StyledButton, StyledArrow, Label, ButtonWrapper, IconArrowWrapper } from './Button.styles';\n\nexport const Button: React.FC<ButtonProps> = ({\n opened,\n value,\n isTargetAmount,\n multiselect,\n valueToItemMap,\n onKeyDown,\n label,\n size,\n disabled,\n renderValue,\n focusedPath,\n focusedToValueMap,\n}) => {\n const withArrowInverse = opened ? classes.arrowInverse : undefined;\n\n const iconSize = size === 'xs' ? 'xs' : 's';\n\n const getActiveDescendant = () => {\n const focusedPathAsString = focusedPath.reduce((acc, n) => `${acc}/${n}`, '').replace(/^(\\/)/, '');\n return focusedToValueMap?.get(focusedPathAsString)?.value.toString();\n };\n\n return (\n <ButtonWrapper>\n <StyledButton\n stretching=\"filled\"\n onKeyDown={onKeyDown}\n className={opened ? classes.selectWithoutBoxShadow : undefined}\n disabled={disabled}\n contentRight={\n <IconArrowWrapper>\n <StyledArrow\n size={iconSize}\n color=\"inherit\"\n className={cx(classes.selectTargetArrow, withArrowInverse)}\n />\n </IconArrowWrapper>\n }\n role=\"combobox\"\n aria-controls=\"tree_level_1\"\n aria-expanded={opened}\n aria-activedescendant={getActiveDescendant()}\n >\n <Label>\n {getButtonLabel({\n value,\n isTargetAmount,\n multiselect,\n valueToItemMap,\n label,\n renderValue,\n })}\n </Label>\n </StyledButton>\n </ButtonWrapper>\n );\n};\n"],"names":["Button","_ref","opened","value","isTargetAmount","multiselect","valueToItemMap","onKeyDown","label","size","disabled","renderValue","focusedPath","focusedToValueMap","withArrowInverse","classes","arrowInverse","undefined","iconSize","getActiveDescendant","_focusedToValueMap$ge","focusedPathAsString","reduce","acc","n","concat","replace","get","toString","React","createElement","ButtonWrapper","StyledButton","stretching","className","selectWithoutBoxShadow","contentRight","IconArrowWrapper","StyledArrow","color","cx","selectTargetArrow","role","Label","getButtonLabel"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Button.
|
|
1
|
+
import './Button.styles_1r519o1.css';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -38,20 +38,14 @@ var ButtonWrapper = /*#__PURE__*/react.styled('div')({
|
|
|
38
38
|
"class": "brzvbcx",
|
|
39
39
|
propsAsIs: false
|
|
40
40
|
});
|
|
41
|
-
var InnerWrapper = /*#__PURE__*/react.styled('div')({
|
|
42
|
-
name: "InnerWrapper",
|
|
43
|
-
"class": "iogt3wm",
|
|
44
|
-
propsAsIs: false
|
|
45
|
-
});
|
|
46
41
|
var Label = /*#__PURE__*/react.styled('div')({
|
|
47
42
|
name: "Label",
|
|
48
|
-
"class": "
|
|
43
|
+
"class": "logt3wm",
|
|
49
44
|
propsAsIs: false
|
|
50
45
|
});
|
|
51
46
|
|
|
52
47
|
exports.ButtonWrapper = ButtonWrapper;
|
|
53
48
|
exports.IconArrowWrapper = IconArrowWrapper;
|
|
54
|
-
exports.InnerWrapper = InnerWrapper;
|
|
55
49
|
exports.Label = Label;
|
|
56
50
|
exports.StyledArrow = StyledArrow;
|
|
57
51
|
exports.StyledButton = StyledButton;
|