@salutejs/plasma-new-hope 0.317.0-canary.1888.14214679698.0 → 0.317.0-dev.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/Table/Table.css +22 -24
- package/cjs/components/Table/Table.js +16 -11
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/Table.styles.js +11 -17
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/cjs/components/Table/Table.styles_1eg2zsx.css +11 -0
- package/cjs/components/Table/Table.tokens.js +0 -9
- package/cjs/components/Table/Table.tokens.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +22 -24
- package/cjs/components/Table/ui/Cell/Cell.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.styles.js +1 -1
- package/cjs/components/Table/ui/Cell/Cell.styles.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.styles_1ikyrwt.css +1 -0
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +23 -25
- package/cjs/components/Table/ui/EditableCell/EditableCell.js +9 -15
- package/cjs/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.styles.js +5 -5
- package/cjs/components/Table/ui/EditableCell/EditableCell.styles.js.map +1 -1
- package/cjs/components/Table/ui/EditableCell/{EditableCell.styles_d8duzc.css → EditableCell.styles_277bjm.css} +2 -2
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +22 -24
- package/cjs/components/Table/ui/HeadCell/HeadCell.js +9 -9
- package/cjs/components/Table/ui/HeadCell/HeadCell.js.map +1 -1
- package/cjs/components/Table/ui/HeadCell/HeadCell.styles.js +1 -7
- package/cjs/components/Table/ui/HeadCell/HeadCell.styles.js.map +1 -1
- package/{es/components/Table/ui/HeadCell/HeadCell.styles_155gsrn.css → cjs/components/Table/ui/HeadCell/HeadCell.styles_1lo3lcf.css} +0 -1
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +22 -24
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.js +1 -3
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.js.map +1 -1
- package/cjs/engines/linaria.js +4 -2
- package/cjs/engines/linaria.js.map +1 -1
- package/cjs/index.css +24 -26
- package/emotion/cjs/components/Table/Table.js +16 -14
- package/emotion/cjs/components/Table/Table.styles.js +16 -20
- package/emotion/cjs/components/Table/Table.tokens.js +1 -9
- package/emotion/cjs/components/Table/ui/Cell/Cell.styles.js +2 -2
- package/emotion/cjs/components/Table/ui/EditableCell/EditableCell.js +9 -15
- package/emotion/cjs/components/Table/ui/EditableCell/EditableCell.styles.js +9 -9
- package/emotion/cjs/components/Table/ui/HeadCell/HeadCell.js +9 -9
- package/emotion/cjs/components/Table/ui/HeadCell/HeadCell.styles.js +5 -17
- package/emotion/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.js +1 -3
- package/emotion/cjs/components/Typography/Typography.template-doc.mdx +16 -0
- package/emotion/cjs/examples/plasma_b2c/components/Table/Table.stories.tsx +6 -7
- package/emotion/cjs/examples/plasma_web/components/Table/Table.stories.tsx +6 -7
- package/emotion/cjs/examples/typography/components/Body/Body.stories.tsx +4 -1
- package/emotion/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
- package/emotion/cjs/examples/typography/components/Heading/Heading.stories.tsx +4 -1
- package/emotion/cjs/examples/typography/components/Text/Text.stories.tsx +4 -1
- package/emotion/es/components/Table/Table.js +17 -15
- package/emotion/es/components/Table/Table.styles.js +15 -19
- package/emotion/es/components/Table/Table.tokens.js +0 -8
- package/emotion/es/components/Table/ui/Cell/Cell.styles.js +2 -2
- package/emotion/es/components/Table/ui/EditableCell/EditableCell.js +9 -15
- package/emotion/es/components/Table/ui/EditableCell/EditableCell.styles.js +10 -10
- package/emotion/es/components/Table/ui/HeadCell/HeadCell.js +10 -10
- package/emotion/es/components/Table/ui/HeadCell/HeadCell.styles.js +4 -16
- package/emotion/es/components/Table/ui/HeadCell/ui/Filter/Filter.js +1 -3
- package/emotion/es/components/Typography/Typography.template-doc.mdx +16 -0
- package/emotion/es/examples/plasma_b2c/components/Table/Table.stories.tsx +6 -7
- package/emotion/es/examples/plasma_web/components/Table/Table.stories.tsx +6 -7
- package/emotion/es/examples/typography/components/Body/Body.stories.tsx +4 -1
- package/emotion/es/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
- package/emotion/es/examples/typography/components/Heading/Heading.stories.tsx +4 -1
- package/emotion/es/examples/typography/components/Text/Text.stories.tsx +4 -1
- package/es/components/Table/Table.css +22 -24
- package/es/components/Table/Table.js +18 -13
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Table/Table.styles.js +12 -17
- package/es/components/Table/Table.styles.js.map +1 -1
- package/es/components/Table/Table.styles_1eg2zsx.css +11 -0
- package/es/components/Table/Table.tokens.js +1 -9
- package/es/components/Table/Table.tokens.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.css +22 -24
- package/es/components/Table/ui/Cell/Cell.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.styles.js +1 -1
- package/es/components/Table/ui/Cell/Cell.styles.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.styles_1ikyrwt.css +1 -0
- package/es/components/Table/ui/EditableCell/EditableCell.css +23 -25
- package/es/components/Table/ui/EditableCell/EditableCell.js +9 -15
- package/es/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.styles.js +5 -5
- package/es/components/Table/ui/EditableCell/EditableCell.styles.js.map +1 -1
- package/es/components/Table/ui/EditableCell/{EditableCell.styles_d8duzc.css → EditableCell.styles_277bjm.css} +2 -2
- package/es/components/Table/ui/HeadCell/HeadCell.css +22 -24
- package/es/components/Table/ui/HeadCell/HeadCell.js +10 -10
- package/es/components/Table/ui/HeadCell/HeadCell.js.map +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.styles.js +2 -7
- package/es/components/Table/ui/HeadCell/HeadCell.styles.js.map +1 -1
- package/{cjs/components/Table/ui/HeadCell/HeadCell.styles_155gsrn.css → es/components/Table/ui/HeadCell/HeadCell.styles_1lo3lcf.css} +0 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +22 -24
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js +1 -3
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.js.map +1 -1
- package/es/engines/linaria.js +4 -2
- package/es/engines/linaria.js.map +1 -1
- package/es/index.css +24 -26
- package/package.json +2 -2
- package/styled-components/cjs/components/Table/Table.js +16 -14
- package/styled-components/cjs/components/Table/Table.styles.js +10 -13
- package/styled-components/cjs/components/Table/Table.tokens.js +1 -9
- package/styled-components/cjs/components/Table/ui/Cell/Cell.styles.js +1 -1
- package/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.js +9 -15
- package/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.styles.js +3 -3
- package/styled-components/cjs/components/Table/ui/HeadCell/HeadCell.js +9 -9
- package/styled-components/cjs/components/Table/ui/HeadCell/HeadCell.styles.js +2 -5
- package/styled-components/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.js +1 -3
- package/styled-components/cjs/components/Typography/Typography.template-doc.mdx +16 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Table/Table.stories.tsx +6 -7
- package/styled-components/cjs/examples/plasma_web/components/Table/Table.stories.tsx +6 -7
- package/styled-components/cjs/examples/typography/components/Body/Body.stories.tsx +4 -1
- package/styled-components/cjs/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
- package/styled-components/cjs/examples/typography/components/Heading/Heading.stories.tsx +4 -1
- package/styled-components/cjs/examples/typography/components/Text/Text.stories.tsx +4 -1
- package/styled-components/es/components/Table/Table.js +17 -15
- package/styled-components/es/components/Table/Table.styles.js +9 -12
- package/styled-components/es/components/Table/Table.tokens.js +0 -8
- package/styled-components/es/components/Table/ui/Cell/Cell.styles.js +1 -1
- package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js +9 -15
- package/styled-components/es/components/Table/ui/EditableCell/EditableCell.styles.js +4 -4
- package/styled-components/es/components/Table/ui/HeadCell/HeadCell.js +10 -10
- package/styled-components/es/components/Table/ui/HeadCell/HeadCell.styles.js +1 -4
- package/styled-components/es/components/Table/ui/HeadCell/ui/Filter/Filter.js +1 -3
- package/styled-components/es/components/Typography/Typography.template-doc.mdx +16 -0
- package/styled-components/es/examples/plasma_b2c/components/Table/Table.stories.tsx +6 -7
- package/styled-components/es/examples/plasma_web/components/Table/Table.stories.tsx +6 -7
- package/styled-components/es/examples/typography/components/Body/Body.stories.tsx +4 -1
- package/styled-components/es/examples/typography/components/Dspl/Dspl.stories.tsx +4 -1
- package/styled-components/es/examples/typography/components/Heading/Heading.stories.tsx +4 -1
- package/styled-components/es/examples/typography/components/Text/Text.stories.tsx +4 -1
- package/types/components/Table/Table.d.ts +15 -2
- package/types/components/Table/Table.d.ts.map +1 -1
- package/types/components/Table/Table.styles.d.ts +0 -1
- package/types/components/Table/Table.styles.d.ts.map +1 -1
- package/types/components/Table/Table.tokens.d.ts +0 -8
- package/types/components/Table/Table.tokens.d.ts.map +1 -1
- package/types/components/Table/Table.types.d.ts +1 -11
- package/types/components/Table/Table.types.d.ts.map +1 -1
- package/types/components/Table/ui/Cell/Cell.d.ts +2 -3
- package/types/components/Table/ui/Cell/Cell.d.ts.map +1 -1
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts +1 -12
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/HeadCell.d.ts +1 -11
- package/types/components/Table/ui/HeadCell/HeadCell.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/HeadCell.styles.d.ts +0 -1
- package/types/components/Table/ui/HeadCell/HeadCell.styles.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.d.ts +1 -10
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.d.ts.map +1 -1
- package/types/components/Typography/Body/Body.d.ts +2 -2
- package/types/components/Typography/Body/Body.d.ts.map +1 -1
- package/types/components/Typography/Dspl/Dspl.d.ts +2 -2
- package/types/components/Typography/Dspl/Dspl.d.ts.map +1 -1
- package/types/components/Typography/Heading/Heading.d.ts +2 -2
- package/types/components/Typography/Heading/Heading.d.ts.map +1 -1
- package/types/components/Typography/Text/Text.d.ts +2 -2
- package/types/components/Typography/Text/Text.d.ts.map +1 -1
- package/types/components/Typography/Typography.d.ts +1 -1
- package/types/components/Typography/Typography.d.ts.map +1 -1
- package/types/components/Typography/Typography.types.d.ts +2 -1
- package/types/components/Typography/Typography.types.d.ts.map +1 -1
- package/cjs/components/Table/Table.styles_xngwgy.css +0 -12
- package/cjs/components/Table/ui/Cell/Cell.styles_1q2mjxm.css +0 -1
- package/emotion/cjs/examples/typography/components/Old/Body/Body.config.js +0 -20
- package/emotion/cjs/examples/typography/components/Old/Body/Body.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Button/Button.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Button/Button.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Display/Display.config.js +0 -20
- package/emotion/cjs/examples/typography/components/Old/Display/Display.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.config.js +0 -21
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -19
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.config.js +0 -18
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.js +0 -11
- package/emotion/cjs/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Body/Body.config.js +0 -14
- package/emotion/es/examples/typography/components/Old/Body/Body.js +0 -5
- package/emotion/es/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Button/Button.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Button/Button.js +0 -5
- package/emotion/es/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Caption/Caption.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Caption/Caption.js +0 -5
- package/emotion/es/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Display/Display.config.js +0 -14
- package/emotion/es/examples/typography/components/Old/Display/Display.js +0 -5
- package/emotion/es/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.js +0 -5
- package/emotion/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Headline/Headline.config.js +0 -15
- package/emotion/es/examples/typography/components/Old/Headline/Headline.js +0 -5
- package/emotion/es/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -13
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.js +0 -5
- package/emotion/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.js +0 -5
- package/emotion/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/emotion/es/examples/typography/components/Old/Underline/Underline.config.js +0 -12
- package/emotion/es/examples/typography/components/Old/Underline/Underline.js +0 -5
- package/emotion/es/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/es/components/Table/Table.styles_xngwgy.css +0 -12
- package/es/components/Table/ui/Cell/Cell.styles_1q2mjxm.css +0 -1
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.config.js +0 -20
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.config.js +0 -20
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.config.js +0 -21
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -19
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.config.js +0 -18
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.js +0 -11
- package/styled-components/cjs/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Body/Body.config.js +0 -14
- package/styled-components/es/examples/typography/components/Old/Body/Body.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Body/Body.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Button/Button.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Button/Button.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Button/Button.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Caption/Caption.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Display/Display.config.js +0 -14
- package/styled-components/es/examples/typography/components/Old/Display/Display.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Display/Display.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Footnote/Footnote.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.config.js +0 -15
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Headline/Headline.stories.tsx +0 -40
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.config.js +0 -13
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Paragraph/Paragraph.stories.tsx +0 -42
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Subtitle/Subtitle.stories.tsx +0 -39
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.config.js +0 -12
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.js +0 -5
- package/styled-components/es/examples/typography/components/Old/Underline/Underline.stories.tsx +0 -40
@@ -59,24 +59,22 @@
|
|
59
59
|
.LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
|
60
60
|
.LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
|
61
61
|
|
62
|
-
.
|
63
|
-
.
|
64
|
-
.
|
65
|
-
.
|
66
|
-
|
67
|
-
.
|
68
|
-
.
|
69
|
-
.
|
70
|
-
.
|
71
|
-
.
|
72
|
-
.
|
73
|
-
.Table_styles_xngwgy_l1ql6jvb__5cfbdc68{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
62
|
+
.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
|
63
|
+
.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
64
|
+
.Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
|
65
|
+
.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
|
66
|
+
.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
67
|
+
.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
|
68
|
+
.Table_styles_1eg2zsx_sedz16__8ba8eb83{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
|
69
|
+
.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
70
|
+
.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
71
|
+
.Table_styles_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
72
|
+
.Table_styles_1eg2zsx_lfybxxj__8ba8eb83{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
74
73
|
|
75
74
|
.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);}
|
76
75
|
|
77
|
-
.
|
78
|
-
.
|
79
|
-
.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
76
|
+
.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
|
77
|
+
.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
|
80
78
|
|
81
79
|
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
82
80
|
|
@@ -208,13 +206,13 @@
|
|
208
206
|
|
209
207
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
210
208
|
|
211
|
-
.
|
212
|
-
.
|
213
|
-
.
|
214
|
-
.
|
215
|
-
.
|
216
|
-
.
|
217
|
-
.
|
218
|
-
.
|
209
|
+
.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
|
210
|
+
.EditableCell_styles_277bjm_idy8fgn__d76a564b{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;width:100%;height:100%;}
|
211
|
+
.EditableCell_styles_277bjm_cwrhll2__d76a564b{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;gap:0.25rem;}
|
212
|
+
.EditableCell_styles_277bjm_e1dkea5v__d76a564b{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;gap:var(--plasma-table-editable-cell-padding);height:100%;}
|
213
|
+
.EditableCell_styles_277bjm_i1uj28nu__d76a564b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
|
214
|
+
.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
|
215
|
+
.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
|
216
|
+
.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
|
219
217
|
|
220
|
-
.
|
218
|
+
.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Cell.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\
|
1
|
+
{"version":3,"file":"Cell.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { flexRender, Cell as CellType } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { TableProps, TableRowData } from '../../Table.types';\n\nimport { Td } from './Cell.styles';\n\nexport type CellProps = {\n cell: CellType<TableRowData, unknown>;\n selected: boolean;\n borderVariant: TableProps['borderVariant'];\n view: TableProps['view'];\n};\n\nexport const Cell: React.FC<CellProps> = ({ cell, borderVariant, selected, view }) => {\n const renderCell = cell.column.columnDef.meta?.renderCell;\n\n return (\n <Td\n key={cell.id}\n borderVariant={borderVariant}\n selectionCell={cell.column.id === SELECT_COLUMN_ID}\n selected={selected}\n view={view}\n >\n {renderCell\n ? renderCell(cell.getValue(), cell.row.original, cell.row.index)\n : flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n {cell.column.getIsResizing() && <Resizer isResizing />}\n </Td>\n );\n};\n"],"names":["Cell","_ref","_cell$column$columnDe","cell","borderVariant","selected","view","renderCell","column","columnDef","meta","React","createElement","Td","key","id","selectionCell","SELECT_COLUMN_ID","getValue","row","original","index","flexRender","getContext","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":";;;;;;;IAgBaA,IAAyB,GAAG,SAA5BA,IAAyBA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAA1CC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI,CAAA;AAC3E,EAAA,IAAMC,UAAU,GAAAL,CAAAA,qBAAA,GAAGC,IAAI,CAACK,MAAM,CAACC,SAAS,CAACC,IAAI,MAAAR,IAAAA,IAAAA,qBAAA,KAA1BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAA4BK,UAAU,CAAA;AAEzD,EAAA,oBACII,KAAA,CAAAC,aAAA,CAACC,EAAE,EAAA;IACCC,GAAG,EAAEX,IAAI,CAACY,EAAG;AACbX,IAAAA,aAAa,EAAEA,aAAc;AAC7BY,IAAAA,aAAa,EAAEb,IAAI,CAACK,MAAM,CAACO,EAAE,KAAKE,gBAAiB;AACnDZ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,IAAI,EAAEA,IAAAA;GAELC,EAAAA,UAAU,GACLA,UAAU,CAACJ,IAAI,CAACe,QAAQ,EAAE,EAAEf,IAAI,CAACgB,GAAG,CAACC,QAAQ,EAAEjB,IAAI,CAACgB,GAAG,CAACE,KAAK,CAAC,GAC9DC,UAAU,CAACnB,IAAI,CAACK,MAAM,CAACC,SAAS,CAACN,IAAI,EAAEA,IAAI,CAACoB,UAAU,EAAE,CAAC,EAE9DpB,IAAI,CAACK,MAAM,CAACgB,aAAa,EAAE,KAAAC,QAAA,KAAAA,QAAA,gBAAId,KAAA,CAAAC,aAAA,CAACc,OAAO,EAAA;IAACC,UAAU,EAAA,IAAA;GAAE,CAAC,EACtD,CAAC,CAAA;AAEb;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\n\nexport const Td = styled.td<{\n borderVariant: TableProps['borderVariant'];\n selected?: boolean;\n selectionCell?: boolean;\n view?: TableProps['view'];\n}>`\n position: relative;\n padding: ${({ selectionCell }) =>\n selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n height: var(${tokens.rowHeight});\n border-width:
|
1
|
+
{"version":3,"file":"Cell.styles.js","sources":["../../../../../src/components/Table/ui/Cell/Cell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\n\nexport const Td = styled.td<{\n borderVariant: TableProps['borderVariant'];\n selected?: boolean;\n selectionCell?: boolean;\n view?: TableProps['view'];\n}>`\n position: relative;\n padding: ${({ selectionCell }) =>\n selectionCell ? `var(${tokens.checkboxCellPadding})` : `var(${tokens.cellPadding})`};\n height: var(${tokens.rowHeight});\n border-width: 1px;\n border-top-width: 0;\n border-style: solid;\n border-color: ${({ selected, borderVariant, view }) =>\n // eslint-disable-next-line no-nested-ternary\n borderVariant === 'all' && view !== 'clear'\n ? `var(${tokens.borderColor})`\n : selected\n ? 'var(--surface-transparent-accent)'\n : 'transparent'};\n border-bottom-color: ${({ borderVariant }) =>\n borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n box-sizing: border-box;\n`;\n"],"names":["_exp","_ref","selectionCell","concat","tokens","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars"],"mappings":";;;AAG2D,IAAAA,IAAA,GAFzCA,SAEyCA,IAAAA,GAAA;AAAA,EAAA,OAS5C,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACVA,aAAa,GAAA,MAAA,CAAAC,MAAA,CAAUC,WAAM,CAACC,mBAAmB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAaC,WAAM,CAACE,WAAW,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAZzEA,SAYyEA,KAAAA,GAAA;AAAA,EAAA,OAKvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,aAAa,GAAAF,KAAA,CAAbE,aAAa;MAAEC,IAAAA,GAAAA,KAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA;AACxC;AACAD,MAAAA,aAAa,KAAK,KAAK,IAAIC,IAAI,KAAK,OAAO,GAAAR,MAAAA,CAAAA,MAAA,CAC9BC,WAAM,CAACQ,WAAW,EAAA,GAAA,CAAA,GACzBH,QAAQ,GACR,mCAAmC,GACnC,aAAA;AAAa,MAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,KAAA,GAvBTA,SAuBSA,KAAAA,GAAA;AAAA,EAAA,OACA,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OACtBA,aAAa,KAAK,KAAK,IAAIA,aAAa,KAAK,MAAM,GAAAP,MAAAA,CAAAA,MAAA,CAAUC,WAAM,CAACQ,WAAW,SAAM,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AArBnG,IAAMG,EAAE,gBAAGC,MAAM,CAAA,IAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,IAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAOTpB,IAC4E,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAKvEO,KAMO,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACAM,KAC+E,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzG;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.tv72tnk{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
|
@@ -59,26 +59,24 @@
|
|
59
59
|
.LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
|
60
60
|
.LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
|
61
61
|
|
62
|
-
.
|
63
|
-
.
|
64
|
-
.
|
65
|
-
.
|
66
|
-
|
67
|
-
.
|
68
|
-
.
|
69
|
-
.
|
70
|
-
.
|
71
|
-
.
|
72
|
-
.
|
73
|
-
|
74
|
-
|
75
|
-
.Cell_styles_1q2mjxm_tv72tnk__e6a383c5{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
|
62
|
+
.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
|
63
|
+
.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
64
|
+
.Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
|
65
|
+
.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
|
66
|
+
.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
67
|
+
.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
|
68
|
+
.Table_styles_1eg2zsx_sedz16__8ba8eb83{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
|
69
|
+
.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
70
|
+
.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
71
|
+
.Table_styles_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
72
|
+
.Table_styles_1eg2zsx_lfybxxj__8ba8eb83{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
73
|
+
|
74
|
+
.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
|
76
75
|
|
77
76
|
.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);}
|
78
77
|
|
79
|
-
.
|
80
|
-
.
|
81
|
-
.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
78
|
+
.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
|
79
|
+
.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
|
82
80
|
|
83
81
|
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
84
82
|
|
@@ -210,11 +208,11 @@
|
|
210
208
|
|
211
209
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
212
210
|
|
213
|
-
.
|
214
|
-
.
|
215
|
-
.
|
216
|
-
.
|
217
|
-
.
|
218
|
-
.
|
219
|
-
.
|
220
|
-
.
|
211
|
+
.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
|
212
|
+
.EditableCell_styles_277bjm_idy8fgn__d76a564b{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;width:100%;height:100%;}
|
213
|
+
.EditableCell_styles_277bjm_cwrhll2__d76a564b{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;gap:0.25rem;}
|
214
|
+
.EditableCell_styles_277bjm_e1dkea5v__d76a564b{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;gap:var(--plasma-table-editable-cell-padding);height:100%;}
|
215
|
+
.EditableCell_styles_277bjm_i1uj28nu__d76a564b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
|
216
|
+
.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
|
217
|
+
.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
|
218
|
+
.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
|
@@ -4,27 +4,25 @@ import { flexRender } from '@tanstack/react-table';
|
|
4
4
|
import { Resizer } from '../../Table.styles.js';
|
5
5
|
import { SELECT_COLUMN_ID } from '../../Table.js';
|
6
6
|
import { getIconSize } from '../HeadCell/HeadCell.js';
|
7
|
-
import { classes } from '../../Table.tokens.js';
|
8
7
|
import { Td, InnerWrapper, EditModeWrapper, InputWrapper, Input, IconResetButton, IconDoneButton, ContentWrapper } from './EditableCell.styles.js';
|
9
8
|
import { useOutsideClick } from '../../../../hooks/useOutsideClick.js';
|
10
9
|
import { IconResetOutline } from '../../../_Icon/Icons/IconResetOutline.js';
|
11
10
|
import { IconDoneCircleOutline } from '../../../_Icon/Icons/IconDoneCircleOutline.js';
|
12
11
|
import { IconEditOutline } from '../../../_Icon/Icons/IconEditOutline.js';
|
13
12
|
|
14
|
-
var _Resizer;
|
13
|
+
var _IconEditOutline, _Resizer;
|
15
14
|
var keys = {
|
16
15
|
Enter: 'Enter',
|
17
16
|
Tab: 'Tab',
|
18
17
|
Escape: 'Escape'
|
19
18
|
};
|
20
19
|
var EditableCell = function EditableCell(_ref) {
|
21
|
-
var _table$options$meta;
|
22
20
|
var size = _ref.size,
|
23
|
-
view = _ref.view,
|
24
21
|
cell = _ref.cell,
|
25
22
|
borderVariant = _ref.borderVariant,
|
26
23
|
table = _ref.table,
|
27
|
-
selected = _ref.selected
|
24
|
+
selected = _ref.selected,
|
25
|
+
view = _ref.view;
|
28
26
|
var _useState = useState(cell.getValue()),
|
29
27
|
_useState2 = _slicedToArray(_useState, 2),
|
30
28
|
value = _useState2[0],
|
@@ -33,7 +31,7 @@ var EditableCell = function EditableCell(_ref) {
|
|
33
31
|
_useState4 = _slicedToArray(_useState3, 2),
|
34
32
|
editingMode = _useState4[0],
|
35
33
|
setEditingMode = _useState4[1];
|
36
|
-
var updateData =
|
34
|
+
var updateData = table.options.meta.updateData;
|
37
35
|
var ref = useOutsideClick(function () {
|
38
36
|
setEditingMode(false);
|
39
37
|
});
|
@@ -50,18 +48,14 @@ var EditableCell = function EditableCell(_ref) {
|
|
50
48
|
};
|
51
49
|
var handleSubmit = function handleSubmit(e) {
|
52
50
|
e.stopPropagation();
|
53
|
-
|
54
|
-
updateData(cell.row.id, cell.column.id, value);
|
55
|
-
}
|
51
|
+
updateData(cell.row.id, cell.column.id, value);
|
56
52
|
setEditingMode(false);
|
57
53
|
};
|
58
54
|
var handleKeyDown = function handleKeyDown(event) {
|
59
55
|
switch (event.code) {
|
60
56
|
case keys.Enter:
|
61
57
|
{
|
62
|
-
|
63
|
-
updateData(cell.row.id, cell.column.id, value);
|
64
|
-
}
|
58
|
+
updateData(cell.row.id, cell.column.id, value);
|
65
59
|
setEditingMode(false);
|
66
60
|
break;
|
67
61
|
}
|
@@ -97,11 +91,11 @@ var EditableCell = function EditableCell(_ref) {
|
|
97
91
|
tabIndex: -1
|
98
92
|
}, /*#__PURE__*/React.createElement(IconDoneCircleOutline, {
|
99
93
|
size: getIconSize(size)
|
100
|
-
}))) : /*#__PURE__*/React.createElement(ContentWrapper, null, flexRender(cell.column.columnDef.cell, cell.getContext()), /*#__PURE__*/React.createElement(IconEditOutline, {
|
94
|
+
}))) : /*#__PURE__*/React.createElement(ContentWrapper, null, flexRender(cell.column.columnDef.cell, cell.getContext()), _IconEditOutline || (_IconEditOutline = /*#__PURE__*/React.createElement(IconEditOutline, {
|
101
95
|
size: "xs",
|
102
|
-
className:
|
96
|
+
className: "editIcon",
|
103
97
|
color: "var(--text-secondary)"
|
104
|
-
}))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
|
98
|
+
})))), cell.column.getIsResizing() && (_Resizer || (_Resizer = /*#__PURE__*/React.createElement(Resizer, {
|
105
99
|
isResizing: true
|
106
100
|
}))));
|
107
101
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { flexRender
|
1
|
+
{"version":3,"file":"EditableCell.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { flexRender } from '@tanstack/react-table';\n\nimport { Resizer } from '../../Table.styles';\nimport { SELECT_COLUMN_ID } from '../../Table';\nimport { useOutsideClick } from '../../../../hooks';\nimport { IconEditOutline, IconResetOutline, IconDoneCircleOutline } from '../../../_Icon';\nimport { getIconSize } from '../HeadCell/HeadCell';\n\nimport {\n ContentWrapper,\n Td,\n IconDoneButton,\n Input,\n InnerWrapper,\n InputWrapper,\n EditModeWrapper,\n IconResetButton,\n} from './EditableCell.styles';\n\nconst keys = {\n Enter: 'Enter',\n Tab: 'Tab',\n Escape: 'Escape',\n};\n\nexport const EditableCell: React.FC<any> = ({ size, cell, borderVariant, table, selected, view }) => {\n const [value, setValue] = useState<string>(cell.getValue());\n const [editingMode, setEditingMode] = useState(false);\n\n const { updateData } = table.options.meta;\n\n const ref = useOutsideClick<HTMLTableDataCellElement>(() => {\n setEditingMode(false);\n });\n\n const handleEditClick = (e: React.MouseEvent<HTMLSpanElement>) => {\n e.stopPropagation();\n\n setEditingMode(true);\n setValue(cell.getValue());\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => setValue(e.target.value);\n\n const handleReset = () => {\n setValue(cell.getValue());\n };\n\n const handleSubmit = (e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n updateData(cell.row.id, cell.column.id, value);\n setEditingMode(false);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n switch (event.code) {\n case keys.Enter: {\n updateData(cell.row.id, cell.column.id, value);\n setEditingMode(false);\n\n break;\n }\n\n case keys.Escape:\n case keys.Tab: {\n setEditingMode(false);\n\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return (\n <Td\n key={cell.id}\n borderVariant={borderVariant}\n selectionCell={cell.column.id === SELECT_COLUMN_ID}\n onClick={handleEditClick}\n editingMode={editingMode}\n selected={selected}\n view={view}\n ref={ref}\n >\n <InnerWrapper>\n {editingMode ? (\n <EditModeWrapper>\n <InputWrapper>\n {/* eslint-disable-next-line jsx-a11y/no-autofocus */}\n <Input value={value} onChange={handleChange} autoFocus onKeyDown={handleKeyDown} />\n\n <IconResetButton onClick={handleReset} tabIndex={-1}>\n <IconResetOutline size={getIconSize(size)} />\n </IconResetButton>\n </InputWrapper>\n\n <IconDoneButton onClick={handleSubmit} tabIndex={-1}>\n <IconDoneCircleOutline size={getIconSize(size)} />\n </IconDoneButton>\n </EditModeWrapper>\n ) : (\n <ContentWrapper>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n\n <IconEditOutline size=\"xs\" className=\"editIcon\" color=\"var(--text-secondary)\" />\n </ContentWrapper>\n )}\n </InnerWrapper>\n\n {cell.column.getIsResizing() && <Resizer isResizing />}\n </Td>\n );\n};\n"],"names":["keys","Enter","Tab","Escape","EditableCell","_ref","size","cell","borderVariant","table","selected","view","_useState","useState","getValue","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","editingMode","setEditingMode","updateData","options","meta","ref","useOutsideClick","handleEditClick","e","stopPropagation","handleChange","target","handleReset","handleSubmit","row","id","column","handleKeyDown","event","code","React","createElement","Td","key","selectionCell","SELECT_COLUMN_ID","onClick","InnerWrapper","EditModeWrapper","InputWrapper","Input","onChange","autoFocus","onKeyDown","IconResetButton","tabIndex","IconResetOutline","getIconSize","IconDoneButton","IconDoneCircleOutline","ContentWrapper","flexRender","columnDef","getContext","_IconEditOutline","IconEditOutline","className","color","getIsResizing","_Resizer","Resizer","isResizing"],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import './EditableCell.
|
1
|
+
import './EditableCell.styles_277bjm.css';
|
2
2
|
import { styled } from '@linaria/react';
|
3
3
|
import { tableTokens } from '../../Table.tokens.js';
|
4
4
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
@@ -68,18 +68,18 @@ var Input = /*#__PURE__*/styled('input')({
|
|
68
68
|
"class": "i1c7bo0z",
|
69
69
|
propsAsIs: false
|
70
70
|
});
|
71
|
-
var
|
71
|
+
var _exp17 = function _exp17() {
|
72
72
|
return IconButton;
|
73
73
|
};
|
74
|
-
var IconDoneButton = /*#__PURE__*/styled(
|
74
|
+
var IconDoneButton = /*#__PURE__*/styled(_exp17())({
|
75
75
|
name: "IconDoneButton",
|
76
76
|
"class": "i1jx30pt",
|
77
77
|
propsAsIs: true
|
78
78
|
});
|
79
|
-
var
|
79
|
+
var _exp22 = function _exp22() {
|
80
80
|
return IconButton;
|
81
81
|
};
|
82
|
-
var IconResetButton = /*#__PURE__*/styled(
|
82
|
+
var IconResetButton = /*#__PURE__*/styled(_exp22())({
|
83
83
|
name: "IconResetButton",
|
84
84
|
"class": "i17hwnh4",
|
85
85
|
propsAsIs: true
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"EditableCell.styles.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens
|
1
|
+
{"version":3,"file":"EditableCell.styles.js","sources":["../../../../../src/components/Table/ui/EditableCell/EditableCell.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { TableProps } from '../../Table.types';\nimport { tableTokens as tokens } from '../../Table.tokens';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\n\nconst mergedIndicatorConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedIndicatorConfig);\n\nexport const Td = styled.td<{\n borderVariant: TableProps['borderVariant'];\n editingMode: boolean;\n selectionCell?: boolean;\n selected?: boolean;\n view?: TableProps['view'];\n}>`\n position: relative;\n padding: ${({ selectionCell, editingMode }) =>\n // eslint-disable-next-line no-nested-ternary\n editingMode\n ? `var(${tokens.editableCellPadding})`\n : selectionCell\n ? `var(${tokens.checkboxCellPadding})`\n : `var(${tokens.cellPadding})`};\n height: var(${tokens.rowHeight});\n border-width: 1px;\n border-top-width: 0;\n border-style: solid;\n border-color: ${({ selected, borderVariant, view }) =>\n // eslint-disable-next-line no-nested-ternary\n borderVariant === 'all' && view !== 'clear'\n ? `var(${tokens.borderColor})`\n : selected\n ? 'var(--surface-transparent-accent)'\n : 'transparent'};\n border-bottom-color: ${({ borderVariant }) =>\n borderVariant === 'all' || borderVariant === 'rows' ? `var(${tokens.borderColor})` : 'transparent'};\n cursor: pointer;\n box-sizing: border-box;\n\n & .editIcon {\n opacity: 0;\n }\n\n &:hover .editIcon {\n opacity: 1;\n }\n`;\n\nexport const InnerWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n height: 100%;\n`;\n\nexport const ContentWrapper = styled.div`\n display: flex;\n align-items: center;\n gap: 0.25rem;\n`;\n\nexport const EditModeWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(${tokens.editableCellPadding});\n height: 100%;\n`;\n\nexport const InputWrapper = styled.div`\n display: flex;\n align-items: center;\n height: 100%;\n flex: 1;\n padding: var(${tokens.editableCellInputPadding});\n background: var(${tokens.editableCellInputBackground});\n border: 1px solid var(${tokens.editableCellInputBorderColor});\n border-radius: var(${tokens.editableCellInputBorderRadius});\n box-sizing: border-box;\n gap: var(${tokens.editableCellIconGap});\n`;\n\nexport const Input = styled.input`\n width: auto;\n border: none;\n padding: 0;\n background: transparent;\n outline: none;\n caret-color: var(--text-accent);\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`;\n\nexport const IconDoneButton = styled(IconButton)`\n ${iconButtonTokens.iconButtonWidth}: var(${tokens.editableCellIconButtonWidth});\n ${iconButtonTokens.iconButtonHeight}: var(${tokens.editableCellIconButtonHeight});\n`;\n\nexport const IconResetButton = styled(IconButton)`\n ${iconButtonTokens.iconButtonWidth}: auto;\n ${iconButtonTokens.iconButtonHeight}: auto;\n`;\n"],"names":["mergedIndicatorConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","_ref","selectionCell","editingMode","concat","tokens","editableCellPadding","checkboxCellPadding","cellPadding","_exp3","_ref2","selected","borderVariant","view","borderColor","_exp4","_ref3","Td","styled","name","class","propsAsIs","vars","InnerWrapper","ContentWrapper","EditModeWrapper","InputWrapper","Input","_exp17","IconDoneButton","_exp22","IconResetButton"],"mappings":"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"}
|
@@ -1,8 +1,8 @@
|
|
1
|
-
.t12w3lu5{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:
|
1
|
+
.t12w3lu5{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.t12w3lu5 .editIcon{opacity:0;}.t12w3lu5:hover .editIcon{opacity:1;}
|
2
2
|
.idy8fgn{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;width:100%;height:100%;}
|
3
3
|
.cwrhll2{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;gap:0.25rem;}
|
4
4
|
.e1dkea5v{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;gap:var(--plasma-table-editable-cell-padding);height:100%;}
|
5
|
-
.i1uj28nu{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:
|
5
|
+
.i1uj28nu{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
|
6
6
|
.i1c7bo0z{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
|
7
7
|
.i1jx30pt{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
|
8
8
|
.i17hwnh4{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
|
@@ -59,37 +59,35 @@
|
|
59
59
|
.LinkButton_styles_1kw1zkj_s1uogc3z__846f988c{line-height:0;margin:var(--plasma-link-button-left-content-margin);}
|
60
60
|
.LinkButton_styles_1kw1zkj_s176p3a0__846f988c{line-height:0;margin:var(--plasma-link-button-right-content-margin);}
|
61
61
|
|
62
|
-
.
|
63
|
-
.
|
64
|
-
.
|
65
|
-
.
|
66
|
-
|
67
|
-
.
|
68
|
-
.
|
69
|
-
.
|
70
|
-
.
|
71
|
-
.
|
72
|
-
.
|
73
|
-
.Table_styles_xngwgy_l1ql6jvb__5cfbdc68{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
62
|
+
.Table_styles_1eg2zsx_b1lxisuf__8ba8eb83{display:inline-block;overflow-y:auto;}
|
63
|
+
.Table_styles_1eg2zsx_t15d4jbz__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);border-collapse:collapse;border-width:0;border-style:solid;border-color:var(--t15d4jbz-0);}
|
64
|
+
.Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:var(--t1ri3no5-0);}
|
65
|
+
.Table_styles_1eg2zsx_t1uk535o__8ba8eb83{position:var(--t1uk535o-0);top:0;background:var(--t1uk535o-1);z-index:1;box-shadow:var(--t1uk535o-2);}.Table_styles_1eg2zsx_t1uk535o__8ba8eb83 .Table_styles_1eg2zsx_t1ri3no5__8ba8eb83{background:transparent;}
|
66
|
+
.Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:var(--r1ezol8-0);position:absolute;z-index:1;top:-1px;bottom:0;right:-2px;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:none;}
|
67
|
+
.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83{padding:var(--t18b5m0z-0);position:relative;font-weight:600;text-align:left;height:var(--plasma-table-header-row-height);background-color:transparent;color:inherit;border-width:1px;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:var(--t18b5m0z-1);}.Table_styles_1eg2zsx_t18b5m0z__8ba8eb83:hover .Table_styles_1eg2zsx_r1ezol8__8ba8eb83{display:block;}
|
68
|
+
.Table_styles_1eg2zsx_sedz16__8ba8eb83{--plasma-checkbox-trigger-size:var(--plasma-table-checkbox-trigger-size);--plasma-checkbox-trigger-border-radius:var(--plasma-table-checkbox-trigger-border-radius);--plasma-checkbox-fill-color:var(--text-accent);--plasma-checkbox-icon-color:var(--on-dark-text-primary);--plasma-checkbox-trigger-border-color:var(--text-secondary);}
|
69
|
+
.Table_styles_1eg2zsx_s3mgb7q__8ba8eb83{--plasma-divider-base-side-size:0.0625rem;--plasma-divider-background:var(--surface-transparent-tertiary);--plasma-divider-border-radius:0.0625rem;}
|
70
|
+
.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-height:var(--plasma-table-button-height);--plasma-button-disabled-opacity:0.4;--plasma-button-font-family:var(--plasma-table-button-font-family);--plasma-button-font-size:var(--plasma-table-button-font-size);--plasma-button-font-style:var(--plasma-table-button-font-style);--plasma-button-font-weight:var(--plasma-table-button-font-weight);--plasma-button-letter-spacing:var(--plasma-table-button-letter-spacing);--plasma-button-line-height:var(--plasma-table-button-line-height);}
|
71
|
+
.Table_styles_1eg2zsx_beus4rw__8ba8eb83.Table_styles_1eg2zsx_b177cehz__8ba8eb83{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
|
72
|
+
.Table_styles_1eg2zsx_lfybxxj__8ba8eb83{--plasma-link-button-color:var(--text-primary);--plasma-link-button-background-color:var(--surface-transparent-clear);--plasma-link-button-color-hover:var(--text-primary-hover);--plasma-link-button-color-active:var(--text-primary-active);--plasma-link-button-focus-color:var(--surface-accent);--plasma-link-button-font-family:var(--plasma-table-link-button-font-family);--plasma-link-button-font-size:var(--plasma-table-link-button-font-size);--plasma-link-button-font-style:var(--plasma-table-link-button-font-style);--plasma-link-button-font-weight:var(--plasma-table-link-button-font-weight);--plasma-link-button-letter-spacing:var(--plasma-table-link-button-letter-spacing);--plasma-link-button-line-height:var(--plasma-table-link-button-line-height);}
|
74
73
|
|
75
74
|
.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);}
|
76
75
|
|
77
76
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
78
77
|
|
79
|
-
.
|
80
|
-
.
|
81
|
-
.
|
82
|
-
.
|
83
|
-
.
|
84
|
-
.
|
85
|
-
.
|
86
|
-
.
|
78
|
+
.EditableCell_styles_277bjm_t12w3lu5__d76a564b{position:relative;padding:var(--t12w3lu5-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--t12w3lu5-1);border-bottom-color:var(--t12w3lu5-2);cursor:pointer;box-sizing:border-box;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:0;}.EditableCell_styles_277bjm_t12w3lu5__d76a564b:hover .EditableCell_styles_277bjm_editIcon__d76a564b{opacity:1;}
|
79
|
+
.EditableCell_styles_277bjm_idy8fgn__d76a564b{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;width:100%;height:100%;}
|
80
|
+
.EditableCell_styles_277bjm_cwrhll2__d76a564b{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;gap:0.25rem;}
|
81
|
+
.EditableCell_styles_277bjm_e1dkea5v__d76a564b{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;gap:var(--plasma-table-editable-cell-padding);height:100%;}
|
82
|
+
.EditableCell_styles_277bjm_i1uj28nu__d76a564b{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;height:100%;-webkit-flex:1;-ms-flex:1;flex:1;padding:var(--plasma-table-editable-cell-input-padding);background:var(--plasma-table-editable-cell-input-background);border:1px solid var(--plasma-table-editable-cell-input-border-color);border-radius:var(--plasma-table-editable-cell-input-border-radius);box-sizing:border-box;gap:var(--plasma-table-editable-cell-icon-gap);}
|
83
|
+
.EditableCell_styles_277bjm_i1c7bo0z__d76a564b{width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);font-family:var(--plasma-table-font-family);font-size:var(--plasma-table-font-size);font-style:var(--plasma-table-font-style);font-weight:var(--plasma-table-font-weight);-webkit-letter-spacing:var(--plasma-table-letter-spacing);-moz-letter-spacing:var(--plasma-table-letter-spacing);-ms-letter-spacing:var(--plasma-table-letter-spacing);letter-spacing:var(--plasma-table-letter-spacing);line-height:var(--plasma-table-line-height);}
|
84
|
+
.EditableCell_styles_277bjm_i1jx30pt__d76a564b{--plasma-icon-button-width:var(--plasma-table-editable-cell-icon-button-width);--plasma-icon-button-height:var(--plasma-table-editable-cell-icon-button-height);}
|
85
|
+
.EditableCell_styles_277bjm_i17hwnh4__d76a564b{--plasma-icon-button-width:auto;--plasma-icon-button-height:auto;}
|
87
86
|
|
88
|
-
.
|
87
|
+
.Cell_styles_1ikyrwt_tv72tnk__e7726029{position:relative;padding:var(--tv72tnk-0);height:var(--plasma-table-row-height);border-width:1px;border-top-width:0;border-style:solid;border-color:var(--tv72tnk-1);border-bottom-color:var(--tv72tnk-2);box-sizing:border-box;}
|
89
88
|
|
90
|
-
.
|
91
|
-
.
|
92
|
-
.HeadCell_styles_155gsrn_iy1msq1__5c959fae{line-height:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
89
|
+
.HeadCell_styles_1lo3lcf_c14eoxb5__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
|
90
|
+
.HeadCell_styles_1lo3lcf_t1179z8p__ac2af3a0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;}
|
93
91
|
|
94
92
|
.CellTextboxLabel_styles_1x97zqi_supiagz__b05150dd{color:var(--plasma-cell-label-color);font-size:var(--plasma-cell-label-font-size);font-weight:var(--plasma-cell-label-font-weight);font-family:var(--plasma-cell-label-font-family);font-style:var(--plasma-cell-label-font-style);line-height:var(--plasma-cell-label-line-height);-webkit-letter-spacing:var(--plasma-cell-label-letter-spacing);-moz-letter-spacing:var(--plasma-cell-label-letter-spacing);-ms-letter-spacing:var(--plasma-cell-label-letter-spacing);letter-spacing:var(--plasma-cell-label-letter-spacing);}
|
95
93
|
|