npm - @foxford/ui - Versions diffs - 2.97.0 → 2.97.1-beta-b68128a-20260227 - Mend

@foxford/ui 2.97.0 → 2.97.1-beta-b68128a-20260227

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

Files changed (614) hide show

package/components/Chip/style.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.mjs","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n `)}\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-contrast']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n borderColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorHover: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-secondary']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n contrast: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n text-align: start;\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button') cursor = 'pointer'\n if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n if (props.cursor) cursor = props.cursor\n\n return `\n box-sizing: border-box;\n appearance: none;\n margin: 0;\n display: inline-flex;\n align-items: center;\n border: 1px solid transparent;\n flex-shrink: 0;\n cursor: ${cursor};\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:last-child) {\n margin-right: 6px;\n }\n\n & > ${Content}:first-child {\n margin-left: 6px;\n }\n & > ${Content}:last-child {\n margin-right: 6px;\n }\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.outline) schemaVariant = schema.outline\n\n return props.black ? schemaVariant.black : schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","displayName","componentId","Root","div","shouldForwardProp","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
1	+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n `)}\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-contrast']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n borderColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorHover: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-secondary']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n contrast: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n text-align: start;\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button') cursor = 'pointer'\n if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n if (props.cursor) cursor = props.cursor\n\n return `\n box-sizing: border-box;\n appearance: none;\n margin: 0;\n display: inline-flex;\n align-items: center;\n border: 1px solid transparent;\n flex-shrink: 0;\n cursor: ${cursor};\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:last-child) {\n margin-right: 6px;\n }\n\n & > ${Content}:first-child {\n margin-left: 6px;\n }\n & > ${Content}:last-child {\n margin-right: 6px;\n }\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.outline) schemaVariant = schema.outline\n\n return props.black ? schemaVariant.black : schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","displayName","componentId","Root","div","shouldForwardProp","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/Container/style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport type { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n display: block;\n width: 100%;\n max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n margin: 0 auto;\n padding: 0 50px;\n box-sizing: border-box;\n ${(props) => (props.display ? display(props.display) : null)}\n ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n ${(props) =>\n props.textAlign\n ? css`\n text-align: ${props.textAlign};\n `\n : null}\n ${(props) =>\n props.fluid\n ? css`\n max-width: 100%;\n `\n : null}\n ${screenL()`\n padding: 0 42px;\n `}\n ${screenM()`\n padding: 0 28px;\n `}\n ${screenMaxS()`\n padding: 0 20px;\n `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"6PAMO,MAAMA,6BAAOC,QAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,QAAAA,QAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,~~MAAKA~~,~~MAACL~~,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,~~OAAGA~~,~~IAAA~~,CAAA,cAAA,KACaP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,~~OAAGA~~,~~IAGH~~,CAAA,~~oBAAA~~,MACJE,~~OAAOA~~,~~SAAE~~;;IAGTC,~~OAAOA~~,~~SAAE~~;;IAGTC,~~OAAUA~~,~~YAAE~~;;"}
1	+ {"version":3,"file":"style.js","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport type { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n display: block;\n width: 100%;\n max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n margin: 0 auto;\n padding: 0 50px;\n box-sizing: border-box;\n ${(props) => (props.display ? display(props.display) : null)}\n ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n ${(props) =>\n props.textAlign\n ? css`\n text-align: ${props.textAlign};\n `\n : null}\n ${(props) =>\n props.fluid\n ? css`\n max-width: 100%;\n `\n : null}\n ${screenL()`\n padding: 0 42px;\n `}\n ${screenM()`\n padding: 0 28px;\n `}\n ${screenMaxS()`\n padding: 0 20px;\n `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"6PAMO,MAAMA,6BAAOC,QAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,QAAAA,QAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,MAAAA,MAAML,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,OAAAA,IAAG,CAAA,cAAA,KACaP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,OAAAA,IAAG,CAAA,oBAGH,MACJE,OAAAA,SAAS;;IAGTC,OAAAA,SAAS;;IAGTC,OAAAA,YAAY;;"}

package/components/Container/style.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.mjs","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport type { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n display: block;\n width: 100%;\n max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n margin: 0 auto;\n padding: 0 50px;\n box-sizing: border-box;\n ${(props) => (props.display ? display(props.display) : null)}\n ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n ${(props) =>\n props.textAlign\n ? css`\n text-align: ${props.textAlign};\n `\n : null}\n ${(props) =>\n props.fluid\n ? css`\n max-width: 100%;\n `\n : null}\n ${screenL()`\n padding: 0 42px;\n `}\n ${screenM()`\n padding: 0 28px;\n `}\n ${screenMaxS()`\n padding: 0 20px;\n `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"mMAMO,MAAMA,KAAOC,OAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,QAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,MAAML,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,IAAG,CAAA,cAAA,KACaP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,~~IAGA~~,CAAA,~~oBAAA~~,MACJE,SAAS;;IAGTC,SAAS;;IAGTC,YAAY;;"}
1	+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport type { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n display: block;\n width: 100%;\n max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n margin: 0 auto;\n padding: 0 50px;\n box-sizing: border-box;\n ${(props) => (props.display ? display(props.display) : null)}\n ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n ${(props) =>\n props.textAlign\n ? css`\n text-align: ${props.textAlign};\n `\n : null}\n ${(props) =>\n props.fluid\n ? css`\n max-width: 100%;\n `\n : null}\n ${screenL()`\n padding: 0 42px;\n `}\n ${screenM()`\n padding: 0 28px;\n `}\n ${screenMaxS()`\n padding: 0 20px;\n `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"mMAMO,MAAMA,KAAOC,OAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,QAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,MAAML,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,IAAG,CAAA,cAAA,KACaP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,IAAG,CAAA,oBAGH,MACJE,SAAS;;IAGTC,SAAS;;IAGTC,YAAY;;"}

package/components/ContextMenu/ContextMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n /*\n Children react node\n /\n children: React.ReactNode\n /* Indicates if button is active (e.g. when context menu is open) /\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* Manually controled state /\n isOpen?: boolean\n /* On open menu callback /\n onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* On close menu callback /\n onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* Content /\n trigger?: React.ReactNode\n /* Properties for inner Tooltip component /\n tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n /* Hide overlay for debug */\n hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n static Item = ContextMenuItem\n static MultiLevel = ContextMenuMultiLevel\n static displayName = 'ContextMenu'\n\n static defaultProps = {\n tooltipProps: {\n event: 'click',\n placement: 'left-start',\n offset: 2,\n showCloseButton: false,\n styles: tooltipStyles,\n },\n hideOverlay: false,\n }\n\n constructor(props: ContextMenuProps) {\n super(props)\n\n this.state = {\n isOpen: this.props.isOpen \|\| false,\n }\n }\n\n getOpen = () => {\n const { isOpen } = this.props\n\n if (isOpen !== undefined) return isOpen\n\n return this.state.isOpen \|\| false\n }\n\n handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: true })\n\n const { onOpen } = this.props\n\n if (onOpen) {\n onOpen(e)\n }\n }\n\n handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: false })\n\n const { onClose } = this.props\n\n if (onClose) {\n onClose(e)\n }\n }\n\n handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n const isOpen = this.getOpen()\n\n e.persist()\n e.preventDefault()\n e.stopPropagation()\n\n if (isOpen) {\n this.handleCloseMenu(e)\n } else {\n this.handleOpenMenu(e)\n }\n\n return false\n }\n\n render() {\n const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n const isOpen = this.getOpen()\n\n if (children) tooltipProps.content = children\n\n return (\n <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n <Tooltip {...tooltipProps} open={isOpen}>\n <div onClick={this.handleCloseMenu}>\n {isValidElement(trigger)\n ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n : null}\n </div>\n </Tooltip>\n </Styled.Root>\n )\n }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","~~jsx","~~Tooltip","open","isValidElement","cloneElement","active"],"mappings":"8VA6BO,MAAMA,oBAAoBC,MAAAA,cAC/BC,YAAcC,KAAAA,gBACdD,kBAAoBE,uBAAAA,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,cAAAA,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,~~CAAE~~,~~EAAA4B~~,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,WAAAA,IAACC,MAAAA,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,~~WAAAG~~,~~IAACC~~,gBAAO,~~IAAKnC~~,~~EAAcoC~~,~~KAAMvB~~,EAAOgB,SACtCE,~~WAAAG~~,IAAA,MAAA,~~CAAKD~~,QAAStB,KAAKS,gBAAgBS,~~SAChCQ~~,MAAAA,~~eAAeT~~,~~GACZU~~,MAAAA,~~aAAaV~~,EAAoD,~~CAAEW~~,~~OAAQ1B~~,IAC3E,UAKd"}
1	+ {"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n /*\n Children react node\n /\n children: React.ReactNode\n /* Indicates if button is active (e.g. when context menu is open) /\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* Manually controled state /\n isOpen?: boolean\n /* On open menu callback /\n onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* On close menu callback /\n onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* Content /\n trigger?: React.ReactNode\n /* Properties for inner Tooltip component /\n tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n /* Hide overlay for debug */\n hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n static Item = ContextMenuItem\n static MultiLevel = ContextMenuMultiLevel\n static displayName = 'ContextMenu'\n\n static defaultProps = {\n tooltipProps: {\n event: 'click',\n placement: 'left-start',\n offset: 2,\n showCloseButton: false,\n styles: tooltipStyles,\n },\n hideOverlay: false,\n }\n\n constructor(props: ContextMenuProps) {\n super(props)\n\n this.state = {\n isOpen: this.props.isOpen \|\| false,\n }\n }\n\n getOpen = () => {\n const { isOpen } = this.props\n\n if (isOpen !== undefined) return isOpen\n\n return this.state.isOpen \|\| false\n }\n\n handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: true })\n\n const { onOpen } = this.props\n\n if (onOpen) {\n onOpen(e)\n }\n }\n\n handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: false })\n\n const { onClose } = this.props\n\n if (onClose) {\n onClose(e)\n }\n }\n\n handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n const isOpen = this.getOpen()\n\n e.persist()\n e.preventDefault()\n e.stopPropagation()\n\n if (isOpen) {\n this.handleCloseMenu(e)\n } else {\n this.handleOpenMenu(e)\n }\n\n return false\n }\n\n render() {\n const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n const isOpen = this.getOpen()\n\n if (children) tooltipProps.content = children\n\n return (\n <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n <Tooltip {...tooltipProps} open={isOpen}>\n <div onClick={this.handleCloseMenu}>\n {isValidElement(trigger)\n ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n : null}\n </div>\n </Tooltip>\n </Styled.Root>\n )\n }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"8VA6BO,MAAMA,oBAAoBC,MAAAA,cAC/BC,YAAcC,KAAAA,gBACdD,kBAAoBE,uBAAAA,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,cAAAA,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAA,EAAE4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,WAAAA,IAACC,MAAAA,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,WAAAA,IAACG,gBAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,WAAAA,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,MAAAA,eAAeR,GACZS,MAAAA,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}

package/components/ContextMenu/ContextMenu.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.mjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n /*\n Children react node\n /\n children: React.ReactNode\n /* Indicates if button is active (e.g. when context menu is open) /\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* Manually controled state /\n isOpen?: boolean\n /* On open menu callback /\n onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* On close menu callback /\n onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* Content /\n trigger?: React.ReactNode\n /* Properties for inner Tooltip component /\n tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n /* Hide overlay for debug */\n hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n static Item = ContextMenuItem\n static MultiLevel = ContextMenuMultiLevel\n static displayName = 'ContextMenu'\n\n static defaultProps = {\n tooltipProps: {\n event: 'click',\n placement: 'left-start',\n offset: 2,\n showCloseButton: false,\n styles: tooltipStyles,\n },\n hideOverlay: false,\n }\n\n constructor(props: ContextMenuProps) {\n super(props)\n\n this.state = {\n isOpen: this.props.isOpen \|\| false,\n }\n }\n\n getOpen = () => {\n const { isOpen } = this.props\n\n if (isOpen !== undefined) return isOpen\n\n return this.state.isOpen \|\| false\n }\n\n handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: true })\n\n const { onOpen } = this.props\n\n if (onOpen) {\n onOpen(e)\n }\n }\n\n handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: false })\n\n const { onClose } = this.props\n\n if (onClose) {\n onClose(e)\n }\n }\n\n handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n const isOpen = this.getOpen()\n\n e.persist()\n e.preventDefault()\n e.stopPropagation()\n\n if (isOpen) {\n this.handleCloseMenu(e)\n } else {\n this.handleOpenMenu(e)\n }\n\n return false\n }\n\n render() {\n const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n const isOpen = this.getOpen()\n\n if (children) tooltipProps.content = children\n\n return (\n <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n <Tooltip {...tooltipProps} open={isOpen}>\n <div onClick={this.handleCloseMenu}>\n {isValidElement(trigger)\n ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n : null}\n </div>\n </Tooltip>\n </Styled.Root>\n )\n }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"0VA6BO,MAAMA,oBAAoBC,cAC/BC,YAAcC,gBACdD,kBAAoBE,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,~~CAAE~~,~~EAAA4B~~,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,IAACC,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,IAACG,QAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,eAAeR,GACZS,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}
1	+ {"version":3,"file":"ContextMenu.mjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n /*\n Children react node\n /\n children: React.ReactNode\n /* Indicates if button is active (e.g. when context menu is open) /\n onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* Manually controled state /\n isOpen?: boolean\n /* On open menu callback /\n onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* On close menu callback /\n onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n /* Content /\n trigger?: React.ReactNode\n /* Properties for inner Tooltip component /\n tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n /* Hide overlay for debug */\n hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n static Item = ContextMenuItem\n static MultiLevel = ContextMenuMultiLevel\n static displayName = 'ContextMenu'\n\n static defaultProps = {\n tooltipProps: {\n event: 'click',\n placement: 'left-start',\n offset: 2,\n showCloseButton: false,\n styles: tooltipStyles,\n },\n hideOverlay: false,\n }\n\n constructor(props: ContextMenuProps) {\n super(props)\n\n this.state = {\n isOpen: this.props.isOpen \|\| false,\n }\n }\n\n getOpen = () => {\n const { isOpen } = this.props\n\n if (isOpen !== undefined) return isOpen\n\n return this.state.isOpen \|\| false\n }\n\n handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: true })\n\n const { onOpen } = this.props\n\n if (onOpen) {\n onOpen(e)\n }\n }\n\n handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n this.setState({ isOpen: false })\n\n const { onClose } = this.props\n\n if (onClose) {\n onClose(e)\n }\n }\n\n handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n const isOpen = this.getOpen()\n\n e.persist()\n e.preventDefault()\n e.stopPropagation()\n\n if (isOpen) {\n this.handleCloseMenu(e)\n } else {\n this.handleOpenMenu(e)\n }\n\n return false\n }\n\n render() {\n const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n const isOpen = this.getOpen()\n\n if (children) tooltipProps.content = children\n\n return (\n <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n <Tooltip {...tooltipProps} open={isOpen}>\n <div onClick={this.handleCloseMenu}>\n {isValidElement(trigger)\n ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n : null}\n </div>\n </Tooltip>\n </Styled.Root>\n )\n }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"0VA6BO,MAAMA,oBAAoBC,cAC/BC,YAAcC,gBACdD,kBAAoBE,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAA,EAAE4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,IAACC,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,IAACG,QAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,eAAeR,GACZS,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}

package/components/ContextMenu/Item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Item.js","sources":["../../../../src/components/ContextMenu/Item.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nconst disabledHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault()\n e.preventDefault()\n e.stopPropagation()\n\n return false\n}\n\nexport interface ContextMenuItemProps extends BaseProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: string\n active?: boolean\n disabled?: boolean\n onClick?: React.MouseEventHandler<HTMLDivElement>\n id?: string \| number\n}\n\nfunction ContextMenuItem({ children, id, content, active, disabled, onClick, className, style }: ContextMenuItemProps) {\n return (\n <Styled.RootItem\n style={style}\n className={className}\n active={active}\n disabled={disabled}\n onClick={disabled ? disabledHandler : onClick}\n data-id={id}\n >\n {children}\n <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.RootItem>\n )\n}\n\nContextMenuItem.displayName = 'ContextMenu.Item'\n\nexport { ContextMenuItem }\n"],"names":["disabledHandler","e","preventDefault","stopPropagation","ContextMenuItem","children","id","content","active","disabled","onClick","className","style","_jsxs","Styled","_jsx","~~jsx","~~Text","size","lineHeight","color","DefaultColorNames","mineShaft","displayName"],"mappings":"yKAKA,MAAMA,gBAAmBC,IACvBA,EAAEC,iBACFD,EAAEC,iBACFD,EAAEE,mBAEK,GAeT,SAASC,iBAAgBC,SAAEA,EAAQC,GAAEA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAAWC,MAAAA,IACtF,OACEC,WAAAA,KAACC,MAAAA,SAAe,CACdF,MAAOA,EACPD,UAAWA,EACXH,OAAQA,EACRC,SAAUA,EACVC,QAASD,EAAWT,gBAAkBU,EACtC,UAASJ,EAAGD,~~SAEXA~~,~~CAAAA~~,EACDU,~~WAAAC~~,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,~~OAAiBA~~,~~kBAACC~~,~~UAAUjB~~,SAC9DE,MAIT,CAEAH,~~gBAAgBmB~~,YAAc"}
1	+ {"version":3,"file":"Item.js","sources":["../../../../src/components/ContextMenu/Item.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nconst disabledHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault()\n e.preventDefault()\n e.stopPropagation()\n\n return false\n}\n\nexport interface ContextMenuItemProps extends BaseProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: string\n active?: boolean\n disabled?: boolean\n onClick?: React.MouseEventHandler<HTMLDivElement>\n id?: string \| number\n}\n\nfunction ContextMenuItem({ children, id, content, active, disabled, onClick, className, style }: ContextMenuItemProps) {\n return (\n <Styled.RootItem\n style={style}\n className={className}\n active={active}\n disabled={disabled}\n onClick={disabled ? disabledHandler : onClick}\n data-id={id}\n >\n {children}\n <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.RootItem>\n )\n}\n\nContextMenuItem.displayName = 'ContextMenu.Item'\n\nexport { ContextMenuItem }\n"],"names":["disabledHandler","e","preventDefault","stopPropagation","ContextMenuItem","children","id","content","active","disabled","onClick","className","style","_jsxs","Styled","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft","displayName"],"mappings":"yKAKA,MAAMA,gBAAmBC,IACvBA,EAAEC,iBACFD,EAAEC,iBACFD,EAAEE,mBAEK,GAeT,SAASC,iBAAgBC,SAAEA,EAAQC,GAAEA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAAWC,MAAAA,IACtF,OACEC,WAAAA,KAACC,MAAAA,SAAe,CACdF,MAAOA,EACPD,UAAWA,EACXH,OAAQA,EACRC,SAAUA,EACVC,QAASD,EAAWT,gBAAkBU,EACtC,UAASJ,EAAGD,SAAA,CAEXA,EACDU,WAAAA,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,OAAAA,kBAAkBC,UAAUhB,SAC9DE,MAIT,CAEAH,gBAAgBkB,YAAc"}

package/components/ContextMenu/Item.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Item.mjs","sources":["../../../../src/components/ContextMenu/Item.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nconst disabledHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault()\n e.preventDefault()\n e.stopPropagation()\n\n return false\n}\n\nexport interface ContextMenuItemProps extends BaseProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: string\n active?: boolean\n disabled?: boolean\n onClick?: React.MouseEventHandler<HTMLDivElement>\n id?: string \| number\n}\n\nfunction ContextMenuItem({ children, id, content, active, disabled, onClick, className, style }: ContextMenuItemProps) {\n return (\n <Styled.RootItem\n style={style}\n className={className}\n active={active}\n disabled={disabled}\n onClick={disabled ? disabledHandler : onClick}\n data-id={id}\n >\n {children}\n <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.RootItem>\n )\n}\n\nContextMenuItem.displayName = 'ContextMenu.Item'\n\nexport { ContextMenuItem }\n"],"names":["disabledHandler","e","preventDefault","stopPropagation","ContextMenuItem","children","id","content","active","disabled","onClick","className","style","_jsxs","Styled","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft","displayName"],"mappings":"mKAKA,MAAMA,gBAAmBC,IACvBA,EAAEC,iBACFD,EAAEC,iBACFD,EAAEE,mBAEK,GAeT,SAASC,iBAAgBC,SAAEA,EAAQC,GAAEA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAASC,MAAEA,IACtF,OACEC,KAACC,SAAe,CACdF,MAAOA,EACPD,UAAWA,EACXH,OAAQA,EACRC,SAAUA,EACVC,QAASD,EAAWT,gBAAkBU,EACtC,UAASJ,EAAGD,~~SAEXA~~,~~CAAAA~~,EACDU,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,kBAAkBC,UAAUhB,SAC9DE,MAIT,CAEAH,gBAAgBkB,YAAc"}
1	+ {"version":3,"file":"Item.mjs","sources":["../../../../src/components/ContextMenu/Item.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nconst disabledHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n e.preventDefault()\n e.preventDefault()\n e.stopPropagation()\n\n return false\n}\n\nexport interface ContextMenuItemProps extends BaseProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: string\n active?: boolean\n disabled?: boolean\n onClick?: React.MouseEventHandler<HTMLDivElement>\n id?: string \| number\n}\n\nfunction ContextMenuItem({ children, id, content, active, disabled, onClick, className, style }: ContextMenuItemProps) {\n return (\n <Styled.RootItem\n style={style}\n className={className}\n active={active}\n disabled={disabled}\n onClick={disabled ? disabledHandler : onClick}\n data-id={id}\n >\n {children}\n <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.RootItem>\n )\n}\n\nContextMenuItem.displayName = 'ContextMenu.Item'\n\nexport { ContextMenuItem }\n"],"names":["disabledHandler","e","preventDefault","stopPropagation","ContextMenuItem","children","id","content","active","disabled","onClick","className","style","_jsxs","Styled","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft","displayName"],"mappings":"mKAKA,MAAMA,gBAAmBC,IACvBA,EAAEC,iBACFD,EAAEC,iBACFD,EAAEE,mBAEK,GAeT,SAASC,iBAAgBC,SAAEA,EAAQC,GAAEA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAASC,MAAEA,IACtF,OACEC,KAACC,SAAe,CACdF,MAAOA,EACPD,UAAWA,EACXH,OAAQA,EACRC,SAAUA,EACVC,QAASD,EAAWT,gBAAkBU,EACtC,UAASJ,EAAGD,SAAA,CAEXA,EACDU,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,kBAAkBC,UAAUhB,SAC9DE,MAIT,CAEAH,gBAAgBkB,YAAc"}

package/components/ContextMenu/style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { hover } from 'mixins/hover'\nimport type { ContextMenuProps } from './ContextMenu'\nimport type { ContextMenuItemProps } from './Item'\n\nconst isOpen = css`\n &:after {\n cursor: default;\n user-select: none;\n content: '';\n display: block;\n position: fixed;\n width: 100%;\n height: 100%;\n z-index: ${(props) => props.theme.zIndex.tooltip};\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n`\n\nconst disabledItem = css`\n background-color: ${(props) => props.theme.colors.alabaster};\n opacity: 0.6;\n cursor: default;\n`\n\nconst notDisabledItem = css`\n ${(props) => hover(`background-color: ${props.theme.colors.onahau};`)}\n`\n\nexport const Root = styled.div.withConfig({\n shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'style'].includes(prop),\n})<Pick<ContextMenuProps, 'isOpen' \| 'hideOverlay'>>`\n display: inline-block;\n position: relative;\n [style*='cursor'] {\n cursor: default !important;\n }\n & + & {\n margin-left: 16px;\n }\n ${(props) => (props.isOpen && Boolean(props.hideOverlay) === false ? isOpen : null)}\n`\n\nexport const RootItem = styled.div.withConfig({\n shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'data-id'].includes(prop),\n})<Pick<ContextMenuItemProps, 'active' \| 'disabled'>>`\n display: block;\n padding: 8px 20px 7px;\n transition: background-color 0.4s ease-out;\n cursor: pointer;\n user-select: none;\n ${(props) =>\n props.active\n ? css`\n background-color: ${props.theme.colors.onahau};\n `\n : null}\n ${(props) => (props.disabled ? disabledItem : notDisabledItem)}\n`\n"],"names":["isOpen","css","props","theme","zIndex","tooltip","disabledItem","colors","alabaster","notDisabledItem","hover","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"6MAKA,MAAMA,OAASC,~~OAAGA~~,~~IAAA~~,CAAA,kHAAA,qCASFC,GAAUA,EAAMC,MAAMC,OAAOC,UAQ7C,MAAMC,aAAeL,~~OAAGA~~,~~IAAA~~,CAAA,oBAAA,iCACDC,GAAUA,EAAMC,MAAMI,OAAOC,YAKpD,MAAMC,gBAAkBR,~~OAAGA~~,~~aACtBC~~,GAAUQ,~~MAAKA~~,~~MAAC~~,qBAAqBR,EAAMC,MAAMI,OAAOI,aAGtD,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KACpFF,WAAA,CAAAI,YAAA,oBAAAC,YAAA,mBAFkBP,CAElB,CAAA,+GAAA,KASGX,GAAWA,EAAMF,QAAUqB,QAAQnB,EAAMoB,gBAAiB,EAAQtB,OAAS,OAGzE,MAAMuB,SAAWV,gBAAAA,QAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KACtFF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFsBP,~~CAQnBX~~,~~CAAAA~~,~~gHAAAA~~,~~IAAAA~~,~~KAAAA~~,GACDA,EAAMsB,OACFvB,~~OAAGA~~,~~IACmBC~~,~~CAAAA~~,~~oBAAAA~~,~~KAAAA~~,EAAMC,MAAMI,OAAOI,QAEzC,OACHT,GAAWA,EAAMuB,SAAWnB,aAAeG"}
1	+ {"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { hover } from 'mixins/hover'\nimport type { ContextMenuProps } from './ContextMenu'\nimport type { ContextMenuItemProps } from './Item'\n\nconst isOpen = css`\n &:after {\n cursor: default;\n user-select: none;\n content: '';\n display: block;\n position: fixed;\n width: 100%;\n height: 100%;\n z-index: ${(props) => props.theme.zIndex.tooltip};\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n`\n\nconst disabledItem = css`\n background-color: ${(props) => props.theme.colors.alabaster};\n opacity: 0.6;\n cursor: default;\n`\n\nconst notDisabledItem = css`\n ${(props) => hover(`background-color: ${props.theme.colors.onahau};`)}\n`\n\nexport const Root = styled.div.withConfig({\n shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'style'].includes(prop),\n})<Pick<ContextMenuProps, 'isOpen' \| 'hideOverlay'>>`\n display: inline-block;\n position: relative;\n [style*='cursor'] {\n cursor: default !important;\n }\n & + & {\n margin-left: 16px;\n }\n ${(props) => (props.isOpen && Boolean(props.hideOverlay) === false ? isOpen : null)}\n`\n\nexport const RootItem = styled.div.withConfig({\n shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'data-id'].includes(prop),\n})<Pick<ContextMenuItemProps, 'active' \| 'disabled'>>`\n display: block;\n padding: 8px 20px 7px;\n transition: background-color 0.4s ease-out;\n cursor: pointer;\n user-select: none;\n ${(props) =>\n props.active\n ? css`\n background-color: ${props.theme.colors.onahau};\n `\n : null}\n ${(props) => (props.disabled ? disabledItem : notDisabledItem)}\n`\n"],"names":["isOpen","css","props","theme","zIndex","tooltip","disabledItem","colors","alabaster","notDisabledItem","hover","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"6MAKA,MAAMA,OAASC,OAAAA,IAAG,CAAA,kHAAA,qCASFC,GAAUA,EAAMC,MAAMC,OAAOC,UAQ7C,MAAMC,aAAeL,OAAAA,IAAG,CAAA,oBAAA,iCACDC,GAAUA,EAAMC,MAAMI,OAAOC,YAKpD,MAAMC,gBAAkBR,OAAAA,aACnBC,GAAUQ,MAAAA,MAAM,qBAAqBR,EAAMC,MAAMI,OAAOI,aAGtD,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KACpFF,WAAA,CAAAI,YAAA,oBAAAC,YAAA,mBAFkBP,CAElB,CAAA,+GAAA,KASGX,GAAWA,EAAMF,QAAUqB,QAAQnB,EAAMoB,gBAAiB,EAAQtB,OAAS,OAGzE,MAAMuB,SAAWV,gBAAAA,QAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KACtFF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFsBP,CAEtB,CAAA,gHAAA,IAAA,KAMGX,GACDA,EAAMsB,OACFvB,OAAAA,IAAG,CAAA,oBAAA,KACmBC,EAAMC,MAAMI,OAAOI,QAEzC,OACHT,GAAWA,EAAMuB,SAAWnB,aAAeG"}

package/components/ContextMenu/style.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.mjs","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { hover } from 'mixins/hover'\nimport type { ContextMenuProps } from './ContextMenu'\nimport type { ContextMenuItemProps } from './Item'\n\nconst isOpen = css`\n &:after {\n cursor: default;\n user-select: none;\n content: '';\n display: block;\n position: fixed;\n width: 100%;\n height: 100%;\n z-index: ${(props) => props.theme.zIndex.tooltip};\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n`\n\nconst disabledItem = css`\n background-color: ${(props) => props.theme.colors.alabaster};\n opacity: 0.6;\n cursor: default;\n`\n\nconst notDisabledItem = css`\n ${(props) => hover(`background-color: ${props.theme.colors.onahau};`)}\n`\n\nexport const Root = styled.div.withConfig({\n shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'style'].includes(prop),\n})<Pick<ContextMenuProps, 'isOpen' \| 'hideOverlay'>>`\n display: inline-block;\n position: relative;\n [style*='cursor'] {\n cursor: default !important;\n }\n & + & {\n margin-left: 16px;\n }\n ${(props) => (props.isOpen && Boolean(props.hideOverlay) === false ? isOpen : null)}\n`\n\nexport const RootItem = styled.div.withConfig({\n shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'data-id'].includes(prop),\n})<Pick<ContextMenuItemProps, 'active' \| 'disabled'>>`\n display: block;\n padding: 8px 20px 7px;\n transition: background-color 0.4s ease-out;\n cursor: pointer;\n user-select: none;\n ${(props) =>\n props.active\n ? css`\n background-color: ${props.theme.colors.onahau};\n `\n : null}\n ${(props) => (props.disabled ? disabledItem : notDisabledItem)}\n`\n"],"names":["isOpen","css","props","theme","zIndex","tooltip","disabledItem","colors","alabaster","notDisabledItem","hover","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"qFAKA,MAAMA,OAASC,IAAG,CAAA,kHAAA,qCASFC,GAAUA,EAAMC,MAAMC,OAAOC,UAQ7C,MAAMC,aAAeL,IAAG,CAAA,oBAAA,iCACDC,GAAUA,EAAMC,MAAMI,OAAOC,YAKpD,MAAMC,gBAAkBR,aACnBC,GAAUQ,MAAM,qBAAqBR,EAAMC,MAAMI,OAAOI,aAGtD,MAAMC,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KACpFF,WAAA,CAAAI,YAAA,oBAAAC,YAAA,mBAFkBP,CAElB,CAAA,+GAAA,KASGX,GAAWA,EAAMF,QAAUqB,QAAQnB,EAAMoB,gBAAiB,EAAQtB,OAAS,OAGzE,MAAMuB,SAAWV,OAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KACtFF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFsBP,~~CAQnBX~~,~~CAAAA~~,~~gHAAAA~~,~~IAAAA~~,~~KAAAA~~,GACDA,EAAMsB,OACFvB,~~IACsBC~~,~~CAAAA~~,~~oBAAAA~~,~~KAAAA~~,EAAMC,MAAMI,OAAOI,QAEzC,OACHT,GAAWA,EAAMuB,SAAWnB,aAAeG"}
1	+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { hover } from 'mixins/hover'\nimport type { ContextMenuProps } from './ContextMenu'\nimport type { ContextMenuItemProps } from './Item'\n\nconst isOpen = css`\n &:after {\n cursor: default;\n user-select: none;\n content: '';\n display: block;\n position: fixed;\n width: 100%;\n height: 100%;\n z-index: ${(props) => props.theme.zIndex.tooltip};\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n }\n`\n\nconst disabledItem = css`\n background-color: ${(props) => props.theme.colors.alabaster};\n opacity: 0.6;\n cursor: default;\n`\n\nconst notDisabledItem = css`\n ${(props) => hover(`background-color: ${props.theme.colors.onahau};`)}\n`\n\nexport const Root = styled.div.withConfig({\n shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'style'].includes(prop),\n})<Pick<ContextMenuProps, 'isOpen' \| 'hideOverlay'>>`\n display: inline-block;\n position: relative;\n [style*='cursor'] {\n cursor: default !important;\n }\n & + & {\n margin-left: 16px;\n }\n ${(props) => (props.isOpen && Boolean(props.hideOverlay) === false ? isOpen : null)}\n`\n\nexport const RootItem = styled.div.withConfig({\n shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'data-id'].includes(prop),\n})<Pick<ContextMenuItemProps, 'active' \| 'disabled'>>`\n display: block;\n padding: 8px 20px 7px;\n transition: background-color 0.4s ease-out;\n cursor: pointer;\n user-select: none;\n ${(props) =>\n props.active\n ? css`\n background-color: ${props.theme.colors.onahau};\n `\n : null}\n ${(props) => (props.disabled ? disabledItem : notDisabledItem)}\n`\n"],"names":["isOpen","css","props","theme","zIndex","tooltip","disabledItem","colors","alabaster","notDisabledItem","hover","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"qFAKA,MAAMA,OAASC,IAAG,CAAA,kHAAA,qCASFC,GAAUA,EAAMC,MAAMC,OAAOC,UAQ7C,MAAMC,aAAeL,IAAG,CAAA,oBAAA,iCACDC,GAAUA,EAAMC,MAAMI,OAAOC,YAKpD,MAAMC,gBAAkBR,aACnBC,GAAUQ,MAAM,qBAAqBR,EAAMC,MAAMI,OAAOI,aAGtD,MAAMC,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KACpFF,WAAA,CAAAI,YAAA,oBAAAC,YAAA,mBAFkBP,CAElB,CAAA,+GAAA,KASGX,GAAWA,EAAMF,QAAUqB,QAAQnB,EAAMoB,gBAAiB,EAAQtB,OAAS,OAGzE,MAAMuB,SAAWV,OAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KACtFF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFsBP,CAEtB,CAAA,gHAAA,IAAA,KAMGX,GACDA,EAAMsB,OACFvB,IAAG,CAAA,oBAAA,KACmBC,EAAMC,MAAMI,OAAOI,QAEzC,OACHT,GAAWA,EAAMuB,SAAWnB,aAAeG"}

package/components/ContextMenu/tooltip-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-styles.js","sources":["../../../../src/components/ContextMenu/tooltip-styles.ts"],"sourcesContent":["const zIndex = 100\n\nexport const tooltipStyles = {\n wrapper: {\n display: 'inline-block',\n zIndex,\n },\n wrapperPosition: {\n left: -1000,\n position: 'absolute',\n top: -1000,\n visibility: 'hidden',\n },\n floater: {\n display: 'inline-block',\n filter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n WebkitFilter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n maxWidth: 300,\n minWidth: 200,\n opacity: 0,\n position: 'relative',\n transition: 'opacity 0.2s',\n visibility: 'hidden',\n zIndex: 99,\n },\n floaterOpening: {\n opacity: 1,\n visibility: 'visible',\n },\n floaterWithAnimation: {\n opacity: 1,\n transition: 'opacity 0.2s, transform 0.2s',\n visibility: 'visible',\n },\n floaterClosing: {\n opacity: 0,\n visibility: 'visible',\n },\n floaterCentered: {\n left: '50%',\n position: 'fixed',\n top: '50%',\n transform: 'translate(-50%, -50%)',\n },\n container: {\n boxSizing: 'border-box',\n borderRadius: 4,\n border: '1px solid #E9E9E9',\n color: '#333',\n backgroundColor: '#fff',\n minHeight: 32,\n minWidth: 180,\n padding: '0',\n position: 'relative',\n display: 'block',\n overflow: 'hidden',\n },\n content: {\n display: 'block',\n },\n arrow: {\n display: 'none',\n },\n}\n"],"names":["wrapper","display","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","minWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","border","color","backgroundColor","minHeight","padding","overflow","content","arrow"],"mappings":"mCAE6B,CAC3BA,QAAS,CACPC,QAAS,eACTC,OALW,KAObC,gBAAiB,CACfC,~~MAAO~~,~~IACPC~~,SAAU,WACVC,~~KAAM~~,~~IACNC~~,WAAY,UAEdC,QAAS,CACPP,QAAS,eACTQ,OAAQ,+CACRC,aAAc,+CACdC,SAAU,IACVC,SAAU,IACVC,QAAS,EACTR,SAAU,WACVS,WAAY,eACZP,WAAY,SACZL,OAAQ,IAEVa,eAAgB,CACdF,QAAS,EACTN,WAAY,WAEdS,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZP,WAAY,WAEdU,eAAgB,CACdJ,QAAS,EACTN,WAAY,WAEdW,gBAAiB,CACfd,KAAM,MACNC,SAAU,QACVC,IAAK,MACLa,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,OAAQ,oBACRC,MAAO,OACPC,gBAAiB,OACjBC,UAAW,GACXd,SAAU,IACVe,QAAS,IACTtB,SAAU,WACVJ,QAAS,QACT2B,SAAU,UAEZC,QAAS,CACP5B,QAAS,SAEX6B,MAAO,CACL7B,QAAS"}
1	+ {"version":3,"file":"tooltip-styles.js","sources":["../../../../src/components/ContextMenu/tooltip-styles.ts"],"sourcesContent":["const zIndex = 100\n\nexport const tooltipStyles = {\n wrapper: {\n display: 'inline-block',\n zIndex,\n },\n wrapperPosition: {\n left: -1000,\n position: 'absolute',\n top: -1000,\n visibility: 'hidden',\n },\n floater: {\n display: 'inline-block',\n filter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n WebkitFilter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n maxWidth: 300,\n minWidth: 200,\n opacity: 0,\n position: 'relative',\n transition: 'opacity 0.2s',\n visibility: 'hidden',\n zIndex: 99,\n },\n floaterOpening: {\n opacity: 1,\n visibility: 'visible',\n },\n floaterWithAnimation: {\n opacity: 1,\n transition: 'opacity 0.2s, transform 0.2s',\n visibility: 'visible',\n },\n floaterClosing: {\n opacity: 0,\n visibility: 'visible',\n },\n floaterCentered: {\n left: '50%',\n position: 'fixed',\n top: '50%',\n transform: 'translate(-50%, -50%)',\n },\n container: {\n boxSizing: 'border-box',\n borderRadius: 4,\n border: '1px solid #E9E9E9',\n color: '#333',\n backgroundColor: '#fff',\n minHeight: 32,\n minWidth: 180,\n padding: '0',\n position: 'relative',\n display: 'block',\n overflow: 'hidden',\n },\n content: {\n display: 'block',\n },\n arrow: {\n display: 'none',\n },\n}\n"],"names":["wrapper","display","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","minWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","border","color","backgroundColor","minHeight","padding","overflow","content","arrow"],"mappings":"mCAE6B,CAC3BA,QAAS,CACPC,QAAS,eACTC,OALW,KAObC,gBAAiB,CACfC,MAAM,IACNC,SAAU,WACVC,KAAK,IACLC,WAAY,UAEdC,QAAS,CACPP,QAAS,eACTQ,OAAQ,+CACRC,aAAc,+CACdC,SAAU,IACVC,SAAU,IACVC,QAAS,EACTR,SAAU,WACVS,WAAY,eACZP,WAAY,SACZL,OAAQ,IAEVa,eAAgB,CACdF,QAAS,EACTN,WAAY,WAEdS,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZP,WAAY,WAEdU,eAAgB,CACdJ,QAAS,EACTN,WAAY,WAEdW,gBAAiB,CACfd,KAAM,MACNC,SAAU,QACVC,IAAK,MACLa,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,OAAQ,oBACRC,MAAO,OACPC,gBAAiB,OACjBC,UAAW,GACXd,SAAU,IACVe,QAAS,IACTtB,SAAU,WACVJ,QAAS,QACT2B,SAAU,UAEZC,QAAS,CACP5B,QAAS,SAEX6B,MAAO,CACL7B,QAAS"}

package/components/ContextMenu/tooltip-styles.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tooltip-styles.mjs","sources":["../../../../src/components/ContextMenu/tooltip-styles.ts"],"sourcesContent":["const zIndex = 100\n\nexport const tooltipStyles = {\n wrapper: {\n display: 'inline-block',\n zIndex,\n },\n wrapperPosition: {\n left: -1000,\n position: 'absolute',\n top: -1000,\n visibility: 'hidden',\n },\n floater: {\n display: 'inline-block',\n filter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n WebkitFilter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n maxWidth: 300,\n minWidth: 200,\n opacity: 0,\n position: 'relative',\n transition: 'opacity 0.2s',\n visibility: 'hidden',\n zIndex: 99,\n },\n floaterOpening: {\n opacity: 1,\n visibility: 'visible',\n },\n floaterWithAnimation: {\n opacity: 1,\n transition: 'opacity 0.2s, transform 0.2s',\n visibility: 'visible',\n },\n floaterClosing: {\n opacity: 0,\n visibility: 'visible',\n },\n floaterCentered: {\n left: '50%',\n position: 'fixed',\n top: '50%',\n transform: 'translate(-50%, -50%)',\n },\n container: {\n boxSizing: 'border-box',\n borderRadius: 4,\n border: '1px solid #E9E9E9',\n color: '#333',\n backgroundColor: '#fff',\n minHeight: 32,\n minWidth: 180,\n padding: '0',\n position: 'relative',\n display: 'block',\n overflow: 'hidden',\n },\n content: {\n display: 'block',\n },\n arrow: {\n display: 'none',\n },\n}\n"],"names":["tooltipStyles","wrapper","display","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","minWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","border","color","backgroundColor","minHeight","padding","overflow","content","arrow"],"mappings":"AAEO,MAAMA,cAAgB,CAC3BC,QAAS,CACPC,QAAS,eACTC,OALW,KAObC,gBAAiB,CACfC,~~MAAO~~,~~IACPC~~,SAAU,WACVC,~~KAAM~~,~~IACNC~~,WAAY,UAEdC,QAAS,CACPP,QAAS,eACTQ,OAAQ,+CACRC,aAAc,+CACdC,SAAU,IACVC,SAAU,IACVC,QAAS,EACTR,SAAU,WACVS,WAAY,eACZP,WAAY,SACZL,OAAQ,IAEVa,eAAgB,CACdF,QAAS,EACTN,WAAY,WAEdS,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZP,WAAY,WAEdU,eAAgB,CACdJ,QAAS,EACTN,WAAY,WAEdW,gBAAiB,CACfd,KAAM,MACNC,SAAU,QACVC,IAAK,MACLa,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,OAAQ,oBACRC,MAAO,OACPC,gBAAiB,OACjBC,UAAW,GACXd,SAAU,IACVe,QAAS,IACTtB,SAAU,WACVJ,QAAS,QACT2B,SAAU,UAEZC,QAAS,CACP5B,QAAS,SAEX6B,MAAO,CACL7B,QAAS"}
1	+ {"version":3,"file":"tooltip-styles.mjs","sources":["../../../../src/components/ContextMenu/tooltip-styles.ts"],"sourcesContent":["const zIndex = 100\n\nexport const tooltipStyles = {\n wrapper: {\n display: 'inline-block',\n zIndex,\n },\n wrapperPosition: {\n left: -1000,\n position: 'absolute',\n top: -1000,\n visibility: 'hidden',\n },\n floater: {\n display: 'inline-block',\n filter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n WebkitFilter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n maxWidth: 300,\n minWidth: 200,\n opacity: 0,\n position: 'relative',\n transition: 'opacity 0.2s',\n visibility: 'hidden',\n zIndex: 99,\n },\n floaterOpening: {\n opacity: 1,\n visibility: 'visible',\n },\n floaterWithAnimation: {\n opacity: 1,\n transition: 'opacity 0.2s, transform 0.2s',\n visibility: 'visible',\n },\n floaterClosing: {\n opacity: 0,\n visibility: 'visible',\n },\n floaterCentered: {\n left: '50%',\n position: 'fixed',\n top: '50%',\n transform: 'translate(-50%, -50%)',\n },\n container: {\n boxSizing: 'border-box',\n borderRadius: 4,\n border: '1px solid #E9E9E9',\n color: '#333',\n backgroundColor: '#fff',\n minHeight: 32,\n minWidth: 180,\n padding: '0',\n position: 'relative',\n display: 'block',\n overflow: 'hidden',\n },\n content: {\n display: 'block',\n },\n arrow: {\n display: 'none',\n },\n}\n"],"names":["tooltipStyles","wrapper","display","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","minWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","border","color","backgroundColor","minHeight","padding","overflow","content","arrow"],"mappings":"AAEO,MAAMA,cAAgB,CAC3BC,QAAS,CACPC,QAAS,eACTC,OALW,KAObC,gBAAiB,CACfC,MAAM,IACNC,SAAU,WACVC,KAAK,IACLC,WAAY,UAEdC,QAAS,CACPP,QAAS,eACTQ,OAAQ,+CACRC,aAAc,+CACdC,SAAU,IACVC,SAAU,IACVC,QAAS,EACTR,SAAU,WACVS,WAAY,eACZP,WAAY,SACZL,OAAQ,IAEVa,eAAgB,CACdF,QAAS,EACTN,WAAY,WAEdS,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZP,WAAY,WAEdU,eAAgB,CACdJ,QAAS,EACTN,WAAY,WAEdW,gBAAiB,CACfd,KAAM,MACNC,SAAU,QACVC,IAAK,MACLa,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,OAAQ,oBACRC,MAAO,OACPC,gBAAiB,OACjBC,UAAW,GACXd,SAAU,IACVe,QAAS,IACTtB,SAAU,WACVJ,QAAS,QACT2B,SAAU,UAEZC,QAAS,CACP5B,QAAS,SAEX6B,MAAO,CACL7B,QAAS"}

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.Multilevel.js","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu } from '../ContextMenu/ContextMenu'\nimport type { ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n cancel?: {\n content?: string\n onClick?(): void\n color?: Color\n }\n confirm?: {\n content?: string\n onClick?(): void\n color?: Color\n }\n}\n\nexport interface MultiLevelItem {\n id: string \| number\n heading?: string\n subheading?: string\n content?: string\n preventClosing?: boolean\n config?: MultiLevelConfig\n items?: MultiLevelItem[]\n controls?: MultiLevelControls\n level?: number\n active?: boolean\n onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n items?: MultiLevelItem[]\n heading?: string\n subheading?: string\n controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n /** Menu config /\n config?: MultiLevelConfig\n /* On select item callback /\n onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n selectedItems: (number \| string)[]\n}\n\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n resetTimeout?: ReturnType<typeof setTimeout>\n static displayName = 'ContextMenu.MultiLevel'\n static defaultProps = {\n config: {},\n }\n\n constructor(props: ContextMenuMultiLevelProps) {\n super(props)\n\n this.state = {\n selectedItems: [],\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.resetTimeout)\n }\n\n onSelectItem = (selectedItem: MultiLevelItem) => {\n const { id, level } = selectedItem\n\n const { selectedItems } = this.state\n const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n this.setState({ selectedItems: newSelectedItems })\n\n if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n }\n\n getCurrentConfig = (): MultiLevelConfig \| null => {\n const { config } = this.props\n const { selectedItems } = this.state\n\n if (!config) return null\n\n if (!selectedItems.length) return config\n\n try {\n const currentConfig = selectedItems.reduce((acc, levelId) => {\n return acc.items ? acc.items.find((item) => item.id === levelId)?.config \|\| {} : {}\n }, config)\n\n return currentConfig\n } catch (error) {\n console.error(error)\n return null\n }\n }\n\n reset = () => {\n / Reset timeout to prevent state switch due to slow tooltip closing animation /\n this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n }\n\n itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n const config = this.getCurrentConfig()\n if (!config) throw new Error('Config not found')\n\n const { items = [] } = config\n const { currentTarget } = e\n\n const { id = null } = currentTarget.dataset\n\n if (id === null) throw new Error('Data-id for item not found')\n\n const found = items.find((item) => `${item.id}` === id)\n\n if (!found) throw new Error('Item not found')\n\n if (found.config \|\| found.preventClosing) {\n e.preventDefault()\n e.stopPropagation()\n }\n\n if (found.config) {\n / If menu item has config - select item to show inner level */\n this.onSelectItem(found)\n }\n\n if (typeof found.onClick === 'function') {\n found.onClick(found)\n }\n }\n\n render() {\n const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n const { selectedItems } = this.state\n const config = this.getCurrentConfig()\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n return (\n <ContextMenu\n className={className}\n tooltipProps={tooltipProps}\n isOpen={isOpen}\n // eslint-disable-next-line react/jsx-handler-names\n onClose={this.reset}\n trigger={trigger}\n {...restProps}\n >\n {children}\n <>\n <Spacer top={9} />\n {config?.heading ? <Heading content={config.heading} /> : null}\n {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n {config?.items ? (\n <Styled.MultilevelItems>\n {config.items.map((item) => (\n <ContextMenu.Item\n key={item.id}\n id={item.id}\n content={item.content}\n active={(item.level && Boolean(selectedItems[item.level] === item.id)) \|\| item.active}\n // eslint-disable-next-line react/jsx-handler-names\n onClick={this.itemOnClickHandler}\n />\n ))}\n </Styled.MultilevelItems>\n ) : null}\n {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n </>\n </ContextMenu>\n )\n }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","~~jsxs","~~_Fragment","_jsx","~~jsx","~~Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"yWAwDO,MAAMA,8BAA8BC,MAAAA,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,~~CAAC~~,~~GAGXC~~,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,EAAM,EAGjGI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,QAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,MAAMC,GAASA,EAAKZ,KAAOS,KAAUrB,QAAe,CAAA,GAChFA,~~EAGJ~~,~~CAAC~~,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,YAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,MAAO,IAAI,EAGjFuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI+B,MAAM,oBAE7B,MAAMT,MAAEA,EAAQ,IAAOtB,EACvB,MAAMgC,cAAEA,GAAkBF,EAE1B,MAAMlB,GAAEA,EAAK,MAASoB,EAAcC,QAEpC,GAAIrB,IAAO,KAAM,MAAM,IAAImB,MAAM,8BAEjC,MAAMG,EAAQZ,EAAMC,MAAMC,GAAS,GAAGA,EAAKZ,OAASA,IAEpD,IAAKsB,EAAO,MAAM,IAAIH,MAAM,mBAExBG,EAAMlC,QAAUkC,EAAMC,kBACxBL,EAAEM,iBACFN,EAAEO,mBAGAH,EAAMlC,QAERI,KAAKM,aAAawB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,EAChB,EAGFK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBzC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ8C,EAASpC,aAAcqC,KAAkBC,GAAcH,EAEvE,OACEI,WAAAA,KAACC,YAAAA,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS/C,KAAKuB,MACdiB,QAASA,KACLI,EAASR,~~SAEZA~~,~~CAAAA~~,EACDS,~~WAAAG~~,~~KAAAC~~,oBAAA,~~CAAAb~~,SAAA,~~CACEc~~,~~WAAAC~~,IAACC,cAAM,CAACC,IAAK,~~IACZzD~~,~~GAAQ0D~~,~~QAAUJ~~,WAAAA,~~IAACK~~,QAAAA,QAAO,CAACC,~~QAAS5D~~,~~EAAO0D~~,UAAc,~~KACzD1D~~,~~GAAQ6D~~,~~WAAaP~~,WAAAA,~~IAACQ~~,WAAAA,WAAU,CAACF,~~QAAS5D~~,~~EAAO6D~~,aAAiB,~~KAClE7D~~,GAAQsB,~~MACPgC~~,WAAAA,~~IAACS~~,MAAAA,gBAAsB,~~CAAAvB~~,SACpBxC,EAAOsB,~~MAAM0C~~,~~KAAKxC~~,~~GACjB8B~~,~~WAAAC~~,~~IAACL~~,~~YAAWA~~,~~YAACe~~,KAAI,~~CAEfrD~~,GAAIY,EAAKZ,~~GACTgD~~,~~QAASpC~~,~~EAAKoC~~,QACdM,~~OAAS1C~~,EAAKX,~~OAASsD~~,~~QAAQ7D~~,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,~~EAAK0C~~,OAE/~~E5B~~,QAASlC,KAAKyB,oBALTL,EAAKZ,QASd,KACHZ,~~GAAQoE~~,~~SAAWd~~,WAAAA,~~IAACe~~,SAAAA,SAAQ,~~IAAKrE~~,~~EAAOoE~~,~~WAAed~~,~~WAAAC~~,IAACC,cAAM,CAACC,IAAK,SAI7E"}
1	+ {"version":3,"file":"ContextMenu.Multilevel.js","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu } from '../ContextMenu/ContextMenu'\nimport type { ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n cancel?: {\n content?: string\n onClick?(): void\n color?: Color\n }\n confirm?: {\n content?: string\n onClick?(): void\n color?: Color\n }\n}\n\nexport interface MultiLevelItem {\n id: string \| number\n heading?: string\n subheading?: string\n content?: string\n preventClosing?: boolean\n config?: MultiLevelConfig\n items?: MultiLevelItem[]\n controls?: MultiLevelControls\n level?: number\n active?: boolean\n onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n items?: MultiLevelItem[]\n heading?: string\n subheading?: string\n controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n /** Menu config /\n config?: MultiLevelConfig\n /* On select item callback /\n onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n selectedItems: (number \| string)[]\n}\n\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n resetTimeout?: ReturnType<typeof setTimeout>\n static displayName = 'ContextMenu.MultiLevel'\n static defaultProps = {\n config: {},\n }\n\n constructor(props: ContextMenuMultiLevelProps) {\n super(props)\n\n this.state = {\n selectedItems: [],\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.resetTimeout)\n }\n\n onSelectItem = (selectedItem: MultiLevelItem) => {\n const { id, level } = selectedItem\n\n const { selectedItems } = this.state\n const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n this.setState({ selectedItems: newSelectedItems })\n\n if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n }\n\n getCurrentConfig = (): MultiLevelConfig \| null => {\n const { config } = this.props\n const { selectedItems } = this.state\n\n if (!config) return null\n\n if (!selectedItems.length) return config\n\n try {\n const currentConfig = selectedItems.reduce((acc, levelId) => {\n return acc.items ? acc.items.find((item) => item.id === levelId)?.config \|\| {} : {}\n }, config)\n\n return currentConfig\n } catch (error) {\n console.error(error)\n return null\n }\n }\n\n reset = () => {\n / Reset timeout to prevent state switch due to slow tooltip closing animation /\n this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n }\n\n itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n const config = this.getCurrentConfig()\n if (!config) throw new Error('Config not found')\n\n const { items = [] } = config\n const { currentTarget } = e\n\n const { id = null } = currentTarget.dataset\n\n if (id === null) throw new Error('Data-id for item not found')\n\n const found = items.find((item) => `${item.id}` === id)\n\n if (!found) throw new Error('Item not found')\n\n if (found.config \|\| found.preventClosing) {\n e.preventDefault()\n e.stopPropagation()\n }\n\n if (found.config) {\n / If menu item has config - select item to show inner level */\n this.onSelectItem(found)\n }\n\n if (typeof found.onClick === 'function') {\n found.onClick(found)\n }\n }\n\n render() {\n const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n const { selectedItems } = this.state\n const config = this.getCurrentConfig()\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n return (\n <ContextMenu\n className={className}\n tooltipProps={tooltipProps}\n isOpen={isOpen}\n // eslint-disable-next-line react/jsx-handler-names\n onClose={this.reset}\n trigger={trigger}\n {...restProps}\n >\n {children}\n <>\n <Spacer top={9} />\n {config?.heading ? <Heading content={config.heading} /> : null}\n {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n {config?.items ? (\n <Styled.MultilevelItems>\n {config.items.map((item) => (\n <ContextMenu.Item\n key={item.id}\n id={item.id}\n content={item.content}\n active={(item.level && Boolean(selectedItems[item.level] === item.id)) \|\| item.active}\n // eslint-disable-next-line react/jsx-handler-names\n onClick={this.itemOnClickHandler}\n />\n ))}\n </Styled.MultilevelItems>\n ) : null}\n {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n </>\n </ContextMenu>\n )\n }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"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"}

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.Multilevel.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu } from '../ContextMenu/ContextMenu'\nimport type { ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n cancel?: {\n content?: string\n onClick?(): void\n color?: Color\n }\n confirm?: {\n content?: string\n onClick?(): void\n color?: Color\n }\n}\n\nexport interface MultiLevelItem {\n id: string \| number\n heading?: string\n subheading?: string\n content?: string\n preventClosing?: boolean\n config?: MultiLevelConfig\n items?: MultiLevelItem[]\n controls?: MultiLevelControls\n level?: number\n active?: boolean\n onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n items?: MultiLevelItem[]\n heading?: string\n subheading?: string\n controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n /** Menu config /\n config?: MultiLevelConfig\n /* On select item callback /\n onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n selectedItems: (number \| string)[]\n}\n\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n resetTimeout?: ReturnType<typeof setTimeout>\n static displayName = 'ContextMenu.MultiLevel'\n static defaultProps = {\n config: {},\n }\n\n constructor(props: ContextMenuMultiLevelProps) {\n super(props)\n\n this.state = {\n selectedItems: [],\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.resetTimeout)\n }\n\n onSelectItem = (selectedItem: MultiLevelItem) => {\n const { id, level } = selectedItem\n\n const { selectedItems } = this.state\n const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n this.setState({ selectedItems: newSelectedItems })\n\n if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n }\n\n getCurrentConfig = (): MultiLevelConfig \| null => {\n const { config } = this.props\n const { selectedItems } = this.state\n\n if (!config) return null\n\n if (!selectedItems.length) return config\n\n try {\n const currentConfig = selectedItems.reduce((acc, levelId) => {\n return acc.items ? acc.items.find((item) => item.id === levelId)?.config \|\| {} : {}\n }, config)\n\n return currentConfig\n } catch (error) {\n console.error(error)\n return null\n }\n }\n\n reset = () => {\n / Reset timeout to prevent state switch due to slow tooltip closing animation /\n this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n }\n\n itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n const config = this.getCurrentConfig()\n if (!config) throw new Error('Config not found')\n\n const { items = [] } = config\n const { currentTarget } = e\n\n const { id = null } = currentTarget.dataset\n\n if (id === null) throw new Error('Data-id for item not found')\n\n const found = items.find((item) => `${item.id}` === id)\n\n if (!found) throw new Error('Item not found')\n\n if (found.config \|\| found.preventClosing) {\n e.preventDefault()\n e.stopPropagation()\n }\n\n if (found.config) {\n / If menu item has config - select item to show inner level */\n this.onSelectItem(found)\n }\n\n if (typeof found.onClick === 'function') {\n found.onClick(found)\n }\n }\n\n render() {\n const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n const { selectedItems } = this.state\n const config = this.getCurrentConfig()\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n return (\n <ContextMenu\n className={className}\n tooltipProps={tooltipProps}\n isOpen={isOpen}\n // eslint-disable-next-line react/jsx-handler-names\n onClose={this.reset}\n trigger={trigger}\n {...restProps}\n >\n {children}\n <>\n <Spacer top={9} />\n {config?.heading ? <Heading content={config.heading} /> : null}\n {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n {config?.items ? (\n <Styled.MultilevelItems>\n {config.items.map((item) => (\n <ContextMenu.Item\n key={item.id}\n id={item.id}\n content={item.content}\n active={(item.level && Boolean(selectedItems[item.level] === item.id)) \|\| item.active}\n // eslint-disable-next-line react/jsx-handler-names\n onClick={this.itemOnClickHandler}\n />\n ))}\n </Styled.MultilevelItems>\n ) : null}\n {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n </>\n </ContextMenu>\n )\n }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"6UAwDO,MAAMA,8BAA8BC,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,~~CAAC~~,~~GAGXC~~,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,EAAM,EAGjGI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,QAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,MAAMC,GAASA,EAAKZ,KAAOS,KAAUrB,QAAe,CAAA,GAChFA,~~EAGJ~~,~~CAAC~~,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,YAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,MAAO,IAAI,EAGjFuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI+B,MAAM,oBAE7B,MAAMT,MAAEA,EAAQ,IAAOtB,EACvB,MAAMgC,cAAEA,GAAkBF,EAE1B,MAAMlB,GAAEA,EAAK,MAASoB,EAAcC,QAEpC,GAAIrB,IAAO,KAAM,MAAM,IAAImB,MAAM,8BAEjC,MAAMG,EAAQZ,EAAMC,MAAMC,GAAS,GAAGA,EAAKZ,OAASA,IAEpD,IAAKsB,EAAO,MAAM,IAAIH,MAAM,mBAExBG,EAAMlC,QAAUkC,EAAMC,kBACxBL,EAAEM,iBACFN,EAAEO,mBAGAH,EAAMlC,QAERI,KAAKM,aAAawB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,EAChB,EAGFK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBzC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ8C,EAASpC,aAAcqC,KAAkBC,GAAcH,EAEvE,OACEI,KAACC,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS/C,KAAKuB,MACdiB,QAASA,KACLI,EAASR,~~SAEZA~~,~~CAAAA~~,EACDS,KAAAG,SAAA,CAAAZ,SAAA,CACEa,IAACC,OAAM,CAACC,IAAK,IACZvD,GAAQwD,QAAUH,IAACI,QAAO,CAACC,QAAS1D,EAAOwD,UAAc,KACzDxD,GAAQ2D,WAAaN,IAACO,WAAU,CAACF,QAAS1D,EAAO2D,aAAiB,KAClE3D,GAAQsB,MACP+B,IAACQ,gBAAsB,CAAArB,SACpBxC,EAAOsB,MAAMwC,KAAKtC,GACjB6B,IAACH,YAAYa,KAAI,CAEfnD,GAAIY,EAAKZ,GACT8C,QAASlC,EAAKkC,QACdM,OAASxC,EAAKX,OAASoD,QAAQ3D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKwC,OAE/E1B,QAASlC,KAAKyB,oBALTL,EAAKZ,QASd,KACHZ,GAAQkE,SAAWb,IAACc,SAAQ,IAAKnE,EAAOkE,WAAeb,IAACC,OAAM,CAACC,IAAK,SAI7E"}
1	+ {"version":3,"file":"ContextMenu.Multilevel.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu } from '../ContextMenu/ContextMenu'\nimport type { ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n cancel?: {\n content?: string\n onClick?(): void\n color?: Color\n }\n confirm?: {\n content?: string\n onClick?(): void\n color?: Color\n }\n}\n\nexport interface MultiLevelItem {\n id: string \| number\n heading?: string\n subheading?: string\n content?: string\n preventClosing?: boolean\n config?: MultiLevelConfig\n items?: MultiLevelItem[]\n controls?: MultiLevelControls\n level?: number\n active?: boolean\n onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n items?: MultiLevelItem[]\n heading?: string\n subheading?: string\n controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n /** Menu config /\n config?: MultiLevelConfig\n /* On select item callback /\n onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n selectedItems: (number \| string)[]\n}\n\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n resetTimeout?: ReturnType<typeof setTimeout>\n static displayName = 'ContextMenu.MultiLevel'\n static defaultProps = {\n config: {},\n }\n\n constructor(props: ContextMenuMultiLevelProps) {\n super(props)\n\n this.state = {\n selectedItems: [],\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.resetTimeout)\n }\n\n onSelectItem = (selectedItem: MultiLevelItem) => {\n const { id, level } = selectedItem\n\n const { selectedItems } = this.state\n const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n this.setState({ selectedItems: newSelectedItems })\n\n if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n }\n\n getCurrentConfig = (): MultiLevelConfig \| null => {\n const { config } = this.props\n const { selectedItems } = this.state\n\n if (!config) return null\n\n if (!selectedItems.length) return config\n\n try {\n const currentConfig = selectedItems.reduce((acc, levelId) => {\n return acc.items ? acc.items.find((item) => item.id === levelId)?.config \|\| {} : {}\n }, config)\n\n return currentConfig\n } catch (error) {\n console.error(error)\n return null\n }\n }\n\n reset = () => {\n / Reset timeout to prevent state switch due to slow tooltip closing animation /\n this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n }\n\n itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n const config = this.getCurrentConfig()\n if (!config) throw new Error('Config not found')\n\n const { items = [] } = config\n const { currentTarget } = e\n\n const { id = null } = currentTarget.dataset\n\n if (id === null) throw new Error('Data-id for item not found')\n\n const found = items.find((item) => `${item.id}` === id)\n\n if (!found) throw new Error('Item not found')\n\n if (found.config \|\| found.preventClosing) {\n e.preventDefault()\n e.stopPropagation()\n }\n\n if (found.config) {\n / If menu item has config - select item to show inner level */\n this.onSelectItem(found)\n }\n\n if (typeof found.onClick === 'function') {\n found.onClick(found)\n }\n }\n\n render() {\n const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n const { selectedItems } = this.state\n const config = this.getCurrentConfig()\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n return (\n <ContextMenu\n className={className}\n tooltipProps={tooltipProps}\n isOpen={isOpen}\n // eslint-disable-next-line react/jsx-handler-names\n onClose={this.reset}\n trigger={trigger}\n {...restProps}\n >\n {children}\n <>\n <Spacer top={9} />\n {config?.heading ? <Heading content={config.heading} /> : null}\n {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n {config?.items ? (\n <Styled.MultilevelItems>\n {config.items.map((item) => (\n <ContextMenu.Item\n key={item.id}\n id={item.id}\n content={item.content}\n active={(item.level && Boolean(selectedItems[item.level] === item.id)) \|\| item.active}\n // eslint-disable-next-line react/jsx-handler-names\n onClick={this.itemOnClickHandler}\n />\n ))}\n </Styled.MultilevelItems>\n ) : null}\n {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n </>\n </ContextMenu>\n )\n }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"6UAwDO,MAAMA,8BAA8BC,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,CAAA,GAGVC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,EAAM,EAGjGI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,QAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,MAAMC,GAASA,EAAKZ,KAAOS,KAAUrB,QAAe,CAAA,GAChFA,EAGL,CAAE,MAAOyB,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,YAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,MAAO,IAAI,EAGjFuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI+B,MAAM,oBAE7B,MAAMT,MAAEA,EAAQ,IAAOtB,EACvB,MAAMgC,cAAEA,GAAkBF,EAE1B,MAAMlB,GAAEA,EAAK,MAASoB,EAAcC,QAEpC,GAAIrB,IAAO,KAAM,MAAM,IAAImB,MAAM,8BAEjC,MAAMG,EAAQZ,EAAMC,MAAMC,GAAS,GAAGA,EAAKZ,OAASA,IAEpD,IAAKsB,EAAO,MAAM,IAAIH,MAAM,mBAExBG,EAAMlC,QAAUkC,EAAMC,kBACxBL,EAAEM,iBACFN,EAAEO,mBAGAH,EAAMlC,QAERI,KAAKM,aAAawB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,EAChB,EAGFK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBzC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ8C,EAASpC,aAAcqC,KAAkBC,GAAcH,EAEvE,OACEI,KAACC,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS/C,KAAKuB,MACdiB,QAASA,KACLI,EAASR,SAAA,CAEZA,EACDS,KAAAG,SAAA,CAAAZ,SAAA,CACEa,IAACC,OAAM,CAACC,IAAK,IACZvD,GAAQwD,QAAUH,IAACI,QAAO,CAACC,QAAS1D,EAAOwD,UAAc,KACzDxD,GAAQ2D,WAAaN,IAACO,WAAU,CAACF,QAAS1D,EAAO2D,aAAiB,KAClE3D,GAAQsB,MACP+B,IAACQ,gBAAsB,CAAArB,SACpBxC,EAAOsB,MAAMwC,KAAKtC,GACjB6B,IAACH,YAAYa,KAAI,CAEfnD,GAAIY,EAAKZ,GACT8C,QAASlC,EAAKkC,QACdM,OAASxC,EAAKX,OAASoD,QAAQ3D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKwC,OAE/E1B,QAASlC,KAAKyB,oBALTL,EAAKZ,QASd,KACHZ,GAAQkE,SAAWb,IAACc,SAAQ,IAAKnE,EAAOkE,WAAeb,IAACC,OAAM,CAACC,IAAK,SAI7E"}

package/components/ContextMenu.Multilevel/Controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controls.js","sources":["../../../../src/components/ContextMenu.Multilevel/Controls.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport type { MultiLevelControls } from './ContextMenu.Multilevel'\nimport * as Styled from './style'\n\nexport interface ControlsProps extends BaseProps {\n /** Cancel Text element props /\n cancel?: MultiLevelControls['cancel']\n /* Confirm Text element props */\n confirm?: MultiLevelControls['confirm']\n}\n\nexport function Controls({ cancel, confirm, className, style }: ControlsProps) {\n return (\n <Styled.ControlsRoot className={className} style={style}>\n {cancel ? (\n // eslint-disable-next-line react/jsx-handler-names\n <Styled.ControlsItem className='cancel' role='button' onClick={cancel.onClick}>\n <Text size='m' lineHeight='s' color={cancel.color \|\| DefaultColorNames.silver}>\n {cancel.content}\n </Text>\n </Styled.ControlsItem>\n ) : null}\n {confirm ? (\n // eslint-disable-next-line react/jsx-handler-names\n <Styled.ControlsItem className='confirm' role='button' onClick={confirm.onClick}>\n <Text size='m' lineHeight='s' color={confirm.color \|\| DefaultColorNames.accent}>\n {confirm.content}\n </Text>\n </Styled.ControlsItem>\n ) : null}\n </Styled.ControlsRoot>\n )\n}\n"],"names":["cancel","confirm","className","style","_jsxs","Styled","children","_jsx","role","onClick","~~jsx","~~Text","size","lineHeight","color","DefaultColorNames","silver","content","accent"],"mappings":"0LAaO,EAAkBA,OAAEA,EAAMC,QAAEA,EAAOC,UAAEA,EAAWC,MAAAA,KAEnDC,WAAAA,KAACC,MAAAA,aAAmB,CAACH,UAAWA,EAAWC,MAAOA,EAAMG,UACrDN,EAECO,WAAAA,IAACF,MAAAA,aAAmB,CAACH,UAAU,SAASM,KAAK,SAASC,QAAST,EAAOS,QAAQH,SAC5EC,~~WAAAG~~,~~IAACC~~,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,~~MAAOd~~,~~EAAOc~~,OAASC,OAAAA,kBAAkBC,~~OAAOV~~,SAC3EN,~~EAAOiB~~,YAGV,~~KACHhB~~,EAECM,WAAAA,IAACF,MAAAA,aAAmB,CAACH,UAAU,UAAUM,KAAK,SAASC,QAASR,EAAQQ,QAAQH,SAC9EC,~~WAAAG~~,~~IAACC~~,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,~~MAAOb~~,~~EAAQa~~,OAASC,OAAAA,kBAAkBG,~~OAAOZ~~,SAC5EL,~~EAAQgB~~,YAGX"}
1	+ {"version":3,"file":"Controls.js","sources":["../../../../src/components/ContextMenu.Multilevel/Controls.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport type { MultiLevelControls } from './ContextMenu.Multilevel'\nimport * as Styled from './style'\n\nexport interface ControlsProps extends BaseProps {\n /** Cancel Text element props /\n cancel?: MultiLevelControls['cancel']\n /* Confirm Text element props */\n confirm?: MultiLevelControls['confirm']\n}\n\nexport function Controls({ cancel, confirm, className, style }: ControlsProps) {\n return (\n <Styled.ControlsRoot className={className} style={style}>\n {cancel ? (\n // eslint-disable-next-line react/jsx-handler-names\n <Styled.ControlsItem className='cancel' role='button' onClick={cancel.onClick}>\n <Text size='m' lineHeight='s' color={cancel.color \|\| DefaultColorNames.silver}>\n {cancel.content}\n </Text>\n </Styled.ControlsItem>\n ) : null}\n {confirm ? (\n // eslint-disable-next-line react/jsx-handler-names\n <Styled.ControlsItem className='confirm' role='button' onClick={confirm.onClick}>\n <Text size='m' lineHeight='s' color={confirm.color \|\| DefaultColorNames.accent}>\n {confirm.content}\n </Text>\n </Styled.ControlsItem>\n ) : null}\n </Styled.ControlsRoot>\n )\n}\n"],"names":["cancel","confirm","className","style","_jsxs","Styled","children","_jsx","role","onClick","Text","size","lineHeight","color","DefaultColorNames","silver","content","accent"],"mappings":"0LAaO,EAAkBA,OAAEA,EAAMC,QAAEA,EAAOC,UAAEA,EAAWC,MAAAA,KAEnDC,WAAAA,KAACC,MAAAA,aAAmB,CAACH,UAAWA,EAAWC,MAAOA,EAAMG,UACrDN,EAECO,WAAAA,IAACF,MAAAA,aAAmB,CAACH,UAAU,SAASM,KAAK,SAASC,QAAST,EAAOS,QAAQH,SAC5EC,WAAAA,IAACG,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOb,EAAOa,OAASC,OAAAA,kBAAkBC,OAAOT,SAC3EN,EAAOgB,YAGV,KACHf,EAECM,WAAAA,IAACF,MAAAA,aAAmB,CAACH,UAAU,UAAUM,KAAK,SAASC,QAASR,EAAQQ,QAAQH,SAC9EC,WAAAA,IAACG,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOZ,EAAQY,OAASC,OAAAA,kBAAkBG,OAAOX,SAC5EL,EAAQe,YAGX"}

package/components/ContextMenu.Multilevel/Heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.js","sources":["../../../../src/components/ContextMenu.Multilevel/Heading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface HeadingProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport function Heading({ children, content }: HeadingProps) {\n return (\n <Styled.HeadingRoot>\n {children}\n <Text size='s' lineHeight='s' weight='bold' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.HeadingRoot>\n )\n}\n"],"names":["children","content","_jsxs","Styled","_jsx","~~jsx","~~Text","size","lineHeight","weight","color","DefaultColorNames","mineShaft"],"mappings":"yLAYO,EAAiBA,SAAEA,EAAQC,QAAEA,KAEhCC,WAAAA,KAACC,MAAAA,YAAkB,CAAAH,~~SAChBA~~,~~CAAAA~~,EACDI,~~WAAAC~~,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,OAAO,OAAOC,MAAOC,~~OAAiBA~~,~~kBAACC~~,~~UAAUZ~~,SAC5EC"}
1	+ {"version":3,"file":"Heading.js","sources":["../../../../src/components/ContextMenu.Multilevel/Heading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface HeadingProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport function Heading({ children, content }: HeadingProps) {\n return (\n <Styled.HeadingRoot>\n {children}\n <Text size='s' lineHeight='s' weight='bold' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.HeadingRoot>\n )\n}\n"],"names":["children","content","_jsxs","Styled","_jsx","Text","size","lineHeight","weight","color","DefaultColorNames","mineShaft"],"mappings":"yLAYO,EAAiBA,SAAEA,EAAQC,QAAEA,KAEhCC,WAAAA,KAACC,MAAAA,YAAkB,CAAAH,SAAA,CAChBA,EACDI,WAAAA,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,OAAO,OAAOC,MAAOC,OAAAA,kBAAkBC,UAAUX,SAC5EC"}

package/components/ContextMenu.Multilevel/Heading.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/Heading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface HeadingProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport function Heading({ children, content }: HeadingProps) {\n return (\n <Styled.HeadingRoot>\n {children}\n <Text size='s' lineHeight='s' weight='bold' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.HeadingRoot>\n )\n}\n"],"names":["Heading","children","content","_jsxs","Styled","_jsx","Text","size","lineHeight","weight","color","DefaultColorNames","mineShaft"],"mappings":"sKAYO,SAASA,SAAQC,SAAEA,EAAQC,QAAEA,IAClC,OACEC,KAACC,YAAkB,CAAAH,~~SAChBA~~,~~CAAAA~~,EACDI,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,OAAO,OAAOC,MAAOC,kBAAkBC,UAAUX,SAC5EC,MAIT"}
1	+ {"version":3,"file":"Heading.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/Heading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface HeadingProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport function Heading({ children, content }: HeadingProps) {\n return (\n <Styled.HeadingRoot>\n {children}\n <Text size='s' lineHeight='s' weight='bold' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.HeadingRoot>\n )\n}\n"],"names":["Heading","children","content","_jsxs","Styled","_jsx","Text","size","lineHeight","weight","color","DefaultColorNames","mineShaft"],"mappings":"sKAYO,SAASA,SAAQC,SAAEA,EAAQC,QAAEA,IAClC,OACEC,KAACC,YAAkB,CAAAH,SAAA,CAChBA,EACDI,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,OAAO,OAAOC,MAAOC,kBAAkBC,UAAUX,SAC5EC,MAIT"}

package/components/ContextMenu.Multilevel/SubHeading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubHeading.js","sources":["../../../../src/components/ContextMenu.Multilevel/SubHeading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface SubHeadingProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport function SubHeading({ children, content }: SubHeadingProps) {\n return (\n <Styled.SubHeadingRoot>\n {children}\n <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.SubHeadingRoot>\n )\n}\n"],"names":["children","content","_jsxs","Styled","_jsx","~~jsx","~~Text","size","lineHeight","color","DefaultColorNames","mineShaft"],"mappings":"4LAYO,EAAoBA,SAAEA,EAAQC,QAAEA,KAEnCC,WAAAA,KAACC,MAAAA,eAAqB,CAAAH,~~SACnBA~~,~~CAAAA~~,EACDI,~~WAAAC~~,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,~~OAAiBA~~,~~kBAACC~~,~~UAAUX~~,SAC9DC"}
1	+ {"version":3,"file":"SubHeading.js","sources":["../../../../src/components/ContextMenu.Multilevel/SubHeading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface SubHeadingProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport function SubHeading({ children, content }: SubHeadingProps) {\n return (\n <Styled.SubHeadingRoot>\n {children}\n <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.SubHeadingRoot>\n )\n}\n"],"names":["children","content","_jsxs","Styled","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft"],"mappings":"4LAYO,EAAoBA,SAAEA,EAAQC,QAAEA,KAEnCC,WAAAA,KAACC,MAAAA,eAAqB,CAAAH,SAAA,CACnBA,EACDI,WAAAA,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,OAAAA,kBAAkBC,UAAUV,SAC9DC"}

package/components/ContextMenu.Multilevel/SubHeading.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubHeading.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/SubHeading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface SubHeadingProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport function SubHeading({ children, content }: SubHeadingProps) {\n return (\n <Styled.SubHeadingRoot>\n {children}\n <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.SubHeadingRoot>\n )\n}\n"],"names":["SubHeading","children","content","_jsxs","Styled","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft"],"mappings":"yKAYO,SAASA,YAAWC,SAAEA,EAAQC,QAAEA,IACrC,OACEC,KAACC,eAAqB,CAAAH,~~SACnBA~~,~~CAAAA~~,EACDI,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,kBAAkBC,UAAUV,SAC9DC,MAIT"}
1	+ {"version":3,"file":"SubHeading.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/SubHeading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface SubHeadingProps {\n /*\n Children react node\n */\n children?: React.ReactNode\n content?: React.ReactNode\n}\n\nexport function SubHeading({ children, content }: SubHeadingProps) {\n return (\n <Styled.SubHeadingRoot>\n {children}\n <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n {content}\n </Text>\n </Styled.SubHeadingRoot>\n )\n}\n"],"names":["SubHeading","children","content","_jsxs","Styled","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft"],"mappings":"yKAYO,SAASA,YAAWC,SAAEA,EAAQC,QAAEA,IACrC,OACEC,KAACC,eAAqB,CAAAH,SAAA,CACnBA,EACDI,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,kBAAkBC,UAAUV,SAC9DC,MAIT"}

package/components/ContextMenu.Multilevel/style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu.Multilevel/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const HeadingRoot = styled.div`\n display: block;\n padding: 9px 20px 16px;\n user-select: none;\n text-transform: uppercase;\n`\n\nexport const SubHeadingRoot = styled.div`\n display: block;\n padding: 9px 20px 16px;\n user-select: none;\n`\n\nexport const ControlsRoot = styled.div`\n display: flex;\n justify-content: space-between;\n border-top: 1px solid ${(props) => props.theme.colors.mercury};\n user-select: none;\n`\n\nexport const ControlsItem = styled.div`\n padding: 12px 20px;\n cursor: pointer;\n`\n\nexport const MultilevelItems = styled.div`\n max-height: 170px;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n`\n"],"names":["HeadingRoot","styled","div","withConfig","displayName","componentId","SubHeadingRoot","ControlsRoot","props","theme","colors","mercury","ControlsItem","MultilevelItems"],"mappings":"sJAEaA,YAAcC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,mBAAVJ,~~CAK1B~~,CAAA,~~yFAEYK~~,eAAiBL,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wCAAAC,YAAA,mBAAVJ,~~CAI7B~~,CAAA,~~gEAEYM~~,aAAeN,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,~~CAGDO~~,~~CAAAA~~,~~mEAAAA~~,~~uBAAAA~~,GAAUA,EAAMC,MAAMC,OAAOC,gBAI3CC,aAAeX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,~~CAG3B~~,CAAA,~~4CAEYY~~,gBAAkBZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,mBAAVJ,~~CAI9B~~,CAAA"}
1	+ {"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu.Multilevel/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const HeadingRoot = styled.div`\n display: block;\n padding: 9px 20px 16px;\n user-select: none;\n text-transform: uppercase;\n`\n\nexport const SubHeadingRoot = styled.div`\n display: block;\n padding: 9px 20px 16px;\n user-select: none;\n`\n\nexport const ControlsRoot = styled.div`\n display: flex;\n justify-content: space-between;\n border-top: 1px solid ${(props) => props.theme.colors.mercury};\n user-select: none;\n`\n\nexport const ControlsItem = styled.div`\n padding: 12px 20px;\n cursor: pointer;\n`\n\nexport const MultilevelItems = styled.div`\n max-height: 170px;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n`\n"],"names":["HeadingRoot","styled","div","withConfig","displayName","componentId","SubHeadingRoot","ControlsRoot","props","theme","colors","mercury","ControlsItem","MultilevelItems"],"mappings":"sJAEaA,YAAcC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,mBAAVJ,CAAU,CAAA,yFAOxBK,eAAiBL,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wCAAAC,YAAA,mBAAVJ,CAAU,CAAA,gEAM3BM,aAAeN,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,CAAU,CAAA,mEAAA,uBAGXO,GAAUA,EAAMC,MAAMC,OAAOC,gBAI3CC,aAAeX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,CAAU,CAAA,4CAKzBY,gBAAkBZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,mBAAVJ,CAAU,CAAA"}

package/components/ContextMenu.Multilevel/style.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const HeadingRoot = styled.div`\n display: block;\n padding: 9px 20px 16px;\n user-select: none;\n text-transform: uppercase;\n`\n\nexport const SubHeadingRoot = styled.div`\n display: block;\n padding: 9px 20px 16px;\n user-select: none;\n`\n\nexport const ControlsRoot = styled.div`\n display: flex;\n justify-content: space-between;\n border-top: 1px solid ${(props) => props.theme.colors.mercury};\n user-select: none;\n`\n\nexport const ControlsItem = styled.div`\n padding: 12px 20px;\n cursor: pointer;\n`\n\nexport const MultilevelItems = styled.div`\n max-height: 170px;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n`\n"],"names":["HeadingRoot","styled","div","withConfig","displayName","componentId","SubHeadingRoot","ControlsRoot","props","theme","colors","mercury","ControlsItem","MultilevelItems"],"mappings":"4CAEaA,YAAcC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,mBAAVJ,~~CAK1B~~,CAAA,~~yFAEYK~~,eAAiBL,OAAOC,IAAGC,WAAA,CAAAC,YAAA,wCAAAC,YAAA,mBAAVJ,~~CAI7B~~,CAAA,~~gEAEYM~~,aAAeN,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,~~CAGDO~~,~~CAAAA~~,~~mEAAAA~~,~~uBAAAA~~,GAAUA,EAAMC,MAAMC,OAAOC,gBAI3CC,aAAeX,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,~~CAG3B~~,CAAA,~~4CAEYY~~,gBAAkBZ,OAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,mBAAVJ,~~CAI9B~~,CAAA"}
1	+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const HeadingRoot = styled.div`\n display: block;\n padding: 9px 20px 16px;\n user-select: none;\n text-transform: uppercase;\n`\n\nexport const SubHeadingRoot = styled.div`\n display: block;\n padding: 9px 20px 16px;\n user-select: none;\n`\n\nexport const ControlsRoot = styled.div`\n display: flex;\n justify-content: space-between;\n border-top: 1px solid ${(props) => props.theme.colors.mercury};\n user-select: none;\n`\n\nexport const ControlsItem = styled.div`\n padding: 12px 20px;\n cursor: pointer;\n`\n\nexport const MultilevelItems = styled.div`\n max-height: 170px;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n`\n"],"names":["HeadingRoot","styled","div","withConfig","displayName","componentId","SubHeadingRoot","ControlsRoot","props","theme","colors","mercury","ControlsItem","MultilevelItems"],"mappings":"4CAEaA,YAAcC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,mBAAVJ,CAAU,CAAA,yFAOxBK,eAAiBL,OAAOC,IAAGC,WAAA,CAAAC,YAAA,wCAAAC,YAAA,mBAAVJ,CAAU,CAAA,gEAM3BM,aAAeN,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,CAAU,CAAA,mEAAA,uBAGXO,GAAUA,EAAMC,MAAMC,OAAOC,gBAI3CC,aAAeX,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,CAAU,CAAA,4CAKzBY,gBAAkBZ,OAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,mBAAVJ,CAAU,CAAA"}

package/components/Dialog/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport ReactModal from 'react-modal'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { withTranslation } from 'hocs/withTranslation'\nimport type { InjectedTranslationProps } from 'hocs/withTranslation'\nimport { DialogComponent } from 'components/DialogComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { useScrollLock } from 'hooks/useScrollLock'\nimport { SIZES, SIZES_FANCY } from './sizes'\nimport { POSITIONS } from './positions'\nimport * as Styled from './style'\nimport type { DialogProps, TranslationDialogComponentProps } from './types'\n\nconst COMPONENT_NAME = 'Dialog'\n\nconst TranslationDialogComponent = withTranslation<HTMLDivElement, TranslationDialogComponentProps>(\n forwardRef<HTMLDivElement, InjectedTranslationProps<HTMLDivElement, TranslationDialogComponentProps>>(\n (props, ref) => {\n const { positions = {}, translated, ...restProps } = props\n\n const dialogPositions = translated ? {} : deepmerge(POSITIONS, positions)\n\n return <Styled.PositionedDialogComponent {...restProps} positions={dialogPositions} ref={ref} />\n }\n )\n)\n\n/*\n \n * Компонент для отображения контента поверх основного интерфейса.\n \n Поддерживаются все нативные атрибуты \\<div\\> элемента.\n */\nconst Dialog: React.ForwardRefExoticComponent<DialogProps> & { Component: typeof DialogComponent } = Object.assign(\n withMergedProps<DialogProps, HTMLDivElement>(\n (props) => {\n const {\n size = 's',\n position = 'center',\n role = 'dialog',\n open,\n preventScrollAfterClose,\n closeTimeoutMS,\n portalClassName,\n className,\n bodyOpenClassName,\n htmlOpenClassName,\n overlayClassName,\n shouldCloseOnOverlayClick,\n shouldCloseOnEsc,\n shouldReturnFocusAfterClose,\n parentSelector,\n overlayRef,\n contentRef,\n palette,\n overlayBlur,\n overlayDisabled,\n zIndex,\n scrollLock,\n onAfterOpen,\n onAfterClose,\n onRequestClose,\n ...dialogProps\n } = props\n\n const overlayElementDisabled = dialogProps.draggable \|\| overlayDisabled\n\n useScrollLock(\n scrollLock \|\| {\n locked: false,\n }\n )\n\n return (\n <ReactModal\n isOpen={open}\n ariaHideApp={false}\n preventScroll={preventScrollAfterClose}\n closeTimeoutMS={closeTimeoutMS}\n portalClassName={portalClassName}\n className={className}\n bodyOpenClassName={bodyOpenClassName}\n htmlOpenClassName={htmlOpenClassName}\n overlayClassName={overlayClassName}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n shouldCloseOnEsc={shouldCloseOnEsc}\n shouldReturnFocusAfterClose={shouldReturnFocusAfterClose}\n parentSelector={parentSelector}\n overlayRef={overlayRef}\n contentRef={contentRef}\n onAfterOpen={onAfterOpen}\n onAfterClose={onAfterClose}\n onRequestClose={onRequestClose}\n contentElement={(contentProps) => {\n const {\n ref,\n className: contentElementClassName,\n tabIndex,\n onKeyDown,\n onMouseDown,\n onMouseUp,\n onClick,\n } = contentProps\n\n return (\n <TranslationDialogComponent\n {...dialogProps}\n ref={ref}\n size={size}\n role={role}\n className={contentElementClassName}\n tabIndex={tabIndex}\n position={position}\n aria-modal={!dialogProps.draggable && !overlayDisabled}\n palette={{\n color: palette.color,\n backgroundColor: palette.backgroundColor,\n shadowColor: palette.shadowColor,\n }}\n zIndex={overlayElementDisabled ? zIndex : undefined}\n onKeyDown={(evt) => {\n if (dialogProps.onKeyDown) dialogProps.onKeyDown(evt)\n if (onKeyDown) onKeyDown(evt)\n }}\n onMouseDown={(evt) => {\n if (dialogProps.onMouseDown) dialogProps.onMouseDown(evt)\n if (onMouseDown) onMouseDown(evt)\n }}\n onMouseUp={(evt) => {\n if (dialogProps.onMouseUp) dialogProps.onMouseUp(evt)\n if (onMouseUp) onMouseUp(evt)\n }}\n onClick={(evt) => {\n if (dialogProps.onClick) dialogProps.onClick(evt)\n if (onClick) onClick(evt)\n }}\n />\n )\n }}\n overlayElement={(overlayProps, contentElement) => {\n const { ref, className: overlayElementClassName, onClick, onMouseDown } = overlayProps\n\n return overlayElementDisabled ? (\n contentElement\n ) : (\n <Styled.DialogOverlay\n ref={ref}\n className={overlayElementClassName}\n blur={overlayBlur}\n palette={{\n backgroundColor: palette.overlayBackgroundColor,\n }}\n zIndex={zIndex}\n onClick={onClick}\n onMouseDown={onMouseDown}\n >\n {contentElement}\n </Styled.DialogOverlay>\n )\n }}\n />\n )\n },\n {\n sizes: (props) => (props.fancy ? SIZES_FANCY : SIZES),\n displayName: COMPONENT_NAME,\n }\n ),\n {\n Component: DialogComponent,\n }\n)\n\nexport { Dialog }\n\nexport { COMPONENT_NAME }\n"],"names":["TranslationDialogComponent","withTranslation","forwardRef","props","ref","positions","translated","restProps","dialogPositions","deepmerge","POSITIONS","_jsx","Styled","Dialog","Object","assign","withMergedProps","size","position","role","open","preventScrollAfterClose","closeTimeoutMS","portalClassName","className","bodyOpenClassName","htmlOpenClassName","overlayClassName","shouldCloseOnOverlayClick","shouldCloseOnEsc","shouldReturnFocusAfterClose","parentSelector","overlayRef","contentRef","palette","overlayBlur","overlayDisabled","zIndex","scrollLock","onAfterOpen","onAfterClose","onRequestClose","dialogProps","overlayElementDisabled","draggable","useScrollLock","locked","ReactModal","isOpen","ariaHideApp","preventScroll","contentElement","contentProps","contentElementClassName","tabIndex","onKeyDown","onMouseDown","onMouseUp","onClick","color","backgroundColor","shadowColor","undefined","evt","overlayElement","overlayProps","overlayElementClassName","~~jsx","~~blur","overlayBackgroundColor","children","sizes","fancy","SIZES_FANCY","SIZES","displayName","Component","DialogComponent"],"mappings":"+nBAeA,MAAMA,2BAA6BC,gBAAAA,gBACjCC,MAAAA,YACE,CAACC,EAAOC,KACN,~~MAAQC~~,~~UAAAA,~~EAAY,~~CAAE~~,~~EAAAC~~,WAAEA,KAAeC,GAAcJ,EAErD,MAAMK,EAAkBF,EAAa,CAAA,EAAKG,KAAAA,UAAUC,UAAAA,UAAWL,GAE/D,OAAOM,WAAAA,IAACC,MAAAA,0BAAgC,IAAKL,EAAWF,UAAWG,EAAiBJ,IAAKA,GAAO,~~KAWhGS~~,~~MAAAA~~,OAA+FC,OAAOC,OAC1GC,gBAAAA,iBACGb,IACC,MAAMc,KACJA,EAAO,IAAGC,SACVA,EAAW,SAAQC,KACnBA,EAAO,SAAQC,KACfA,EAAIC,wBACJA,EAAuBC,eACvBA,EAAcC,gBACdA,EAAeC,UACfA,EAASC,kBACTA,EAAiBC,kBACjBA,EAAiBC,iBACjBA,EAAgBC,0BAChBA,EAAyBC,iBACzBA,EAAgBC,4BAChBA,EAA2BC,eAC3BA,EAAcC,WACdA,EAAUC,WACVA,EAAUC,QACVA,EAAOC,YACPA,EAAWC,gBACXA,EAAeC,OACfA,EAAMC,WACNA,EAAUC,YACVA,EAAWC,aACXA,EAAYC,eACZA,KACGC,GACDvC,EAEJ,MAAMwC,EAAyBD,EAAYE,WAAaR,EAQxD,OANAS,cAAAA,cACEP,GAAc,CACZQ,QAAQ,IAKVnC,WAAAA,IAACoC,oBAAAA,QAAU,CACTC,OAAQ5B,EACR6B,aAAa,EACbC,cAAe7B,EACfC,eAAgBA,EAChBC,gBAAiBA,EACjBC,UAAWA,EACXC,kBAAmBA,EACnBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,0BAA2BA,EAC3BC,iBAAkBA,EAClBC,4BAA6BA,EAC7BC,eAAgBA,EAChBC,WAAYA,EACZC,WAAYA,EACZM,YAAaA,EACbC,aAAcA,EACdC,eAAgBA,EAChBU,eAAiBC,IACf,MAAMhD,IACJA,EACAoB,UAAW6B,EAAuBC,SAClCA,EAAQC,UACRA,EAASC,YACTA,EAAWC,UACXA,EAASC,QACTA,GACEN,EAEJ,OACEzC,WAAAA,IAACX,2BAA0B,IACrB0C,EACJtC,IAAKA,EACLa,KAAMA,EACNE,KAAMA,EACNK,UAAW6B,EACXC,SAAUA,EACVpC,SAAUA,EACV,cAAawB,EAAYE,YAAcR,EACvCF,QAAS,CACPyB,MAAOzB,EAAQyB,MACfC,gBAAiB1B,EAAQ0B,gBACzBC,YAAa3B,EAAQ2B,aAEvBxB,OAAQM,EAAyBN,OAASyB,EAC1CP,UAAYQ,IACNrB,EAAYa,WAAWb,EAAYa,UAAUQ,GAC7CR,GAAWA,EAAUQ,EAAI,EAE/BP,YAAcO,IACRrB,EAAYc,aAAad,EAAYc,YAAYO,GACjDP,GAAaA,EAAYO,EAAI,EAEnCN,UAAYM,IACNrB,EAAYe,WAAWf,EAAYe,UAAUM,GAC7CN,GAAWA,EAAUM,EAAI,EAE/BL,QAAUK,IACJrB,EAAYgB,SAAShB,EAAYgB,QAAQK,GACzCL,GAASA,EAAQK,EAAI,GAE3B,EAGNC,eAAgBA,CAACC,EAAcd,KAC7B,MAAM/C,IAAEA,EAAKoB,UAAW0C,EAAuBR,QAAEA,EAAOF,YAAEA,GAAgBS,EAE1E,OAAOtB,EACLQ,EAEAxC,~~WAAAwD~~,~~IAACvD~~,oBAAoB,CACnBR,IAAKA,EACLoB,UAAW0C,~~EACXE~~,~~KAAMjC~~,EACND,QAAS,CACP0B,gBAAiB1B,~~EAAQmC~~,~~wBAE3BhC~~,OAAQA,EACRqB,QAASA,EACTF,YAAaA,~~EAAYc~~,~~SAExBnB~~,GAEJ,GAEH,GAGN,~~CACEoB~~,~~MAAQpE~~,GAAWA,~~EAAMqE~~,MAAQC,~~MAAWA~~,~~YAAGC~~,~~MAAMA~~,~~MACrDC~~,YAxJiB,WA2JrB,CACEC,UAAWC,gBAAAA,yCA5JQ"}
1	+ {"version":3,"file":"Dialog.js","sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport ReactModal from 'react-modal'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { withTranslation } from 'hocs/withTranslation'\nimport type { InjectedTranslationProps } from 'hocs/withTranslation'\nimport { DialogComponent } from 'components/DialogComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { useScrollLock } from 'hooks/useScrollLock'\nimport { SIZES, SIZES_FANCY } from './sizes'\nimport { POSITIONS } from './positions'\nimport * as Styled from './style'\nimport type { DialogProps, TranslationDialogComponentProps } from './types'\n\nconst COMPONENT_NAME = 'Dialog'\n\nconst TranslationDialogComponent = withTranslation<HTMLDivElement, TranslationDialogComponentProps>(\n forwardRef<HTMLDivElement, InjectedTranslationProps<HTMLDivElement, TranslationDialogComponentProps>>(\n (props, ref) => {\n const { positions = {}, translated, ...restProps } = props\n\n const dialogPositions = translated ? {} : deepmerge(POSITIONS, positions)\n\n return <Styled.PositionedDialogComponent {...restProps} positions={dialogPositions} ref={ref} />\n }\n )\n)\n\n/*\n \n * Компонент для отображения контента поверх основного интерфейса.\n \n Поддерживаются все нативные атрибуты \\<div\\> элемента.\n */\nconst Dialog: React.ForwardRefExoticComponent<DialogProps> & { Component: typeof DialogComponent } = Object.assign(\n withMergedProps<DialogProps, HTMLDivElement>(\n (props) => {\n const {\n size = 's',\n position = 'center',\n role = 'dialog',\n open,\n preventScrollAfterClose,\n closeTimeoutMS,\n portalClassName,\n className,\n bodyOpenClassName,\n htmlOpenClassName,\n overlayClassName,\n shouldCloseOnOverlayClick,\n shouldCloseOnEsc,\n shouldReturnFocusAfterClose,\n parentSelector,\n overlayRef,\n contentRef,\n palette,\n overlayBlur,\n overlayDisabled,\n zIndex,\n scrollLock,\n onAfterOpen,\n onAfterClose,\n onRequestClose,\n ...dialogProps\n } = props\n\n const overlayElementDisabled = dialogProps.draggable \|\| overlayDisabled\n\n useScrollLock(\n scrollLock \|\| {\n locked: false,\n }\n )\n\n return (\n <ReactModal\n isOpen={open}\n ariaHideApp={false}\n preventScroll={preventScrollAfterClose}\n closeTimeoutMS={closeTimeoutMS}\n portalClassName={portalClassName}\n className={className}\n bodyOpenClassName={bodyOpenClassName}\n htmlOpenClassName={htmlOpenClassName}\n overlayClassName={overlayClassName}\n shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n shouldCloseOnEsc={shouldCloseOnEsc}\n shouldReturnFocusAfterClose={shouldReturnFocusAfterClose}\n parentSelector={parentSelector}\n overlayRef={overlayRef}\n contentRef={contentRef}\n onAfterOpen={onAfterOpen}\n onAfterClose={onAfterClose}\n onRequestClose={onRequestClose}\n contentElement={(contentProps) => {\n const {\n ref,\n className: contentElementClassName,\n tabIndex,\n onKeyDown,\n onMouseDown,\n onMouseUp,\n onClick,\n } = contentProps\n\n return (\n <TranslationDialogComponent\n {...dialogProps}\n ref={ref}\n size={size}\n role={role}\n className={contentElementClassName}\n tabIndex={tabIndex}\n position={position}\n aria-modal={!dialogProps.draggable && !overlayDisabled}\n palette={{\n color: palette.color,\n backgroundColor: palette.backgroundColor,\n shadowColor: palette.shadowColor,\n }}\n zIndex={overlayElementDisabled ? zIndex : undefined}\n onKeyDown={(evt) => {\n if (dialogProps.onKeyDown) dialogProps.onKeyDown(evt)\n if (onKeyDown) onKeyDown(evt)\n }}\n onMouseDown={(evt) => {\n if (dialogProps.onMouseDown) dialogProps.onMouseDown(evt)\n if (onMouseDown) onMouseDown(evt)\n }}\n onMouseUp={(evt) => {\n if (dialogProps.onMouseUp) dialogProps.onMouseUp(evt)\n if (onMouseUp) onMouseUp(evt)\n }}\n onClick={(evt) => {\n if (dialogProps.onClick) dialogProps.onClick(evt)\n if (onClick) onClick(evt)\n }}\n />\n )\n }}\n overlayElement={(overlayProps, contentElement) => {\n const { ref, className: overlayElementClassName, onClick, onMouseDown } = overlayProps\n\n return overlayElementDisabled ? (\n contentElement\n ) : (\n <Styled.DialogOverlay\n ref={ref}\n className={overlayElementClassName}\n blur={overlayBlur}\n palette={{\n backgroundColor: palette.overlayBackgroundColor,\n }}\n zIndex={zIndex}\n onClick={onClick}\n onMouseDown={onMouseDown}\n >\n {contentElement}\n </Styled.DialogOverlay>\n )\n }}\n />\n )\n },\n {\n sizes: (props) => (props.fancy ? SIZES_FANCY : SIZES),\n displayName: COMPONENT_NAME,\n }\n ),\n {\n Component: DialogComponent,\n }\n)\n\nexport { Dialog }\n\nexport { COMPONENT_NAME }\n"],"names":["TranslationDialogComponent","withTranslation","forwardRef","props","ref","positions","translated","restProps","dialogPositions","deepmerge","POSITIONS","_jsx","Styled","Dialog","Object","assign","withMergedProps","size","position","role","open","preventScrollAfterClose","closeTimeoutMS","portalClassName","className","bodyOpenClassName","htmlOpenClassName","overlayClassName","shouldCloseOnOverlayClick","shouldCloseOnEsc","shouldReturnFocusAfterClose","parentSelector","overlayRef","contentRef","palette","overlayBlur","overlayDisabled","zIndex","scrollLock","onAfterOpen","onAfterClose","onRequestClose","dialogProps","overlayElementDisabled","draggable","useScrollLock","locked","ReactModal","isOpen","ariaHideApp","preventScroll","contentElement","contentProps","contentElementClassName","tabIndex","onKeyDown","onMouseDown","onMouseUp","onClick","color","backgroundColor","shadowColor","undefined","evt","overlayElement","overlayProps","overlayElementClassName","blur","overlayBackgroundColor","children","sizes","fancy","SIZES_FANCY","SIZES","displayName","Component","DialogComponent"],"mappings":"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"}