@salutejs/plasma-new-hope 0.336.0-canary.2228.17672900057.0 → 0.336.0-canary.2233.17737701789.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Attach/Attach.css +7 -9
- package/cjs/components/Attach/Attach.js +59 -13
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Attach/Attach.styles.js +9 -21
- package/cjs/components/Attach/Attach.styles.js.map +1 -1
- package/cjs/components/Attach/Attach.styles_1w3ga58.css +5 -0
- package/cjs/components/Attach/utils/addSeparator.js +18 -0
- package/cjs/components/Attach/utils/addSeparator.js.map +1 -0
- package/cjs/components/Attach/utils/getFileicon.js +2 -2
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
- package/cjs/components/Attach/utils/index.js +8 -0
- package/cjs/components/Attach/utils/index.js.map +1 -0
- package/cjs/components/Attach/variations/_helperTextView/base.js +1 -1
- package/cjs/components/Attach/variations/_helperTextView/base_1vgke1p.css +1 -0
- package/cjs/components/Attach/variations/_size/base.js +1 -1
- package/cjs/components/Attach/variations/_size/base.js.map +1 -1
- package/cjs/components/Attach/variations/_size/base_a4eelx.css +1 -0
- package/cjs/components/Autocomplete/Autocomplete.css +3 -0
- package/cjs/components/CodeField/CodeField.css +7 -6
- package/cjs/components/CodeField/CodeField.js +63 -27
- package/cjs/components/CodeField/CodeField.js.map +1 -1
- package/cjs/components/CodeField/CodeField.styles.js +7 -1
- package/cjs/components/CodeField/CodeField.styles.js.map +1 -1
- package/{es/components/CodeField/CodeField.styles_ebdpd0.css → cjs/components/CodeField/CodeField.styles_14p25hi.css} +1 -0
- package/cjs/components/CodeField/hooks/useWebOTP.js +95 -0
- package/cjs/components/CodeField/hooks/useWebOTP.js.map +1 -0
- package/cjs/components/CodeField/utils/handleCodeError.js +2 -2
- package/cjs/components/CodeField/utils/handleCodeError.js.map +1 -1
- package/cjs/components/CodeField/utils/handleItemError.js +14 -4
- package/cjs/components/CodeField/utils/handleItemError.js.map +1 -1
- package/cjs/components/CodeField/utils/isWebOTPSupported.js +10 -0
- package/cjs/components/CodeField/utils/isWebOTPSupported.js.map +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +3 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +54 -56
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +1 -4
- package/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +3 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +30 -22
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +3 -0
- package/cjs/components/Pagination/Pagination.css +15 -10
- package/cjs/components/Pagination/Pagination.js +57 -5
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +19 -7
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/{Pagination.styles_ska0td.css → Pagination.styles_qhyqps.css} +5 -3
- package/cjs/components/Pagination/Pagination.tokens.js +3 -0
- package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css +3 -3
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/{PaginationQuickJumpToPage.styles_89ax1q.css → PaginationQuickJumpToPage.styles_1sw6ww1.css} +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -0
- package/cjs/components/Popover/Popover.js +4 -1
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Range/Range.css +3 -0
- package/cjs/components/Select/Select.css +3 -0
- package/cjs/components/Select/Select.js +23 -11
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/hooks/usePathMaps.js +1 -4
- package/cjs/components/Select/hooks/usePathMaps.js.map +1 -1
- package/cjs/components/Select/ui/Target/Target.css +3 -0
- package/cjs/components/Select/ui/Target/Target.js +0 -2
- package/cjs/components/Select/ui/Target/Target.js.map +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +32 -49
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/cjs/components/Slider/Slider.css +3 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +3 -0
- package/cjs/components/Switch/Switch.css +6 -6
- package/cjs/components/Switch/Switch.js +5 -2
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.styles.js +1 -1
- package/cjs/components/Switch/Switch.styles.js.map +1 -1
- package/cjs/components/Switch/{Switch.styles_qjefea.css → Switch.styles_158fwwl.css} +1 -1
- package/cjs/components/Switch/Switch.tokens.js +2 -1
- package/cjs/components/Switch/Switch.tokens.js.map +1 -1
- package/cjs/components/Table/Table.css +3 -0
- package/cjs/components/Table/ui/Cell/Cell.css +3 -0
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +3 -0
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +3 -0
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -0
- package/cjs/components/TextField/TextField.js +19 -3
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +58 -0
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +86 -0
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -0
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +25 -0
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -0
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles_y9tozi.css +2 -0
- package/cjs/components/Tree/Tree.css +7 -6
- package/cjs/components/Tree/Tree.js +42 -1
- package/cjs/components/Tree/Tree.js.map +1 -1
- package/cjs/components/Tree/Tree.styles.js +17 -2
- package/cjs/components/Tree/Tree.styles.js.map +1 -1
- package/cjs/components/Tree/Tree.styles_1bw3k0r.css +8 -0
- package/cjs/components/Tree/Tree.tokens.js +5 -2
- package/cjs/components/Tree/Tree.tokens.js.map +1 -1
- package/cjs/components/Tree/utils/traverseTree.js +3 -3
- package/cjs/components/Tree/utils/traverseTree.js.map +1 -1
- package/cjs/engines/common.js.map +1 -1
- package/cjs/engines/index.js.map +1 -1
- package/cjs/index.css +42 -37
- package/emotion/cjs/components/Attach/Attach.js +51 -12
- package/emotion/cjs/components/Attach/Attach.styles.js +13 -28
- package/emotion/cjs/components/Attach/utils/addSeparator.js +20 -0
- package/emotion/cjs/components/Attach/utils/getFileicon.js +3 -3
- package/emotion/cjs/components/Attach/utils/index.js +10 -2
- package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
- package/emotion/cjs/components/CodeField/CodeField.js +61 -23
- package/emotion/cjs/components/CodeField/CodeField.styles.js +18 -11
- package/emotion/cjs/components/CodeField/hooks/useWebOTP.js +246 -0
- package/emotion/cjs/components/CodeField/utils/handleCodeError.js +2 -2
- package/emotion/cjs/components/CodeField/utils/handleItemError.js +12 -3
- package/emotion/cjs/components/CodeField/utils/index.js +4 -0
- package/emotion/cjs/components/CodeField/utils/isWebOTPSupported.js +13 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +57 -64
- package/emotion/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -5
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +0 -4
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +24 -22
- package/emotion/cjs/components/Pagination/Pagination.js +53 -5
- package/emotion/cjs/components/Pagination/Pagination.styles.js +28 -14
- package/emotion/cjs/components/Pagination/Pagination.tokens.js +3 -0
- package/emotion/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +6 -6
- package/emotion/cjs/components/Popover/Popover.js +3 -1
- package/emotion/cjs/components/Select/Select.js +26 -9
- package/emotion/cjs/components/Select/hooks/usePathMaps.js +2 -5
- package/emotion/cjs/components/Select/ui/Target/Target.js +1 -2
- package/emotion/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +32 -71
- package/emotion/cjs/components/Select/utils/index.js +0 -4
- package/emotion/cjs/components/Switch/Switch.js +4 -2
- package/emotion/cjs/components/Switch/Switch.styles.js +11 -11
- package/emotion/cjs/components/Switch/Switch.tokens.js +2 -1
- package/emotion/cjs/components/TextField/TextField.js +20 -4
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +78 -0
- package/emotion/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +49 -0
- package/emotion/cjs/components/TextField/ui/index.js +12 -3
- package/emotion/cjs/components/Tree/Tree.js +31 -1
- package/emotion/cjs/components/Tree/Tree.styles.js +23 -13
- package/emotion/cjs/components/Tree/Tree.tokens.js +5 -2
- package/emotion/cjs/components/Tree/utils/traverseTree.js +3 -3
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/cjs/examples/components/Pagination/Pagination.config.js +12 -12
- package/emotion/cjs/examples/components/Range/Range.config.js +8 -7
- package/emotion/cjs/examples/components/Tree/Tree.config.js +5 -5
- package/emotion/es/components/Attach/Attach.js +55 -16
- package/emotion/es/components/Attach/Attach.styles.js +11 -20
- package/emotion/es/components/Attach/utils/addSeparator.js +10 -0
- package/emotion/es/components/Attach/utils/getFileicon.js +1 -1
- package/emotion/es/components/Attach/utils/index.js +3 -1
- package/emotion/es/components/Attach/variations/_size/base.js +2 -2
- package/emotion/es/components/CodeField/CodeField.js +64 -26
- package/emotion/es/components/CodeField/CodeField.styles.js +15 -11
- package/emotion/es/components/CodeField/hooks/useWebOTP.js +236 -0
- package/emotion/es/components/CodeField/utils/handleCodeError.js +2 -2
- package/emotion/es/components/CodeField/utils/handleItemError.js +12 -3
- package/emotion/es/components/CodeField/utils/index.js +1 -0
- package/emotion/es/components/CodeField/utils/isWebOTPSupported.js +3 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +58 -65
- package/emotion/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -5
- package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +0 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +24 -22
- package/emotion/es/components/Pagination/Pagination.js +55 -7
- package/emotion/es/components/Pagination/Pagination.styles.js +23 -15
- package/emotion/es/components/Pagination/Pagination.tokens.js +3 -0
- package/emotion/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +6 -6
- package/emotion/es/components/Popover/Popover.js +4 -2
- package/emotion/es/components/Select/Select.js +26 -9
- package/emotion/es/components/Select/hooks/usePathMaps.js +2 -5
- package/emotion/es/components/Select/ui/Target/Target.js +1 -2
- package/emotion/es/components/Select/ui/Target/ui/Textfield/Textfield.js +33 -72
- package/emotion/es/components/Select/utils/index.js +0 -1
- package/emotion/es/components/Switch/Switch.js +4 -2
- package/emotion/es/components/Switch/Switch.styles.js +11 -11
- package/emotion/es/components/Switch/Switch.tokens.js +2 -1
- package/emotion/es/components/TextField/TextField.js +21 -5
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +63 -0
- package/emotion/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +27 -0
- package/emotion/es/components/TextField/ui/index.js +1 -0
- package/emotion/es/components/Tree/Tree.js +32 -2
- package/emotion/es/components/Tree/Tree.styles.js +20 -13
- package/emotion/es/components/Tree/Tree.tokens.js +5 -2
- package/emotion/es/components/Tree/utils/traverseTree.js +3 -3
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/Pagination/Pagination.config.js +12 -12
- package/emotion/es/examples/components/Range/Range.config.js +8 -7
- package/emotion/es/examples/components/Tree/Tree.config.js +5 -5
- package/es/components/Attach/Attach.css +7 -9
- package/es/components/Attach/Attach.js +63 -17
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/Attach.styles.js +9 -19
- package/es/components/Attach/Attach.styles.js.map +1 -1
- package/es/components/Attach/Attach.styles_1w3ga58.css +5 -0
- package/es/components/Attach/utils/addSeparator.js +14 -0
- package/es/components/Attach/utils/addSeparator.js.map +1 -0
- package/es/components/Attach/utils/getFileicon.js +2 -2
- package/es/components/Attach/utils/getFileicon.js.map +1 -1
- package/es/components/Attach/utils/index.js +4 -0
- package/es/components/Attach/utils/index.js.map +1 -0
- package/es/components/Attach/variations/_helperTextView/base.js +1 -1
- package/es/components/Attach/variations/_helperTextView/base_1vgke1p.css +1 -0
- package/es/components/Attach/variations/_size/base.js +1 -1
- package/es/components/Attach/variations/_size/base.js.map +1 -1
- package/es/components/Attach/variations/_size/base_a4eelx.css +1 -0
- package/es/components/Autocomplete/Autocomplete.css +3 -0
- package/es/components/CodeField/CodeField.css +7 -6
- package/es/components/CodeField/CodeField.js +66 -30
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/CodeField/CodeField.styles.js +7 -2
- package/es/components/CodeField/CodeField.styles.js.map +1 -1
- package/{cjs/components/CodeField/CodeField.styles_ebdpd0.css → es/components/CodeField/CodeField.styles_14p25hi.css} +1 -0
- package/es/components/CodeField/hooks/useWebOTP.js +91 -0
- package/es/components/CodeField/hooks/useWebOTP.js.map +1 -0
- package/es/components/CodeField/utils/handleCodeError.js +2 -2
- package/es/components/CodeField/utils/handleCodeError.js.map +1 -1
- package/es/components/CodeField/utils/handleItemError.js +14 -4
- package/es/components/CodeField/utils/handleItemError.js.map +1 -1
- package/es/components/CodeField/utils/isWebOTPSupported.js +6 -0
- package/es/components/CodeField/utils/isWebOTPSupported.js.map +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +3 -0
- package/es/components/Combobox/ComboboxNew/Combobox.js +55 -57
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +1 -4
- package/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +3 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js +30 -22
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +3 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +3 -0
- package/es/components/Pagination/Pagination.css +15 -10
- package/es/components/Pagination/Pagination.js +59 -7
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js +18 -8
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/{Pagination.styles_ska0td.css → Pagination.styles_qhyqps.css} +5 -3
- package/es/components/Pagination/Pagination.tokens.js +3 -0
- package/es/components/Pagination/Pagination.tokens.js.map +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css +3 -3
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/{PaginationQuickJumpToPage.styles_89ax1q.css → PaginationQuickJumpToPage.styles_1sw6ww1.css} +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -0
- package/es/components/Popover/Popover.js +4 -1
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/Range/Range.css +3 -0
- package/es/components/Select/Select.css +3 -0
- package/es/components/Select/Select.js +23 -11
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/hooks/usePathMaps.js +1 -4
- package/es/components/Select/hooks/usePathMaps.js.map +1 -1
- package/es/components/Select/ui/Target/Target.css +3 -0
- package/es/components/Select/ui/Target/Target.js +0 -2
- package/es/components/Select/ui/Target/Target.js.map +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +3 -0
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js +33 -50
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.js.map +1 -1
- package/es/components/Slider/Slider.css +3 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +3 -0
- package/es/components/Switch/Switch.css +6 -6
- package/es/components/Switch/Switch.js +5 -2
- package/es/components/Switch/Switch.js.map +1 -1
- package/es/components/Switch/Switch.styles.js +1 -1
- package/es/components/Switch/Switch.styles.js.map +1 -1
- package/es/components/Switch/{Switch.styles_qjefea.css → Switch.styles_158fwwl.css} +1 -1
- package/es/components/Switch/Switch.tokens.js +2 -1
- package/es/components/Switch/Switch.tokens.js.map +1 -1
- package/es/components/Table/Table.css +3 -0
- package/es/components/Table/ui/Cell/Cell.css +3 -0
- package/es/components/Table/ui/EditableCell/EditableCell.css +3 -0
- package/es/components/Table/ui/HeadCell/HeadCell.css +3 -0
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +3 -0
- package/es/components/TextField/TextField.js +19 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +58 -0
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +78 -0
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js.map +1 -0
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +21 -0
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js.map +1 -0
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles_y9tozi.css +2 -0
- package/es/components/Tree/Tree.css +7 -6
- package/es/components/Tree/Tree.js +43 -2
- package/es/components/Tree/Tree.js.map +1 -1
- package/es/components/Tree/Tree.styles.js +17 -3
- package/es/components/Tree/Tree.styles.js.map +1 -1
- package/es/components/Tree/Tree.styles_1bw3k0r.css +8 -0
- package/es/components/Tree/Tree.tokens.js +5 -2
- package/es/components/Tree/Tree.tokens.js.map +1 -1
- package/es/components/Tree/utils/traverseTree.js +3 -3
- package/es/components/Tree/utils/traverseTree.js.map +1 -1
- package/es/engines/common.js.map +1 -1
- package/es/engines/index.js.map +1 -1
- package/es/index.css +42 -37
- package/package.json +2 -2
- package/styled-components/cjs/components/Attach/Attach.js +51 -12
- package/styled-components/cjs/components/Attach/Attach.styles.js +11 -31
- package/styled-components/cjs/components/Attach/utils/addSeparator.js +20 -0
- package/styled-components/cjs/components/Attach/utils/getFileicon.js +3 -3
- package/styled-components/cjs/components/Attach/utils/index.js +10 -2
- package/styled-components/cjs/components/Attach/variations/_size/base.js +8 -1
- package/styled-components/cjs/components/CodeField/CodeField.js +61 -23
- package/styled-components/cjs/components/CodeField/CodeField.styles.js +14 -5
- package/styled-components/cjs/components/CodeField/hooks/useWebOTP.js +246 -0
- package/styled-components/cjs/components/CodeField/utils/handleCodeError.js +2 -2
- package/styled-components/cjs/components/CodeField/utils/handleItemError.js +12 -3
- package/styled-components/cjs/components/CodeField/utils/index.js +4 -0
- package/styled-components/cjs/components/CodeField/utils/isWebOTPSupported.js +13 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +57 -64
- package/styled-components/cjs/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -5
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +0 -4
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +24 -22
- package/styled-components/cjs/components/Pagination/Pagination.js +53 -5
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +39 -12
- package/styled-components/cjs/components/Pagination/Pagination.tokens.js +3 -0
- package/styled-components/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +5 -5
- package/styled-components/cjs/components/Popover/Popover.js +3 -1
- package/styled-components/cjs/components/Select/Select.js +26 -9
- package/styled-components/cjs/components/Select/hooks/usePathMaps.js +2 -5
- package/styled-components/cjs/components/Select/ui/Target/Target.js +1 -2
- package/styled-components/cjs/components/Select/ui/Target/ui/Textfield/Textfield.js +32 -71
- package/styled-components/cjs/components/Select/utils/index.js +0 -4
- package/styled-components/cjs/components/Switch/Switch.js +4 -2
- package/styled-components/cjs/components/Switch/Switch.styles.js +9 -8
- package/styled-components/cjs/components/Switch/Switch.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/TextField.js +19 -3
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +78 -0
- package/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +114 -0
- package/styled-components/cjs/components/TextField/ui/index.js +12 -3
- package/styled-components/cjs/components/Tree/Tree.js +31 -1
- package/styled-components/cjs/components/Tree/Tree.styles.js +24 -8
- package/styled-components/cjs/components/Tree/Tree.tokens.js +5 -2
- package/styled-components/cjs/components/Tree/utils/traverseTree.js +3 -3
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/styled-components/cjs/examples/components/Pagination/Pagination.config.js +18 -11
- package/styled-components/cjs/examples/components/Range/Range.config.js +46 -0
- package/styled-components/cjs/examples/components/Tree/Tree.config.js +6 -2
- package/styled-components/es/components/Attach/Attach.js +55 -16
- package/styled-components/es/components/Attach/Attach.styles.js +9 -23
- package/styled-components/es/components/Attach/utils/addSeparator.js +10 -0
- package/styled-components/es/components/Attach/utils/getFileicon.js +1 -1
- package/styled-components/es/components/Attach/utils/index.js +3 -1
- package/styled-components/es/components/Attach/variations/_size/base.js +9 -2
- package/styled-components/es/components/CodeField/CodeField.js +64 -26
- package/styled-components/es/components/CodeField/CodeField.styles.js +11 -5
- package/styled-components/es/components/CodeField/hooks/useWebOTP.js +236 -0
- package/styled-components/es/components/CodeField/utils/handleCodeError.js +2 -2
- package/styled-components/es/components/CodeField/utils/handleItemError.js +12 -3
- package/styled-components/es/components/CodeField/utils/index.js +1 -0
- package/styled-components/es/components/CodeField/utils/isWebOTPSupported.js +3 -0
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +58 -65
- package/styled-components/es/components/Combobox/ComboboxNew/hooks/getPathMaps.js +2 -5
- package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +0 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +24 -22
- package/styled-components/es/components/Pagination/Pagination.js +55 -7
- package/styled-components/es/components/Pagination/Pagination.styles.js +34 -13
- package/styled-components/es/components/Pagination/Pagination.tokens.js +3 -0
- package/styled-components/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +5 -5
- package/styled-components/es/components/Popover/Popover.js +4 -2
- package/styled-components/es/components/Select/Select.js +26 -9
- package/styled-components/es/components/Select/hooks/usePathMaps.js +2 -5
- package/styled-components/es/components/Select/ui/Target/Target.js +1 -2
- package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.js +33 -72
- package/styled-components/es/components/Select/utils/index.js +0 -1
- package/styled-components/es/components/Switch/Switch.js +4 -2
- package/styled-components/es/components/Switch/Switch.styles.js +9 -8
- package/styled-components/es/components/Switch/Switch.tokens.js +2 -1
- package/styled-components/es/components/TextField/TextField.js +20 -4
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js +63 -0
- package/styled-components/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.js +92 -0
- package/styled-components/es/components/TextField/ui/index.js +1 -0
- package/styled-components/es/components/Tree/Tree.js +32 -2
- package/styled-components/es/components/Tree/Tree.styles.js +21 -8
- package/styled-components/es/components/Tree/Tree.tokens.js +5 -2
- package/styled-components/es/components/Tree/utils/traverseTree.js +3 -3
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/Pagination/Pagination.config.js +18 -11
- package/styled-components/es/examples/components/Range/Range.config.js +46 -0
- package/styled-components/es/examples/components/Tree/Tree.config.js +6 -2
- package/types/components/Attach/Attach.d.ts.map +1 -1
- package/types/components/Attach/Attach.styles.d.ts +1 -3
- package/types/components/Attach/Attach.styles.d.ts.map +1 -1
- package/types/components/Attach/Attach.types.d.ts +0 -7
- package/types/components/Attach/Attach.types.d.ts.map +1 -1
- package/types/components/Attach/utils/addSeparator.d.ts +2 -0
- package/types/components/Attach/utils/addSeparator.d.ts.map +1 -0
- package/types/components/Attach/utils/getFileicon.d.ts +1 -1
- package/types/components/Attach/utils/index.d.ts +3 -1
- package/types/components/Attach/utils/index.d.ts.map +1 -1
- package/types/components/Attach/variations/_size/base.d.ts.map +1 -1
- package/types/components/CodeField/CodeField.d.ts.map +1 -1
- package/types/components/CodeField/CodeField.styles.d.ts +1 -0
- package/types/components/CodeField/CodeField.styles.d.ts.map +1 -1
- package/types/components/CodeField/hooks/useWebOTP.d.ts +20 -0
- package/types/components/CodeField/hooks/useWebOTP.d.ts.map +1 -0
- package/types/components/CodeField/utils/handleCodeError.d.ts +2 -2
- package/types/components/CodeField/utils/handleCodeError.d.ts.map +1 -1
- package/types/components/CodeField/utils/handleItemError.d.ts +3 -2
- package/types/components/CodeField/utils/handleItemError.d.ts.map +1 -1
- package/types/components/CodeField/utils/index.d.ts +1 -0
- package/types/components/CodeField/utils/index.d.ts.map +1 -1
- package/types/components/CodeField/utils/isWebOTPSupported.d.ts +2 -0
- package/types/components/CodeField/utils/isWebOTPSupported.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts +1 -2
- package/types/components/Combobox/ComboboxNew/hooks/getPathMaps.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts +0 -1
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts +2 -0
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.tokens.d.ts +3 -0
- package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.types.d.ts +6 -0
- package/types/components/Pagination/Pagination.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.d.ts.map +1 -1
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/hooks/usePathMaps.d.ts +1 -2
- package/types/components/Select/hooks/usePathMaps.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.d.ts +0 -1
- package/types/components/Select/ui/Target/Target.d.ts.map +1 -1
- package/types/components/Select/ui/Target/Target.types.d.ts +1 -2
- package/types/components/Select/ui/Target/Target.types.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.d.ts.map +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts +1 -1
- package/types/components/Select/ui/Target/ui/Textfield/Textfield.types.d.ts.map +1 -1
- package/types/components/Select/utils/index.d.ts +0 -1
- package/types/components/Select/utils/index.d.ts.map +1 -1
- package/types/components/Switch/Switch.d.ts.map +1 -1
- package/types/components/Switch/Switch.styles.d.ts.map +1 -1
- package/types/components/Switch/Switch.tokens.d.ts +1 -0
- package/types/components/Switch/Switch.tokens.d.ts.map +1 -1
- package/types/components/Switch/Switch.types.d.ts +5 -0
- package/types/components/Switch/Switch.types.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts +21 -0
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.d.ts.map +1 -0
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts +3 -0
- package/types/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.d.ts.map +1 -0
- package/types/components/TextField/ui/index.d.ts +1 -0
- package/types/components/TextField/ui/index.d.ts.map +1 -1
- package/types/components/Tree/Tree.d.ts +3 -3
- package/types/components/Tree/Tree.d.ts.map +1 -1
- package/types/components/Tree/Tree.styles.d.ts +3 -0
- package/types/components/Tree/Tree.styles.d.ts.map +1 -1
- package/types/components/Tree/Tree.tokens.d.ts +3 -0
- package/types/components/Tree/Tree.tokens.d.ts.map +1 -1
- package/types/components/Tree/Tree.types.d.ts +50 -1
- package/types/components/Tree/Tree.types.d.ts.map +1 -1
- package/types/components/Tree/utils/traverseTree.d.ts.map +1 -1
- package/types/engines/common.d.ts +3 -3
- package/types/engines/common.d.ts.map +1 -1
- package/types/engines/index.d.ts +1 -1
- package/types/engines/index.d.ts.map +1 -1
- package/types/engines/types.d.ts +4 -0
- package/types/engines/types.d.ts.map +1 -1
- package/types/examples/components/Attach/Attach.d.ts.map +1 -1
- package/types/examples/components/Pagination/Pagination.config.d.ts.map +1 -1
- package/types/examples/components/Range/Range.config.d.ts +1 -0
- package/types/examples/components/Range/Range.config.d.ts.map +1 -1
- package/types/examples/components/Range/Range.d.ts +1 -0
- package/types/examples/components/Range/Range.d.ts.map +1 -1
- package/types/examples/components/Tree/Tree.config.d.ts.map +1 -1
- package/types/examples/components/Tree/Tree.d.ts.map +1 -1
- package/cjs/components/Attach/Attach.styles_pso18d.css +0 -7
- package/cjs/components/Attach/variations/_helperTextView/base_1tgnvl9.css +0 -1
- package/cjs/components/Attach/variations/_size/base_1c6ezmq.css +0 -1
- package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -17
- package/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map +0 -1
- package/cjs/components/Select/utils/getRemovedElement.js +0 -17
- package/cjs/components/Select/utils/getRemovedElement.js.map +0 -1
- package/cjs/components/Tree/Tree.styles_6sla5y.css +0 -7
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -20
- package/emotion/cjs/components/Select/utils/getRemovedElement.js +0 -20
- package/emotion/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -10
- package/emotion/es/components/Select/utils/getRemovedElement.js +0 -10
- package/es/components/Attach/Attach.styles_pso18d.css +0 -7
- package/es/components/Attach/variations/_helperTextView/base_1tgnvl9.css +0 -1
- package/es/components/Attach/variations/_size/base_1c6ezmq.css +0 -1
- package/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -13
- package/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js.map +0 -1
- package/es/components/Select/utils/getRemovedElement.js +0 -13
- package/es/components/Select/utils/getRemovedElement.js.map +0 -1
- package/es/components/Tree/Tree.styles_6sla5y.css +0 -7
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -20
- package/styled-components/cjs/components/Select/utils/getRemovedElement.js +0 -20
- package/styled-components/es/components/Combobox/ComboboxNew/utils/getRemovedElement.js +0 -10
- package/styled-components/es/components/Select/utils/getRemovedElement.js +0 -10
- package/types/components/Combobox/ComboboxNew/utils/getRemovedElement.d.ts +0 -2
- package/types/components/Combobox/ComboboxNew/utils/getRemovedElement.d.ts.map +0 -1
- package/types/components/Select/utils/getRemovedElement.d.ts +0 -2
- package/types/components/Select/utils/getRemovedElement.d.ts.map +0 -1
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
2
|
+
|
|
3
|
+
.base_sp7461_b13tc97x__6c2a9135{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_sp7461_b13tc97x__6c2a9135:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);}.base_sp7461_b13tc97x__6c2a9135:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);}
|
|
4
|
+
|
|
5
|
+
.base_1o8ygxu_b1pde8v1__ca0b05f4{font-family:var(--plasma-chip-font-family);font-size:var(--plasma-chip-font-size);font-style:var(--plasma-chip-font-style);font-weight:var(--plasma-chip-font-weight);-webkit-letter-spacing:var(--plasma-chip-letter-spacing);-moz-letter-spacing:var(--plasma-chip-letter-spacing);-ms-letter-spacing:var(--plasma-chip-letter-spacing);letter-spacing:var(--plasma-chip-letter-spacing);line-height:var(--plasma-chip-lineheight);border-radius:var(--plasma-chip-border-radius);width:var(--plasma-chip-width);height:var(--plasma-chip-height);padding:var(--plasma-chip-padding);}
|
|
6
|
+
|
|
7
|
+
.base_rmcs0j_b16ulzzx__f8cae226[disabled]{opacity:var(--plasma-chip-disabled-opacity);cursor:not-allowed;}.base_rmcs0j_b16ulzzx__f8cae226[disabled]:hover,.base_rmcs0j_b16ulzzx__f8cae226[disabled]:active{scale:none;color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}
|
|
8
|
+
|
|
9
|
+
.base_1nfit77_b10y1phq__6aaec899[readonly]{color:var(--plasma-chip-color-readonly);background-color:var(--plasma-chip-background-readonly);}.base_1nfit77_b10y1phq__6aaec899[readonly]:hover,.base_1nfit77_b10y1phq__6aaec899[readonly]:active{scale:none;cursor:default;color:var(--plasma-chip-color-readonly-hover);background-color:var(--plasma-chip-background-readonly-hover);}
|
|
10
|
+
|
|
11
|
+
.base_kgtz8x_b16hf96__46a206b1{--plasma_private-chip-outline-size:var(--plasma-chip-outline-size,0.125rem);position:relative;}.base_kgtz8x_b16hf96__46a206b1:focus{outline:none;}.base_kgtz8x_b16hf96__46a206b1::before{content:'';position:absolute;top:calc(-1 * var(--plasma_private-chip-outline-size));left:calc(-1 * var(--plasma_private-chip-outline-size));right:calc(-1 * var(--plasma_private-chip-outline-size));bottom:calc(-1 * var(--plasma_private-chip-outline-size));z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-chip-outline-size) solid transparent;border-radius:calc(var(--plasma-chip-border-radius) + var(--plasma_private-chip-outline-size));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_kgtz8x_b16hf96__46a206b1.base_kgtz8x_focusVisible__46a206b1:focus::before,.base_kgtz8x_b16hf96__46a206b1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-chip-outline-size) var(--plasma-chip-focus-color);}
|
|
12
|
+
|
|
13
|
+
.base_3kce4h_bvcavwi__c6ad5ca5.base_3kce4h_chipPilled__c6ad5ca5{border-radius:var(--plasma-chip-pilled-border-radius);}
|
|
14
|
+
|
|
15
|
+
.Chip_styles_fnd4j5_bol5daj__7a13f27c{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);}
|
|
16
|
+
.Chip_styles_fnd4j5_sj20on5__7a13f27c{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);color:var(--plasma-chip-left-content-color);}
|
|
17
|
+
.Chip_styles_fnd4j5_s1ror4o9__7a13f27c{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
18
|
+
.Chip_styles_fnd4j5_swddmyi__7a13f27c{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:var(--plasma-chip-right-content-margin-left);margin-right:var(--swddmyi-0);}
|
|
19
|
+
.Chip_styles_fnd4j5_s1pcflhj__7a13f27c{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);}
|
|
20
|
+
|
|
21
|
+
.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_s32p7ut__9f1b34fd[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
22
|
+
.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd.TextFieldChip_styles_14q069b_focusVisible__9f1b34fd:focus::before,.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:after{content:',';}.TextFieldChip_styles_14q069b_t4nir3h__9f1b34fd:last-child:after{content:'';}
|
|
23
|
+
|
|
24
|
+
.Popover_styles_ji8em4_s1g1xbt5__439b9cc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
|
|
25
|
+
.Popover_styles_ji8em4_s12xwbyh__439b9cc0{display:inline-block;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0{position:absolute;top:0;left:0;width:100%;height:100%;}.Popover_styles_ji8em4_s12xwbyh__439b9cc0.Popover_styles_ji8em4_popoverTargetAsRef__439b9cc0 .Popover_styles_ji8em4_s1g1xbt5__439b9cc0{width:100%;height:100%;display:block;}
|
|
26
|
+
.Popover_styles_ji8em4_s1pd4d8a__439b9cc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_ji8em4_s1pd4d8a__439b9cc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
|
|
27
|
+
.Popover_styles_ji8em4_s16xlixz__439b9cc0{position:absolute;z-index:var(--s16xlixz-0);opacity:0;visibility:hidden;box-shadow:var(--plasma-popover-box-shadow);}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverAnimate__439b9cc0{-webkit-transition:opacity 0.2s ease-in-out,-webkit-transform 0s ease-in-out,visibility 0.2s;-webkit-transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;transition:opacity 0.2s ease-in-out,transform 0s ease-in-out,visibility 0.2s;}.Popover_styles_ji8em4_s16xlixz__439b9cc0.Popover_styles_ji8em4_popoverOpen__439b9cc0{opacity:1;visibility:visible;}.Popover_styles_ji8em4_s16xlixz__439b9cc0:before{content:'';display:block;position:absolute;background:transparent;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end'] > .Popover_styles_ji8em4_popoverArrow__439b9cc0{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='top-end']:before{top:unset;left:0;right:0;height:var(--plasma-popover-arrow-height);bottom:calc(-1 * var(--plasma-popover-arrow-height));}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='bottom-end']:before{top:calc(-1 * var(--plasma-popover-arrow-height));left:0;right:0;bottom:var(--plasma-popover-arrow-height);height:var(--plasma-popover-arrow-height);}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='left-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;right:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-start']:before,.Popover_styles_ji8em4_s16xlixz__439b9cc0[data-popper-placement^='right-end']:before{width:var(--plasma-popover-arrow-height);height:100%;top:0;left:calc(-1 * var(--plasma-popover-arrow-height));bottom:0;}
|
|
28
|
+
|
|
29
|
+
.Tooltip_styles_1bh0sd0_teczcv4__e6cc0309{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
|
|
30
|
+
.Tooltip_styles_1bh0sd0_s1j361h1__e6cc0309{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
|
|
31
|
+
|
|
32
|
+
.Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
|
|
33
|
+
|
|
34
|
+
.TextField_styles_xvs3tf_iq39zt5__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
|
|
35
|
+
.TextField_styles_xvs3tf_i1j28rg8__6229ab57{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;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;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57::-webkit-scrollbar{display:none;}.TextField_styles_xvs3tf_i1j28rg8__6229ab57.TextField_styles_xvs3tf_hasChips__6229ab57{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
|
|
36
|
+
.TextField_styles_xvs3tf_s13zudoe__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-margin-right,var(--plasma-textfield__chip-gap));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
|
37
|
+
.TextField_styles_xvs3tf_io4bpie__6229ab57{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_xvs3tf_io4bpie__6229ab57.TextField_styles_xvs3tf_textfieldInputTextEllipsis__6229ab57{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-webkit-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::-moz-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57:-ms-input-placeholder{opacity:0;}.TextField_styles_xvs3tf_io4bpie__6229ab57::placeholder{opacity:0;}
|
|
38
|
+
.TextField_styles_xvs3tf_i13qvwoy__6229ab57{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;min-width:var(--i13qvwoy-0);}.TextField_styles_xvs3tf_i13qvwoy__6229ab57 .TextField_styles_xvs3tf_io4bpie__6229ab57{max-width:var(--i13qvwoy-1);}
|
|
39
|
+
.TextField_styles_xvs3tf_i19ry60d__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);padding:var(--i19ry60d-0);}
|
|
40
|
+
.TextField_styles_xvs3tf_obt1ohz__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--obt1ohz-0);margin-bottom:var(--obt1ohz-1);}
|
|
41
|
+
.TextField_styles_xvs3tf_tlv9av6__6229ab57{display:inline-block;margin-left:auto;}
|
|
42
|
+
.TextField_styles_xvs3tf_s600610__6229ab57{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;}
|
|
43
|
+
.TextField_styles_xvs3tf_luk2zst__6229ab57{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
|
44
|
+
.TextField_styles_xvs3tf_s1gjsnfi__6229ab57{margin:var(--plasma-textfield__left-content-margin);color:var(--s1gjsnfi-0);line-height:0;}
|
|
45
|
+
.TextField_styles_xvs3tf_ssv2kwg__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
46
|
+
.TextField_styles_xvs3tf_s190z894__6229ab57{line-height:0;margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_xvs3tf_s190z894__6229ab57:hover{color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_xvs3tf_s190z894__6229ab57:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
|
|
47
|
+
|
|
48
|
+
.TextField_styles_xvs3tf_s7hnwwb__6229ab57{visibility:var(--s7hnwwb-0);}
|
|
49
|
+
|
|
50
|
+
.TextField_styles_xvs3tf_s14qvple__6229ab57{color:var(--plasma-textfield__optional-color);}
|
|
51
|
+
.TextField_styles_xvs3tf_s16itze4__6229ab57{display:inline-block;line-height:0;}.TextField_styles_xvs3tf_s16itze4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{position:absolute;margin:0;inset:var(--plasma-textfield__hint-inner-label-placement-offset);}
|
|
52
|
+
.TextField_styles_xvs3tf_h1skqnhr__6229ab57{color:var(--plasma-textfield__hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
|
53
|
+
.TextField_styles_xvs3tf_hgy0im1__6229ab57 .TextField_styles_xvs3tf_h1skqnhr__6229ab57 .TextField_styles_xvs3tf_popoverRoot__6229ab57{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
54
|
+
.TextField_styles_xvs3tf_h8yezh4__6229ab57{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
|
|
55
|
+
.TextField_styles_xvs3tf_szsveq4__6229ab57{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementOuter__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57.TextField_styles_xvs3tf_textfieldHasHint__6229ab57{right:calc( -1 * var(--plasma-textfield__indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_xvs3tf_szsveq4__6229ab57.TextField_styles_xvs3tf_labelPlacementInner__6229ab57.TextField_styles_xvs3tf_requiredAlignRight__6229ab57{inset:var(--plasma-textfield__indicator-placement-inner-right);}
|
|
56
|
+
|
|
57
|
+
.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_s11qqqhl__d1734be7[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
58
|
+
.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7.TextFieldChipNew_styles_y9tozi_focusVisible__d1734be7:focus::before,.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:after{content:',';}.TextFieldChipNew_styles_y9tozi_t10z5awc__d1734be7:last-child:after{content:'';}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextChip } from '../TextFieldChip/TextFieldChip.styles.js';
|
|
3
|
+
import { StyledChips } from '../../TextField.styles.js';
|
|
4
|
+
import { classes } from '../../TextField.tokens.js';
|
|
5
|
+
import { StyledChip } from './TextFieldChipNew.styles.js';
|
|
6
|
+
|
|
7
|
+
var TextFieldChipNew = function TextFieldChipNew(_ref) {
|
|
8
|
+
var chips = _ref.chips,
|
|
9
|
+
onChipClick = _ref.onChipClick,
|
|
10
|
+
getRef = _ref.getRef,
|
|
11
|
+
handleChipKeyDown = _ref.handleChipKeyDown,
|
|
12
|
+
onChipClear = _ref.onChipClear,
|
|
13
|
+
readOnly = _ref.readOnly,
|
|
14
|
+
chipType = _ref.chipType,
|
|
15
|
+
view = _ref.view,
|
|
16
|
+
_forceChipManipulationWithReadonly = _ref._forceChipManipulationWithReadonly;
|
|
17
|
+
return /*#__PURE__*/React.createElement(StyledChips, {
|
|
18
|
+
className: classes.chipsWrapper
|
|
19
|
+
}, chips.map(function (_ref2, index) {
|
|
20
|
+
var value = _ref2.value,
|
|
21
|
+
label = _ref2.label,
|
|
22
|
+
disabled = _ref2.disabled;
|
|
23
|
+
var chipId = "".concat(index, "_").concat(value);
|
|
24
|
+
var onKeyDownHandle = function onKeyDownHandle(event) {
|
|
25
|
+
if (handleChipKeyDown) {
|
|
26
|
+
handleChipKeyDown(event, chipId, index);
|
|
27
|
+
}
|
|
28
|
+
if (event.key === 'Enter' || event.key === 'Backspace') {
|
|
29
|
+
if (onChipClick) {
|
|
30
|
+
onChipClick({
|
|
31
|
+
value: value,
|
|
32
|
+
label: label,
|
|
33
|
+
disabled: disabled
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
var handleClick = function handleClick(event) {
|
|
39
|
+
event.stopPropagation();
|
|
40
|
+
if (onChipClick) {
|
|
41
|
+
onChipClick({
|
|
42
|
+
value: value,
|
|
43
|
+
label: label,
|
|
44
|
+
disabled: disabled
|
|
45
|
+
});
|
|
46
|
+
}
|
|
47
|
+
if (onChipClear) {
|
|
48
|
+
onChipClear(chipId, index);
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
return chipType === 'default' ? /*#__PURE__*/React.createElement(StyledChip, {
|
|
52
|
+
key: chipId,
|
|
53
|
+
ref: function ref(element) {
|
|
54
|
+
return getRef(element, index);
|
|
55
|
+
},
|
|
56
|
+
tabIndex: -1,
|
|
57
|
+
disabled: disabled,
|
|
58
|
+
hasClear: !disabled,
|
|
59
|
+
readOnly: readOnly,
|
|
60
|
+
onClick: handleClick,
|
|
61
|
+
onKeyDown: onKeyDownHandle,
|
|
62
|
+
text: label,
|
|
63
|
+
view: view
|
|
64
|
+
// TODO: #1547
|
|
65
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
66
|
+
// @ts-ignore
|
|
67
|
+
,
|
|
68
|
+
_forceChipManipulationWithReadonly: _forceChipManipulationWithReadonly
|
|
69
|
+
}) : /*#__PURE__*/React.createElement(TextChip, {
|
|
70
|
+
tabIndex: -1,
|
|
71
|
+
onClick: handleClick,
|
|
72
|
+
onKeyDown: onKeyDownHandle
|
|
73
|
+
}, label);
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
export { TextFieldChipNew };
|
|
78
|
+
//# sourceMappingURL=TextFieldChipNew.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextFieldChipNew.js","sources":["../../../../../src/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.tsx"],"sourcesContent":["import React, { FC, KeyboardEvent } from 'react';\nimport { TextChip } from 'src/components/TextField/ui/TextFieldChip/TextFieldChip.styles';\n\nimport { StyledChips } from '../../TextField.styles';\nimport { classes } from '../../TextField.tokens';\n\nimport { StyledChip } from './TextFieldChipNew.styles';\n\nexport const TextFieldChipNew: FC<{\n chips: { value: string; label: string; disabled: boolean }[];\n onChipClick: (chip: { value: string; label: string; disabled: boolean }) => void;\n getRef: (...e: any) => void;\n handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => void;\n onChipClear: (clearId: string, index: number) => void;\n readOnly: boolean;\n chipType?: string;\n view?: string;\n _forceChipManipulationWithReadonly?: any;\n}> = ({\n chips,\n onChipClick,\n getRef,\n handleChipKeyDown,\n onChipClear,\n readOnly,\n chipType,\n view,\n _forceChipManipulationWithReadonly,\n}) => {\n return (\n <StyledChips className={classes.chipsWrapper}>\n {chips.map(({ value, label, disabled }, index) => {\n const chipId = `${index}_${value}`;\n\n const onKeyDownHandle = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (handleChipKeyDown) {\n handleChipKeyDown(event, chipId, index);\n }\n\n if (event.key === 'Enter' || event.key === 'Backspace') {\n if (onChipClick) {\n onChipClick({ value, label, disabled });\n }\n }\n };\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.stopPropagation();\n\n if (onChipClick) {\n onChipClick({ value, label, disabled });\n }\n\n if (onChipClear) {\n onChipClear(chipId, index);\n }\n };\n\n return chipType === 'default' ? (\n <StyledChip\n key={chipId}\n ref={(element) => getRef(element, index)}\n tabIndex={-1}\n disabled={disabled}\n hasClear={!disabled}\n readOnly={readOnly}\n onClick={handleClick}\n onKeyDown={onKeyDownHandle}\n text={label}\n view={view}\n // TODO: #1547\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n _forceChipManipulationWithReadonly={_forceChipManipulationWithReadonly}\n />\n ) : (\n <TextChip tabIndex={-1} onClick={handleClick} onKeyDown={onKeyDownHandle}>\n {label}\n </TextChip>\n );\n })}\n </StyledChips>\n );\n};\n"],"names":["TextFieldChipNew","_ref","chips","onChipClick","getRef","handleChipKeyDown","onChipClear","readOnly","chipType","view","_forceChipManipulationWithReadonly","React","createElement","StyledChips","className","classes","chipsWrapper","map","_ref2","index","value","label","disabled","chipId","concat","onKeyDownHandle","event","key","handleClick","stopPropagation","StyledChip","ref","element","tabIndex","hasClear","onClick","onKeyDown","text","TextChip"],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import './TextFieldChipNew.styles_y9tozi.css';
|
|
2
|
+
import { styled } from '@linaria/react';
|
|
3
|
+
import { component, mergeConfig } from '../../../../engines/common.js';
|
|
4
|
+
import { chipConfig } from '../../../Chip/Chip.js';
|
|
5
|
+
|
|
6
|
+
// issue #823
|
|
7
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
|
|
8
|
+
var Chip = /*#__PURE__*/component(mergedConfig);
|
|
9
|
+
|
|
10
|
+
// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части
|
|
11
|
+
var _exp = function _exp() {
|
|
12
|
+
return Chip;
|
|
13
|
+
};
|
|
14
|
+
var StyledChip = /*#__PURE__*/styled(_exp())({
|
|
15
|
+
name: "StyledChip",
|
|
16
|
+
"class": "s11qqqhl",
|
|
17
|
+
propsAsIs: true
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
export { StyledChip };
|
|
21
|
+
//# sourceMappingURL=TextFieldChipNew.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextFieldChipNew.styles.js","sources":["../../../../../src/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { component, mergeConfig } from 'src/engines';\nimport { addFocus } from 'src/mixins';\nimport { chipConfig, chipTokens } from 'src/components/Chip';\n\nimport { tokens } from '../../TextField.tokens';\n\n// issue #823\nconst mergedConfig = mergeConfig(chipConfig);\nconst Chip = component(mergedConfig);\n\n// NOTE: Необходимое переопределение токенов из компонента Chip т.к. используются его части\nexport const StyledChip = styled(Chip)`\n ${chipTokens.color}: var(${tokens.chipColor});\n ${chipTokens.background}: var(${tokens.chipBackground});\n ${chipTokens.colorHover}: var(${tokens.chipColorHover});\n ${chipTokens.backgroundHover}: var(${tokens.chipBackgroundHover});\n ${chipTokens.colorActive}: var(${tokens.chipColorActive});\n ${chipTokens.backgroundActive}: var(${tokens.chipBackgroundActive});\n ${chipTokens.backgroundReadOnly}: var(${tokens.chipBackgroundReadOnly});\n ${chipTokens.colorReadOnly}: var(${tokens.chipColorReadOnly});\n ${chipTokens.backgroundReadOnlyHover}: var(${tokens.chipBackgroundReadOnlyHover});\n ${chipTokens.colorReadOnlyHover}: var(${tokens.chipColorReadOnlyHover});\n ${chipTokens.borderRadius}: var(${tokens.chipBorderRadius});\n ${chipTokens.width}: var(${tokens.chipWidth});\n ${chipTokens.height}: var(${tokens.chipHeight});\n ${chipTokens.padding}: var(${tokens.chipPadding});\n ${chipTokens.fontFamily}: var(${tokens.chipFontFamily});\n ${chipTokens.fontSize}: var(${tokens.chipFontSize});\n ${chipTokens.fontStyle}: var(${tokens.chipFontStyle});\n ${chipTokens.fontWeight}: var(${tokens.chipFontWeight});\n ${chipTokens.letterSpacing}: var(${tokens.chipLetterSpacing});\n ${chipTokens.lineHeight}: var(${tokens.chipLineHeight});\n ${chipTokens.clearContentMarginLeft}: var(${tokens.chipClearContentMarginLeft});\n ${chipTokens.clearContentMarginRight}: var(${tokens.chipClearContentMarginRight});\n ${chipTokens.closeIconSize}: var(${tokens.chipCloseIconSize});\n ${chipTokens.closeIconColor}: var(${tokens.chipCloseIconColor});\n ${chipTokens.focusColor}: var(${tokens.focusColor});\n ${chipTokens.disabledOpacity}: 0.4;\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &[readonly] {\n opacity: var(${tokens.chipOpacityReadonly});\n }\n`;\n\nexport const TextChip = styled.button`\n display: block;\n flex: none;\n background: none;\n border: none;\n outline: none;\n padding: 0;\n white-space: nowrap;\n cursor: pointer;\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.letterSpacing});\n line-height: var(${tokens.lineHeight});\n color: var(${tokens.color});\n\n ${addFocus({\n outlineOffset: '0.0625rem',\n outlineSize: '0.0625rem',\n outlineRadius: `calc(var(${tokens.chipBorderRadius}) - 0.1rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n })}\n\n &:after {\n content: ',';\n }\n\n &:last-child {\n &:after {\n content: '';\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","chipConfig","Chip","component","_exp","StyledChip","styled","name","class","propsAsIs"],"mappings":";;;;AAOA;AACA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAC5C,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;;AAEpC;AAAA,IAAAK,IAAA,GAVkBA,SAUlBA,IAAAA,GAAA;AAAA,EAAA,OACiCF,IAAI,CAAA;AAAA,CAAA,CAAA;AAA9B,IAAMG,UAAU,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAsC/B;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.s11qqqhl{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding:var(--plasma-textfield__chip-padding);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);--plasma-chip-disabled-opacity:0.4;position:relative;}.s11qqqhl::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s11qqqhl.focus-visible:focus::before,.s11qqqhl[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.s11qqqhl[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
|
|
2
|
+
.t10z5awc{display:block;-webkit-flex:none;-ms-flex:none;flex:none;background:none;border:none;outline:none;padding:0;white-space:nowrap;cursor:pointer;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);color:var(--plasma-textfield-color);position:relative;}.t10z5awc::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.t10z5awc.focus-visible:focus::before,.t10z5awc[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.t10z5awc:after{content:',';}.t10z5awc:last-child:after{content:'';}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
|
2
2
|
|
|
3
|
-
.
|
|
4
|
-
.
|
|
3
|
+
.Tree_styles_1bw3k0r_io9xczg__2a5eff5f{line-height:0;color:var(--plasma-tree-arrow-color);}.Tree_styles_1bw3k0r_io9xczg__2a5eff5f:hover{color:var(--plasma-tree-arrow-color-hover);}.Tree_styles_1bw3k0r_io9xczg__2a5eff5f:active{color:var(--plasma-tree-arrow-color-active);}
|
|
4
|
+
.Tree_styles_1bw3k0r_smciu6q__2a5eff5f{-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;}
|
|
5
5
|
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632{margin:0;border:1px solid transparent;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeFocused__91ae2632:not(.Tree_styles_6sla5y_rcTreeActiveFocused__91ae2632){border-color:cyan;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_draggable__91ae2632{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dragging__91ae2632{background:rgba(100,100,255,0.1);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropContainer__91ae2632 > .Tree_styles_6sla5y_draggable__91ae2632::after{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px red;content:'';}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropContainer__91ae2632 ~ .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{border-left:2px solid chocolate;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropTarget__91ae2632{background-color:yellowgreen;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_dropTarget__91ae2632 ~ .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{border-left:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_filterNode__91ae2632 > .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 ul{margin:0;padding:0 0 0 18px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{cursor:default;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632{cursor:default;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632{cursor:pointer;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIconEle__91ae2632.Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{background-image:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeIcon_loading__91ae2632{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{display:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632{background-position:-93px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_close__91ae2632{background-position:-75px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632{background-position:-14px 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632{background-position:-14px -28px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{background-position:0 -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{background-position:-14px -56px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxDisabled__91ae2632::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632:not(.Tree_styles_6sla5y_rcTreeShowLine__91ae2632) .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(:last-child) > .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background-position:-56px -18px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_rcTreeShowLine__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:last-child > .Tree_styles_6sla5y_rcTreeSwitcherNoop__91ae2632{background-position:-56px -36px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeChildTree__91ae2632{display:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeChildTreeOpen__91ae2632{display:block;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > span:not(.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632),.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > a,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 > a span{color:#767676;cursor:not-allowed;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTreenodeActive__91ae2632{background:rgba(0,0,0,0.1);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__open__91ae2632{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__close__91ae2632{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__docu__91ae2632{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{display:inline-block;width:100%;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndent__91ae2632{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndentUnit__91ae2632{display:inline-block;width:16px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeDraggableIcon__91ae2632{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeList__91ae2632{border:none !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeListHolder__91ae2632{overflow:hidden auto;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeItemFilled__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632:not(tree-item-filled) .Tree_styles_6sla5y_rcTreeTreenode__91ae2632{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeSwitcher__91ae2632,.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeItemFilled__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{inset:0;border-radius:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemHasSelectedChildren__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632) .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemHasSelectedChildren__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632) .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_treeItemPrimaryBackground__91ae2632::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632):not(.Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632:not(.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632):not(.Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeRadioMode__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeSelected__91ae2632):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 .Tree_styles_6sla5y_rcTreeNodeContentWrapper__91ae2632{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_close__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632.Tree_styles_6sla5y_rcTreeSwitcher_open__91ae2632 .Tree_styles_6sla5y_arrow__91ae2632{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckboxChecked__91ae2632::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeCheckbox__91ae2632.Tree_styles_6sla5y_rcTreeCheckboxIndeterminate__91ae2632::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632 span.Tree_styles_6sla5y_rcTreeSwitcher__91ae2632{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632.Tree_styles_6sla5y_treeInverted__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632::before{left:0;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632{opacity:1;box-shadow:none;background:none;}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeTitle__91ae2632{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeNodeSelected__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-color-selected);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTree__91ae2632 .Tree_styles_6sla5y_rcTreeTreenode__91ae2632.Tree_styles_6sla5y_rcTreeTreenodeDisabled__91ae2632 .Tree_styles_6sla5y_rcTreeIcon__customize__91ae2632{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_6sla5y_b1njos1z__91ae2632 .Tree_styles_6sla5y_rcTreeIndentUnit__91ae2632{width:var(--plasma-tree-item-indent);}
|
|
6
|
+
.Tree_styles_1bw3k0r_t1bgqryr__2a5eff5f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:var(--t1bgqryr-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
7
|
+
.Tree_styles_1bw3k0r_t1un80r8__2a5eff5f{margin:var(--plasma-tree-icon-folder-margin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
|
8
|
+
.Tree_styles_1bw3k0r_c92yb2c__2a5eff5f{line-height:0;}
|
|
9
|
+
.Tree_styles_1bw3k0r_l1njos1z__2a5eff5f{left:var(--l1njos1z-0);right:0;position:absolute;z-index:1;height:0.125rem;background-color:var(--plasma-tree-item-draggable-line-color );border-radius:1px;pointer-events:none;}
|
|
10
|
+
.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f{margin:0;border:1px solid transparent;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeFocused__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeActiveFocused__2a5eff5f){border-color:cyan;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{margin:0;padding:0;line-height:24px;white-space:nowrap;list-style:none;outline:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_draggable__2a5eff5f{color:#333;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dragging__2a5eff5f{opacity:0.28;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropContainer__2a5eff5f::before,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(:has(.Tree_styles_1bw3k0r_dropContainer__2a5eff5f)) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropTarget__2a5eff5f.Tree_styles_1bw3k0r_treeLeafNode__2a5eff5f::before,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(:has(.Tree_styles_1bw3k0r_dropContainer__2a5eff5f)) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_dropTarget__2a5eff5f.Tree_styles_1bw3k0r_dragOver__2a5eff5f::before{box-shadow:inset 0 0 0 1px var(--plasma-tree-item-draggable-border-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_filterNode__2a5eff5f > .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{color:#a60000 !important;font-weight:bold !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f ul{margin:0;padding:0 0 0 18px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{position:relative;display:inline-block;height:24px;margin:0;padding:0;-webkit-text-decoration:none;text-decoration:none;vertical-align:top;cursor:pointer;color:var(--plasma-tree-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{cursor:default;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f{cursor:default;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f{cursor:pointer;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIconEle__2a5eff5f.Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{background-image:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeIcon_loading__2a5eff5f{margin-right:2px;vertical-align:top;background:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{display:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f{background-position:-93px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_close__2a5eff5f{background-position:-75px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{width:13px;height:13px;margin:0 3px;background-position:0 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f{background-position:-14px 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f{background-position:-14px -28px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{background-position:0 -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{background-position:-14px -56px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f{position:relative;background:#ccc;border-radius:3px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxDisabled__2a5eff5f::after{position:absolute;top:5px;left:3px;width:5px;height:0;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);content:' ';}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(:last-child) > ul{background:url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(:last-child) > .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background-position:-56px -18px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_rcTreeShowLine__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:last-child > .Tree_styles_1bw3k0r_rcTreeSwitcherNoop__2a5eff5f{background-position:-56px -36px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeChildTree__2a5eff5f{display:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeChildTreeOpen__2a5eff5f{display:block;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > span:not(.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f),.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > a,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f > a span{color:#767676;cursor:not-allowed;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenodeActive__2a5eff5f{background:rgba(0,0,0,0.1);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f{background-color:#ffe6b0;box-shadow:0 0 0 1px #ffb951;opacity:0.8;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__open__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px -16px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__close__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px 0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__docu__2a5eff5f{margin-right:0;vertical-align:top;background-position:-110px -32px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{display:block;line-height:0;color:var(--plasma-tree-icon-folder-color);margin:var(--plasma-tree-icon-folder-margin);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{display:inline-block;width:100%;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndent__2a5eff5f{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;height:0;vertical-align:bottom;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndentUnit__2a5eff5f{display:inline-block;width:16px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeDraggableIcon__2a5eff5f{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:16px;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeList__2a5eff5f{border:none !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeListHolder__2a5eff5f{overflow:hidden auto;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{position:relative;z-index:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--plasma-tree-item-height);padding:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeItemFilled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{padding:0 var(--plasma-tree-item-padding) !important;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f:not(tree-item-filled) .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f{padding:0 var(--plasma-tree-item-padding-tight);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::before{content:'';position:absolute;z-index:-1;top:var(--plasma-tree-item-top);bottom:var(--plasma-tree-item-bottom);left:var(--plasma-tree-switcher-size);right:0;background:transparent;border-radius:var(--plasma-tree-item-border-radius);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f,.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{opacity:var(--plasma-tree-item-disabled-opacity);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeItemFilled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::before{inset:0;border-radius:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemHasSelectedChildren__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemHasSelectedChildren__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f) .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_treeItemPrimaryBackground__2a5eff5f::before{background:var(--plasma-tree-item-background-color-primary);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f::before{background:var(--plasma-tree-item-background-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f):not(.Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f):hover::before{background:var(--plasma-tree-item-background-color-hover);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f:not(.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f):not(.Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeRadioMode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeSelected__2a5eff5f):active::before{background:var(--plasma-tree-item-background-color-active);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeContentWrapper__2a5eff5f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;height:auto;-webkit-flex:1;-ms-flex:1;flex:1;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{width:var(--plasma-tree-switcher-size);height:var(--plasma-tree-switcher-size);margin:var(--plasma-tree-switcher-margin);line-height:0;vertical-align:0;background:transparent;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{margin:var(--plasma-tree-switcher-margin-inverted);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_close__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f.Tree_styles_1bw3k0r_rcTreeSwitcher_open__2a5eff5f .Tree_styles_1bw3k0r_arrow__2a5eff5f{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;line-height:0;vertical-align:0;width:var(--plasma-tree-checkbox-size);height:var(--plasma-tree-checkbox-size);margin:var(--plasma-tree-checkbox-margin);background-image:none;-webkit-flex:none;-ms-flex:none;flex:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f::before{content:'';display:block;width:var(--plasma-tree-checkbox-inner-size);height:var(--plasma-tree-checkbox-inner-size);border:0.125rem solid var(--plasma-tree-checkbox-border-color);border-radius:var(--plasma-tree-checkbox-border-radius);box-sizing:border-box;background-size:contain;background-repeat:no-repeat;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f::before{border:0.125rem solid var(--plasma-tree-item-disabled-border-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckboxChecked__2a5eff5f::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill='white' d='m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z' /%3E%3C/svg%3E");}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeCheckbox__2a5eff5f.Tree_styles_1bw3k0r_rcTreeCheckboxIndeterminate__2a5eff5f::before{background-color:var(--plasma-tree-checkbox-background-color);border-color:var(--plasma-tree-checkbox-background-color);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8a1 1 0 011-1h10a1 1 0 110 2H3a1 1 0 01-1-1z' fill='white'/%3E%3C/svg%3E");}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-color);font-family:var(--plasma-tree-font-family);font-size:var(--plasma-tree-font-size);font-style:var(--plasma-tree-font-style);font-weight:var(--plasma-tree-font-weight);-webkit-letter-spacing:var(--plasma-tree-letter-spacing);-moz-letter-spacing:var(--plasma-tree-letter-spacing);-ms-letter-spacing:var(--plasma-tree-letter-spacing);letter-spacing:var(--plasma-tree-letter-spacing);line-height:var(--plasma-tree-line-height);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f span.Tree_styles_1bw3k0r_rcTreeSwitcher__2a5eff5f{-webkit-order:1;-ms-flex-order:1;order:1;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f.Tree_styles_1bw3k0r_treeInverted__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f::before{left:0;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f{opacity:1;box-shadow:none;background:none;}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTitle__2a5eff5f{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeNodeSelected__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-color-selected);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTree__2a5eff5f .Tree_styles_1bw3k0r_rcTreeTreenode__2a5eff5f.Tree_styles_1bw3k0r_rcTreeTreenodeDisabled__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIcon__customize__2a5eff5f{color:var(--plasma-tree-item-disabled-color);}.Tree_styles_1bw3k0r_bbf7gwp__2a5eff5f .Tree_styles_1bw3k0r_rcTreeIndentUnit__2a5eff5f{width:var(--plasma-tree-item-indent);}
|
|
@@ -2,7 +2,7 @@ import { slicedToArray as _slicedToArray, extends as _extends } from '../../_vir
|
|
|
2
2
|
import React, { forwardRef, useState, useMemo } from 'react';
|
|
3
3
|
import Tree from 'rc-tree';
|
|
4
4
|
import { cx } from '../../utils/index.js';
|
|
5
|
-
import { base, IconArrowWrapper, StyledArrow, StyledFolder, TitleWrapper, Title, ContentRight } from './Tree.styles.js';
|
|
5
|
+
import { base, IconArrowWrapper, StyledArrow, StyledFolder, TitleWrapper, Title, ContentRight, Line } from './Tree.styles.js';
|
|
6
6
|
import { classes } from './Tree.tokens.js';
|
|
7
7
|
import { traverseTree } from './utils/traverseTree.js';
|
|
8
8
|
import { sizeToIconSize } from './utils/sizeToIconSize.js';
|
|
@@ -46,7 +46,16 @@ var treeRoot = function treeRoot(Root) {
|
|
|
46
46
|
icon = _ref.icon,
|
|
47
47
|
renderTitle = _ref.renderTitle,
|
|
48
48
|
_ref$mode = _ref.mode,
|
|
49
|
-
mode = _ref$mode === void 0 ? 'default' : _ref$mode
|
|
49
|
+
mode = _ref$mode === void 0 ? 'default' : _ref$mode,
|
|
50
|
+
_ref$draggable = _ref.draggable,
|
|
51
|
+
draggable = _ref$draggable === void 0 ? false : _ref$draggable,
|
|
52
|
+
onDragStart = _ref.onDragStart,
|
|
53
|
+
onDragEnter = _ref.onDragEnter,
|
|
54
|
+
onDragOver = _ref.onDragOver,
|
|
55
|
+
onDragLeave = _ref.onDragLeave,
|
|
56
|
+
onDragEnd = _ref.onDragEnd,
|
|
57
|
+
onDrop = _ref.onDrop,
|
|
58
|
+
allowDrop = _ref.allowDrop;
|
|
50
59
|
var _useState = useState(defaultSelectedKeys || []),
|
|
51
60
|
_useState2 = _slicedToArray(_useState, 2),
|
|
52
61
|
selected = _useState2[0],
|
|
@@ -121,6 +130,38 @@ var treeRoot = function treeRoot(Root) {
|
|
|
121
130
|
fullWidthItemSelection: fullWidthItemSelection,
|
|
122
131
|
arrowPlacement: arrowPlacement
|
|
123
132
|
}, /*#__PURE__*/React.createElement(Title, null, renderTitle ? renderTitle(item) : typeof item.title === 'function' ? item.title(item) : item.title), item.contentRight && /*#__PURE__*/React.createElement(ContentRight, null, item.contentRight));
|
|
133
|
+
},
|
|
134
|
+
draggable: draggable,
|
|
135
|
+
onDragStart: onDragStart,
|
|
136
|
+
onDragEnter: onDragEnter,
|
|
137
|
+
onDragOver: onDragOver,
|
|
138
|
+
onDragLeave: onDragLeave,
|
|
139
|
+
onDragEnd: onDragEnd,
|
|
140
|
+
onDrop: onDrop,
|
|
141
|
+
allowDrop: allowDrop,
|
|
142
|
+
dropIndicatorRender: function dropIndicatorRender(props) {
|
|
143
|
+
var offset = 0;
|
|
144
|
+
var dropPosition = props.dropPosition,
|
|
145
|
+
dropLevelOffset = props.dropLevelOffset,
|
|
146
|
+
indent = props.indent;
|
|
147
|
+
var left = -dropLevelOffset * indent + offset;
|
|
148
|
+
var style = {};
|
|
149
|
+
switch (dropPosition) {
|
|
150
|
+
case -1:
|
|
151
|
+
style.top = 0;
|
|
152
|
+
break;
|
|
153
|
+
case 1:
|
|
154
|
+
style.bottom = 0;
|
|
155
|
+
break;
|
|
156
|
+
default:
|
|
157
|
+
style.bottom = 0;
|
|
158
|
+
style.left = indent + offset;
|
|
159
|
+
break;
|
|
160
|
+
}
|
|
161
|
+
return /*#__PURE__*/React.createElement(Line, {
|
|
162
|
+
style: style,
|
|
163
|
+
left: left
|
|
164
|
+
});
|
|
124
165
|
}
|
|
125
166
|
})));
|
|
126
167
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo } from 'react';\nimport type { Key } from 'react';\nimport Tree from 'rc-tree';\nimport { RootProps } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport { IconArrowWrapper, StyledArrow, base, StyledFolder, TitleWrapper, Title, ContentRight } from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootProps<HTMLDivElement, TreeProps>) =>\n forwardRef<HTMLDivElement, TreeProps>(\n (\n {\n items,\n arrowPlacement = 'left',\n virtual = true,\n height,\n itemHeight,\n size,\n view,\n fullWidthItemSelection = false,\n multiple = false,\n defaultExpandAll = false,\n autoExpandParent = false,\n checkable = false,\n selectedKeys: outerSelectedKeys,\n checkedKeys,\n expandedKeys,\n defaultCheckedKeys,\n defaultExpandedKeys,\n defaultSelectedKeys,\n className,\n onTreeSelect,\n onTreeCheck,\n onTreeExpand,\n hasIcon = false,\n icon,\n renderTitle,\n mode = 'default',\n },\n ref,\n ) => {\n const [selected, setSelected] = useState<React.Key[]>(defaultSelectedKeys || []);\n\n const selectedKeys = outerSelectedKeys ?? selected;\n\n const isRadioMode = mode === 'radio' && !multiple;\n\n const handleSelect = (updatedSelectedKeys: Key[], info: SelectInfo) => {\n if (!multiple && isRadioMode && updatedSelectedKeys.length === 0) {\n return;\n }\n\n setSelected(updatedSelectedKeys);\n\n if (onTreeSelect) {\n onTreeSelect(updatedSelectedKeys, info);\n }\n };\n\n const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n const radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;\n\n // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n // чтобы соблюсти иерархию вложенности в UI.\n const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n return (\n <Root view={view} size={size} ref={ref} items={items}>\n <Tree\n height={height}\n itemHeight={itemHeight}\n virtual={virtual}\n multiple={multiple}\n checkable={checkable}\n className={cx(className, invertedClass, itemFilledClass, radioModeClass)}\n defaultExpandAll={defaultExpandAll}\n autoExpandParent={autoExpandParent}\n style={{ border: '1px solid #000' }}\n treeData={treeData}\n selectedKeys={selectedKeys}\n {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n defaultCheckedKeys={defaultCheckedKeys}\n defaultExpandedKeys={defaultExpandedKeys}\n onSelect={handleSelect}\n // Тайп кастинг для упрощения API\n onCheck={onTreeCheck as any}\n onExpand={onTreeExpand}\n switcherIcon={(node) => {\n if (node.isLeaf) {\n return null;\n }\n\n return (\n <IconArrowWrapper>\n <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n </IconArrowWrapper>\n );\n }}\n icon={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n titleRender={(item) => (\n <TitleWrapper\n fullWidthItemSelection={fullWidthItemSelection}\n arrowPlacement={arrowPlacement}\n >\n <Title>\n {/* eslint-disable-next-line no-nested-ternary */}\n {renderTitle\n ? renderTitle(item)\n : typeof item.title === 'function'\n ? item.title(item)\n : item.title}\n </Title>\n\n {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n </TitleWrapper>\n )}\n />\n </Root>\n );\n },\n );\n\nexport const treeConfig = {\n name: 'Tree',\n tag: 'div',\n layout: treeRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$autoExpandParent","autoExpandParent","_ref$checkable","checkable","outerSelectedKeys","selectedKeys","checkedKeys","expandedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","_ref$mode","mode","_useState","useState","_useState2","_slicedToArray","selected","setSelected","isRadioMode","handleSelect","updatedSelectedKeys","info","length","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","radioModeClass","treeRadioMode","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cx","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Tree.js","sources":["../../../src/components/Tree/Tree.tsx"],"sourcesContent":["import React, { forwardRef, useState, useMemo } from 'react';\nimport type { Key } from 'react';\nimport Tree from 'rc-tree';\nimport { RootPropsOmitDraggable } from 'src/engines';\nimport { cx } from 'src/utils';\n\nimport type { TreeProps, SelectInfo } from './Tree.types';\nimport {\n IconArrowWrapper,\n StyledArrow,\n base,\n StyledFolder,\n TitleWrapper,\n Title,\n ContentRight,\n Line,\n} from './Tree.styles';\nimport { sizeToIconSize, traverseTree } from './utils';\nimport { classes } from './Tree.tokens';\n\n/**\n * Многоуровневый раскрывающийся список в виде дерева.\n */\nexport const treeRoot = (Root: RootPropsOmitDraggable<HTMLDivElement, TreeProps>) =>\n forwardRef<HTMLDivElement, TreeProps>(\n (\n {\n items,\n arrowPlacement = 'left',\n virtual = true,\n height,\n itemHeight,\n size,\n view,\n fullWidthItemSelection = false,\n multiple = false,\n defaultExpandAll = false,\n autoExpandParent = false,\n checkable = false,\n selectedKeys: outerSelectedKeys,\n checkedKeys,\n expandedKeys,\n defaultCheckedKeys,\n defaultExpandedKeys,\n defaultSelectedKeys,\n className,\n onTreeSelect,\n onTreeCheck,\n onTreeExpand,\n hasIcon = false,\n icon,\n renderTitle,\n mode = 'default',\n draggable = false,\n onDragStart,\n onDragEnter,\n onDragOver,\n onDragLeave,\n onDragEnd,\n onDrop,\n allowDrop,\n },\n ref,\n ) => {\n const [selected, setSelected] = useState<React.Key[]>(defaultSelectedKeys || []);\n\n const selectedKeys = outerSelectedKeys ?? selected;\n\n const isRadioMode = mode === 'radio' && !multiple;\n\n const handleSelect = (updatedSelectedKeys: Key[], info: SelectInfo) => {\n if (!multiple && isRadioMode && updatedSelectedKeys.length === 0) {\n return;\n }\n\n setSelected(updatedSelectedKeys);\n\n if (onTreeSelect) {\n onTreeSelect(updatedSelectedKeys, info);\n }\n };\n\n const invertedClass = arrowPlacement === 'right' ? classes.treeInverted : undefined;\n const itemFilledClass = fullWidthItemSelection ? classes.treeItemFilled : undefined;\n const radioModeClass = isRadioMode ? classes.treeRadioMode : undefined;\n\n // Проходимся по дереву и устанавливаем соответствующие классы для узлов дерева,\n // чтобы соблюсти иерархию вложенности в UI.\n const treeData = useMemo(() => traverseTree(items, selectedKeys), [items, selectedKeys]);\n\n return (\n <Root view={view} size={size} ref={ref} items={items}>\n <Tree\n height={height}\n itemHeight={itemHeight}\n virtual={virtual}\n multiple={multiple}\n checkable={checkable}\n className={cx(className, invertedClass, itemFilledClass, radioModeClass)}\n defaultExpandAll={defaultExpandAll}\n autoExpandParent={autoExpandParent}\n style={{ border: '1px solid #000' }}\n treeData={treeData}\n selectedKeys={selectedKeys}\n {...(checkedKeys !== undefined ? { checkedKeys } : {})}\n {...(expandedKeys !== undefined ? { expandedKeys } : {})}\n defaultCheckedKeys={defaultCheckedKeys}\n defaultExpandedKeys={defaultExpandedKeys}\n onSelect={handleSelect}\n // Тайп кастинг для упрощения API\n onCheck={onTreeCheck as any}\n onExpand={onTreeExpand}\n switcherIcon={(node) => {\n if (node.isLeaf) {\n return null;\n }\n\n return (\n <IconArrowWrapper>\n <StyledArrow size={sizeToIconSize(size)} color=\"inherit\" className=\"arrow\" />\n </IconArrowWrapper>\n );\n }}\n icon={hasIcon && (icon || <StyledFolder size={sizeToIconSize(size)} color=\"inherit\" />)}\n titleRender={(item) => (\n <TitleWrapper\n fullWidthItemSelection={fullWidthItemSelection}\n arrowPlacement={arrowPlacement}\n >\n <Title>\n {/* eslint-disable-next-line no-nested-ternary */}\n {renderTitle\n ? renderTitle(item)\n : typeof item.title === 'function'\n ? item.title(item)\n : item.title}\n </Title>\n\n {item.contentRight && <ContentRight>{item.contentRight}</ContentRight>}\n </TitleWrapper>\n )}\n draggable={draggable}\n onDragStart={onDragStart}\n onDragEnter={onDragEnter}\n onDragOver={onDragOver}\n onDragLeave={onDragLeave}\n onDragEnd={onDragEnd}\n onDrop={onDrop}\n allowDrop={allowDrop}\n dropIndicatorRender={(props) => {\n const offset = 0;\n const { dropPosition, dropLevelOffset, indent } = props;\n const left = -dropLevelOffset * indent + offset;\n\n const style: React.CSSProperties = {};\n\n switch (dropPosition) {\n case -1:\n style.top = 0;\n break;\n case 1:\n style.bottom = 0;\n break;\n default:\n style.bottom = 0;\n style.left = indent + offset;\n break;\n }\n return <Line style={style} left={left} />;\n }}\n />\n </Root>\n );\n },\n );\n\nexport const treeConfig = {\n name: 'Tree',\n tag: 'div',\n layout: treeRoot,\n base,\n variations: {},\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["treeRoot","Root","forwardRef","_ref","ref","items","_ref$arrowPlacement","arrowPlacement","_ref$virtual","virtual","height","itemHeight","size","view","_ref$fullWidthItemSel","fullWidthItemSelection","_ref$multiple","multiple","_ref$defaultExpandAll","defaultExpandAll","_ref$autoExpandParent","autoExpandParent","_ref$checkable","checkable","outerSelectedKeys","selectedKeys","checkedKeys","expandedKeys","defaultCheckedKeys","defaultExpandedKeys","defaultSelectedKeys","className","onTreeSelect","onTreeCheck","onTreeExpand","_ref$hasIcon","hasIcon","icon","renderTitle","_ref$mode","mode","_ref$draggable","draggable","onDragStart","onDragEnter","onDragOver","onDragLeave","onDragEnd","onDrop","allowDrop","_useState","useState","_useState2","_slicedToArray","selected","setSelected","isRadioMode","handleSelect","updatedSelectedKeys","info","length","invertedClass","classes","treeInverted","undefined","itemFilledClass","treeItemFilled","radioModeClass","treeRadioMode","treeData","useMemo","traverseTree","React","createElement","Tree","_extends","cx","style","border","onSelect","onCheck","onExpand","switcherIcon","node","isLeaf","IconArrowWrapper","StyledArrow","sizeToIconSize","color","StyledFolder","titleRender","item","TitleWrapper","Title","title","contentRight","ContentRight","dropIndicatorRender","props","offset","dropPosition","dropLevelOffset","indent","left","top","bottom","Line","treeConfig","name","tag","layout","base","variations","defaults"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Tree.
|
|
1
|
+
import './Tree.styles_1bw3k0r.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { treeTokens } from './Tree.tokens.js';
|
|
4
4
|
import { IconDisclosureRightCentered } from '../_Icon/Icons/IconDisclosureRightCentered.js';
|
|
@@ -50,7 +50,21 @@ var ContentRight = /*#__PURE__*/styled('div')({
|
|
|
50
50
|
"class": "c92yb2c",
|
|
51
51
|
propsAsIs: false
|
|
52
52
|
});
|
|
53
|
-
var
|
|
53
|
+
var _exp10 = function _exp10() {
|
|
54
|
+
return function (_ref2) {
|
|
55
|
+
var left = _ref2.left;
|
|
56
|
+
return left;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
var Line = /*#__PURE__*/styled('div')({
|
|
60
|
+
name: "Line",
|
|
61
|
+
"class": "l1njos1z",
|
|
62
|
+
propsAsIs: false,
|
|
63
|
+
vars: {
|
|
64
|
+
"l1njos1z-0": [/*#__PURE__*/_exp10(), "px"]
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
var base = "bbf7gwp";
|
|
54
68
|
|
|
55
|
-
export { ContentRight, IconArrowWrapper, StyledArrow, StyledFolder, Title, TitleWrapper, base };
|
|
69
|
+
export { ContentRight, IconArrowWrapper, Line, StyledArrow, StyledFolder, Title, TitleWrapper, base };
|
|
56
70
|
//# sourceMappingURL=Tree.styles.js.map
|