npm - bi-utils-gpn - Versions diffs - 1.0.1 → 1.0.2 - Mend

bi-utils-gpn 1.0.1 → 1.0.2

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 (206) hide show

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KpiLayoutContent.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text, TextPropView } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutContent {\r\n value?: number \| null;\r\n valueAlternative?: string;\r\n valueMeasure?: string;\r\n valueView?: TextPropView;\r\n valuePercent?: number;\r\n valuePercentView?: TextPropView;\r\n lastPeriodDifference?: number;\r\n lastPeriodDifferenceMeasure?: string;\r\n lastPeriodDifferencePercent?: boolean;\r\n lastPeriodDifferenceAlternative?: string;\r\n lastPeriodDifferenceView?: TextPropView;\r\n showValueWithPercentView?: TextPropView;\r\n}\r\n\r\nexport const KpiLayoutContent: React.FC<IKpiLayoutContent> = ({\r\n value,\r\n valuePercent,\r\n ...props\r\n}) => {\r\n let view: TextPropView = 'primary';\r\n let content: React.ReactNode;\r\n const valueCondition = value \|\| value === 0;\r\n const valuePercentCondition = valuePercent \|\| valuePercent === 0;\r\n\r\n if (props.lastPeriodDifferenceAlternative) {\r\n view = props?.lastPeriodDifferenceView \|\| 'success';\r\n content = <>{props.lastPeriodDifferenceAlternative}</>;\r\n } else if (props.lastPeriodDifference && props?.lastPeriodDifference > 0) {\r\n view = props?.lastPeriodDifferenceView \|\| 'success';\r\n content = (\r\n <>\r\n {'+' + props?.lastPeriodDifference}\r\n {props?.lastPeriodDifferencePercent && '%'}\r\n {props?.lastPeriodDifferenceMeasure &&\r\n props?.lastPeriodDifferenceMeasure}\r\n </>\r\n );\r\n } else if (props?.lastPeriodDifference === 0) {\r\n view = props?.lastPeriodDifferenceView \|\| 'ghost';\r\n content = <>{props?.lastPeriodDifference}</>;\r\n } else if (props.lastPeriodDifference && props?.lastPeriodDifference < 0) {\r\n view = props?.lastPeriodDifferenceView \|\| 'alert';\r\n content = (\r\n <>\r\n {props?.lastPeriodDifference}\r\n {props?.lastPeriodDifferencePercent && '%'}\r\n {props?.lastPeriodDifferenceMeasure &&\r\n props?.lastPeriodDifferenceMeasure}\r\n </>\r\n );\r\n } else {\r\n content = <></>;\r\n }\r\n\r\n return (\r\n <Layout direction=\"row\" className=\"kpi-layout__content\">\r\n {props.valueAlternative ? (\r\n <Text\r\n size=\"2xl\"\r\n weight=\"semibold\"\r\n lineHeight=\"xs\"\r\n view={props?.valueView \|\| 'primary'}\r\n >\r\n {props.valueAlternative}\r\n </Text>\r\n ) : valueCondition && valuePercentCondition ? (\r\n <Text\r\n size=\"2xl\"\r\n weight=\"semibold\"\r\n lineHeight=\"xs\"\r\n view={props?.showValueWithPercentView \|\| 'primary'}\r\n >\r\n {value +\r\n ' ' +\r\n (props?.valueMeasure \|\| '') +\r\n ' \| ' +\r\n valuePercent +\r\n '%'}\r\n </Text>\r\n ) : (\r\n <>\r\n {valueCondition && (\r\n <Text\r\n size=\"2xl\"\r\n weight=\"semibold\"\r\n lineHeight=\"xs\"\r\n view={props?.valueView \|\| 'primary'}\r\n >\r\n {value + ' ' + (props?.valueMeasure \|\| '')}\r\n </Text>\r\n )}\r\n {valuePercentCondition && (\r\n <Text\r\n size=\"2xl\"\r\n weight=\"semibold\"\r\n lineHeight=\"xs\"\r\n view={props?.valuePercentView \|\| 'primary'}\r\n >\r\n {valuePercent + '%'}\r\n </Text>\r\n )}\r\n </>\r\n )}\r\n <Text className=\"kpi-layout__content_lpd\" size=\"xl\" view={view}>\r\n {content}\r\n </Text>\r\n </Layout>\r\n );\r\n};\r\n"],"names":["__rest","_jsx","_Fragment","_jsxs","Layout","Text"],"mappings":"~~;;;;;;;~~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"}
1	+ {"version":3,"file":"KpiLayoutContent.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text, TextPropView } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutContent {\r\n value?: number \| null;\r\n valueAlternative?: string;\r\n valueMeasure?: string;\r\n valueView?: TextPropView;\r\n valuePercent?: number;\r\n valuePercentView?: TextPropView;\r\n lastPeriodDifference?: number;\r\n lastPeriodDifferenceMeasure?: string;\r\n lastPeriodDifferencePercent?: boolean;\r\n lastPeriodDifferenceAlternative?: string;\r\n lastPeriodDifferenceView?: TextPropView;\r\n showValueWithPercentView?: TextPropView;\r\n}\r\n\r\nexport const KpiLayoutContent: React.FC<IKpiLayoutContent> = ({\r\n value,\r\n valuePercent,\r\n ...props\r\n}) => {\r\n let view: TextPropView = 'primary';\r\n let content: React.ReactNode;\r\n const valueCondition = value \|\| value === 0;\r\n const valuePercentCondition = valuePercent \|\| valuePercent === 0;\r\n\r\n if (props.lastPeriodDifferenceAlternative) {\r\n view = props?.lastPeriodDifferenceView \|\| 'success';\r\n content = <>{props.lastPeriodDifferenceAlternative}</>;\r\n } else if (props.lastPeriodDifference && props?.lastPeriodDifference > 0) {\r\n view = props?.lastPeriodDifferenceView \|\| 'success';\r\n content = (\r\n <>\r\n {'+' + props?.lastPeriodDifference}\r\n {props?.lastPeriodDifferencePercent && '%'}\r\n {props?.lastPeriodDifferenceMeasure &&\r\n props?.lastPeriodDifferenceMeasure}\r\n </>\r\n );\r\n } else if (props?.lastPeriodDifference === 0) {\r\n view = props?.lastPeriodDifferenceView \|\| 'ghost';\r\n content = <>{props?.lastPeriodDifference}</>;\r\n } else if (props.lastPeriodDifference && props?.lastPeriodDifference < 0) {\r\n view = props?.lastPeriodDifferenceView \|\| 'alert';\r\n content = (\r\n <>\r\n {props?.lastPeriodDifference}\r\n {props?.lastPeriodDifferencePercent && '%'}\r\n {props?.lastPeriodDifferenceMeasure &&\r\n props?.lastPeriodDifferenceMeasure}\r\n </>\r\n );\r\n } else {\r\n content = <></>;\r\n }\r\n\r\n return (\r\n <Layout direction=\"row\" className=\"kpi-layout__content\">\r\n {props.valueAlternative ? (\r\n <Text\r\n size=\"2xl\"\r\n weight=\"semibold\"\r\n lineHeight=\"xs\"\r\n view={props?.valueView \|\| 'primary'}\r\n >\r\n {props.valueAlternative}\r\n </Text>\r\n ) : valueCondition && valuePercentCondition ? (\r\n <Text\r\n size=\"2xl\"\r\n weight=\"semibold\"\r\n lineHeight=\"xs\"\r\n view={props?.showValueWithPercentView \|\| 'primary'}\r\n >\r\n {value +\r\n ' ' +\r\n (props?.valueMeasure \|\| '') +\r\n ' \| ' +\r\n valuePercent +\r\n '%'}\r\n </Text>\r\n ) : (\r\n <>\r\n {valueCondition && (\r\n <Text\r\n size=\"2xl\"\r\n weight=\"semibold\"\r\n lineHeight=\"xs\"\r\n view={props?.valueView \|\| 'primary'}\r\n >\r\n {value + ' ' + (props?.valueMeasure \|\| '')}\r\n </Text>\r\n )}\r\n {valuePercentCondition && (\r\n <Text\r\n size=\"2xl\"\r\n weight=\"semibold\"\r\n lineHeight=\"xs\"\r\n view={props?.valuePercentView \|\| 'primary'}\r\n >\r\n {valuePercent + '%'}\r\n </Text>\r\n )}\r\n </>\r\n )}\r\n <Text className=\"kpi-layout__content_lpd\" size=\"xl\" view={view}>\r\n {content}\r\n </Text>\r\n </Layout>\r\n );\r\n};\r\n"],"names":["__rest","_jsx","_Fragment","_jsxs","Layout","Text"],"mappings":"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"}

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutHeader.js CHANGED Viewed

@@ -7,6 +7,7 @@ var Card = require('@consta/uikit/Card');
 var Layout = require('@consta/uikit/Layout');
 var Popover = require('@consta/uikit/Popover');
 var Text = require('@consta/uikit/Text');
+require('../KpiLayout.scss.js');
 const KpiLayoutHeader = ({ title, showQuestion, questionLabel, onQuestionClick, }) => {
     const [position, setPosition] = React.useState();

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KpiLayoutHeader.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { IconQuestion } from '@consta/icons/IconQuestion';\r\nimport { Card } from '@consta/uikit/Card';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Popover } from '@consta/uikit/Popover';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutHeader {\r\n title: string;\r\n showQuestion?: boolean;\r\n questionLabel?: string;\r\n onQuestionClick?: React.EventHandler<React.MouseEvent>;\r\n}\r\n\r\ninterface IPosition {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nexport const KpiLayoutHeader: React.FC<IKpiLayoutHeader> = ({\r\n title,\r\n showQuestion,\r\n questionLabel,\r\n onQuestionClick,\r\n}) => {\r\n const [position, setPosition] = useState<IPosition \| undefined>();\r\n\r\n const handleMouseMove = (event: React.MouseEvent) => {\r\n setPosition({ x: event.clientX, y: event.clientY });\r\n };\r\n\r\n return (\r\n <Layout direction=\"row\" className=\"kpi-layout__header\">\r\n <Text\r\n weight=\"semibold\"\r\n size=\"s\"\r\n lineHeight=\"m\"\r\n className=\"kpi-layout__header_title\"\r\n >\r\n {title}\r\n {showQuestion && (\r\n <>\r\n <IconQuestion\r\n view=\"ghost\"\r\n size=\"s\"\r\n className=\"kpi-layout__header_question-icon\"\r\n onMouseMove={handleMouseMove}\r\n onMouseLeave={() => setPosition(undefined)}\r\n onClick={onQuestionClick}\r\n />\r\n {questionLabel && (\r\n <Popover\r\n direction=\"upRight\"\r\n spareDirection=\"rightCenter\"\r\n position={position}\r\n isInteractive={false}\r\n placeholder={undefined}\r\n onPointerEnterCapture={undefined}\r\n onPointerLeaveCapture={undefined}\r\n >\r\n <Card\r\n className=\"kpi-layout__header_popover\"\r\n verticalSpace=\"s\"\r\n horizontalSpace=\"s\"\r\n >\r\n <Text\r\n size=\"xs\"\r\n dangerouslySetInnerHTML={{\r\n __html: questionLabel!,\r\n }}\r\n ></Text>\r\n </Card>\r\n </Popover>\r\n )}\r\n </>\r\n )}\r\n </Text>\r\n </Layout>\r\n );\r\n};\r\n"],"names":["useState","_jsx","Layout","_jsxs","Text","_Fragment","IconQuestion","Popover","Card"],"mappings":"~~;;;;;;;;;;~~AAqBO,MAAM,eAAe,GAA+B,CAAC,EAC1D,KAAK,EACL,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,KAAI;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,EAAyB,CAAC;AAElE,IAAA,MAAM,eAAe,GAAG,CAAC,KAAuB,KAAI;AAClD,QAAA,WAAW,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACtD,KAAC,CAAC;AAEF,IAAA,QACEC,cAAA,CAACC,aAAM,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,oBAAoB,EAAA,QAAA,EACpDC,eAAC,CAAAC,SAAI,EACH,EAAA,MAAM,EAAC,UAAU,EACjB,IAAI,EAAC,GAAG,EACR,UAAU,EAAC,GAAG,EACd,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAEnC,KAAK,EACL,YAAY,KACXD,eAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,cAAC,CAAAK,yBAAY,EACX,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,kCAAkC,EAC5C,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,MAAM,WAAW,CAAC,SAAS,CAAC,EAC1C,OAAO,EAAE,eAAe,EAAA,CACxB,EACD,aAAa,KACZL,cAAC,CAAAM,eAAO,EACN,EAAA,SAAS,EAAC,SAAS,EACnB,cAAc,EAAC,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,SAAS,EACtB,qBAAqB,EAAE,SAAS,EAChC,qBAAqB,EAAE,SAAS,EAAA,QAAA,EAEhCN,cAAC,CAAAO,SAAI,EACH,EAAA,SAAS,EAAC,4BAA4B,EACtC,aAAa,EAAC,GAAG,EACjB,eAAe,EAAC,GAAG,EAEnB,QAAA,EAAAP,cAAA,CAACG,SAAI,EAAA,EACH,IAAI,EAAC,IAAI,EACT,uBAAuB,EAAE;AACvB,wCAAA,MAAM,EAAE,aAAc;qCACvB,EACK,CAAA,EAAA,CACH,GACC,CACX,CAAA,EAAA,CACA,CACJ,CACI,EAAA,CAAA,EAAA,CACA,EACT;AACJ;;;;"}
1	+ {"version":3,"file":"KpiLayoutHeader.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutHeader.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { IconQuestion } from '@consta/icons/IconQuestion';\r\nimport { Card } from '@consta/uikit/Card';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Popover } from '@consta/uikit/Popover';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutHeader {\r\n title: string;\r\n showQuestion?: boolean;\r\n questionLabel?: string;\r\n onQuestionClick?: React.EventHandler<React.MouseEvent>;\r\n}\r\n\r\ninterface IPosition {\r\n x: number;\r\n y: number;\r\n}\r\n\r\nexport const KpiLayoutHeader: React.FC<IKpiLayoutHeader> = ({\r\n title,\r\n showQuestion,\r\n questionLabel,\r\n onQuestionClick,\r\n}) => {\r\n const [position, setPosition] = useState<IPosition \| undefined>();\r\n\r\n const handleMouseMove = (event: React.MouseEvent) => {\r\n setPosition({ x: event.clientX, y: event.clientY });\r\n };\r\n\r\n return (\r\n <Layout direction=\"row\" className=\"kpi-layout__header\">\r\n <Text\r\n weight=\"semibold\"\r\n size=\"s\"\r\n lineHeight=\"m\"\r\n className=\"kpi-layout__header_title\"\r\n >\r\n {title}\r\n {showQuestion && (\r\n <>\r\n <IconQuestion\r\n view=\"ghost\"\r\n size=\"s\"\r\n className=\"kpi-layout__header_question-icon\"\r\n onMouseMove={handleMouseMove}\r\n onMouseLeave={() => setPosition(undefined)}\r\n onClick={onQuestionClick}\r\n />\r\n {questionLabel && (\r\n <Popover\r\n direction=\"upRight\"\r\n spareDirection=\"rightCenter\"\r\n position={position}\r\n isInteractive={false}\r\n placeholder={undefined}\r\n onPointerEnterCapture={undefined}\r\n onPointerLeaveCapture={undefined}\r\n >\r\n <Card\r\n className=\"kpi-layout__header_popover\"\r\n verticalSpace=\"s\"\r\n horizontalSpace=\"s\"\r\n >\r\n <Text\r\n size=\"xs\"\r\n dangerouslySetInnerHTML={{\r\n __html: questionLabel!,\r\n }}\r\n ></Text>\r\n </Card>\r\n </Popover>\r\n )}\r\n </>\r\n )}\r\n </Text>\r\n </Layout>\r\n );\r\n};\r\n"],"names":["useState","_jsx","Layout","_jsxs","Text","_Fragment","IconQuestion","Popover","Card"],"mappings":";;;;;;;;;;;AAqBO,MAAM,eAAe,GAA+B,CAAC,EAC1D,KAAK,EACL,YAAY,EACZ,aAAa,EACb,eAAe,GAChB,KAAI;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,EAAyB,CAAC;AAElE,IAAA,MAAM,eAAe,GAAG,CAAC,KAAuB,KAAI;AAClD,QAAA,WAAW,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AACtD,KAAC,CAAC;AAEF,IAAA,QACEC,cAAA,CAACC,aAAM,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,SAAS,EAAC,oBAAoB,EAAA,QAAA,EACpDC,eAAC,CAAAC,SAAI,EACH,EAAA,MAAM,EAAC,UAAU,EACjB,IAAI,EAAC,GAAG,EACR,UAAU,EAAC,GAAG,EACd,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CAEnC,KAAK,EACL,YAAY,KACXD,eAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,cAAC,CAAAK,yBAAY,EACX,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,kCAAkC,EAC5C,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,MAAM,WAAW,CAAC,SAAS,CAAC,EAC1C,OAAO,EAAE,eAAe,EAAA,CACxB,EACD,aAAa,KACZL,cAAC,CAAAM,eAAO,EACN,EAAA,SAAS,EAAC,SAAS,EACnB,cAAc,EAAC,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,KAAK,EACpB,WAAW,EAAE,SAAS,EACtB,qBAAqB,EAAE,SAAS,EAChC,qBAAqB,EAAE,SAAS,EAAA,QAAA,EAEhCN,cAAC,CAAAO,SAAI,EACH,EAAA,SAAS,EAAC,4BAA4B,EACtC,aAAa,EAAC,GAAG,EACjB,eAAe,EAAC,GAAG,EAEnB,QAAA,EAAAP,cAAA,CAACG,SAAI,EAAA,EACH,IAAI,EAAC,IAAI,EACT,uBAAuB,EAAE;AACvB,wCAAA,MAAM,EAAE,aAAc;qCACvB,EACK,CAAA,EAAA,CACH,GACC,CACX,CAAA,EAAA,CACA,CACJ,CACI,EAAA,CAAA,EAAA,CACA,EACT;AACJ;;;;"}

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutInfo.js CHANGED Viewed

@@ -5,6 +5,7 @@ var IconForward = require('@consta/icons/IconForward');
 var Button = require('@consta/uikit/Button');
 var Layout = require('@consta/uikit/Layout');
 var Text = require('@consta/uikit/Text');
+require('../KpiLayout.scss.js');
 const KpiLayoutInfo = ({ info, infoAlternative, showButtonDetails, onButtonDetailsClick, }) => {
     const infoContent = infoAlternative

package/dist/cjs/ui-components/KpiLayout/Modules/KpiLayoutInfo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"KpiLayoutInfo.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutInfo.tsx"],"sourcesContent":["import React from 'react';\r\nimport { IconForward } from '@consta/icons/IconForward';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutInfo {\r\n info?: string;\r\n infoAlternative?: string;\r\n showButtonDetails?: boolean;\r\n onButtonDetailsClick?: React.EventHandler<React.MouseEvent>;\r\n}\r\n\r\nexport const KpiLayoutInfo: React.FC<IKpiLayoutInfo> = ({\r\n info,\r\n infoAlternative,\r\n showButtonDetails,\r\n onButtonDetailsClick,\r\n}) => {\r\n const infoContent = infoAlternative\r\n ? infoAlternative\r\n : info && 'По отношению к ' + info;\r\n return (\r\n <Layout direction=\"row\" flex={1} className=\"kpi-layout__info\">\r\n <Text size=\"xs\" lineHeight=\"xs\" view=\"secondary\">\r\n {infoContent}\r\n </Text>\r\n {showButtonDetails && (\r\n <Button\r\n label=\"Подробнее\"\r\n view=\"clear\"\r\n size=\"xs\"\r\n onClick={onButtonDetailsClick}\r\n iconRight={IconForward}\r\n />\r\n )}\r\n </Layout>\r\n );\r\n};\r\n"],"names":["_jsxs","Layout","_jsx","Text","Button","IconForward"],"mappings":"~~;;;;;;;;~~AAeO,MAAM,aAAa,GAA6B,CAAC,EACtD,IAAI,EACJ,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACrB,KAAI;IACH,MAAM,WAAW,GAAG,eAAe;AACjC,UAAE,eAAe;AACjB,UAAE,IAAI,IAAI,iBAAiB,GAAG,IAAI,CAAC;AACrC,IAAA,QACEA,eAAA,CAACC,aAAM,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAC3DC,cAAC,CAAAC,SAAI,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAA,QAAA,EAC7C,WAAW,EAAA,CACP,EACN,iBAAiB,KAChBD,cAAC,CAAAE,aAAM,EACL,EAAA,KAAK,EAAC,wDAAW,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAEC,uBAAW,EAAA,CACtB,CACH,CAAA,EAAA,CACM,EACT;AACJ;;;;"}
1	+ {"version":3,"file":"KpiLayoutInfo.js","sources":["../../../../../src/ui-components/KpiLayout/Modules/KpiLayoutInfo.tsx"],"sourcesContent":["import React from 'react';\r\nimport { IconForward } from '@consta/icons/IconForward';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Text } from '@consta/uikit/Text';\r\n\r\nimport '../KpiLayout.scss';\r\n\r\nexport interface IKpiLayoutInfo {\r\n info?: string;\r\n infoAlternative?: string;\r\n showButtonDetails?: boolean;\r\n onButtonDetailsClick?: React.EventHandler<React.MouseEvent>;\r\n}\r\n\r\nexport const KpiLayoutInfo: React.FC<IKpiLayoutInfo> = ({\r\n info,\r\n infoAlternative,\r\n showButtonDetails,\r\n onButtonDetailsClick,\r\n}) => {\r\n const infoContent = infoAlternative\r\n ? infoAlternative\r\n : info && 'По отношению к ' + info;\r\n return (\r\n <Layout direction=\"row\" flex={1} className=\"kpi-layout__info\">\r\n <Text size=\"xs\" lineHeight=\"xs\" view=\"secondary\">\r\n {infoContent}\r\n </Text>\r\n {showButtonDetails && (\r\n <Button\r\n label=\"Подробнее\"\r\n view=\"clear\"\r\n size=\"xs\"\r\n onClick={onButtonDetailsClick}\r\n iconRight={IconForward}\r\n />\r\n )}\r\n </Layout>\r\n );\r\n};\r\n"],"names":["_jsxs","Layout","_jsx","Text","Button","IconForward"],"mappings":";;;;;;;;;AAeO,MAAM,aAAa,GAA6B,CAAC,EACtD,IAAI,EACJ,eAAe,EACf,iBAAiB,EACjB,oBAAoB,GACrB,KAAI;IACH,MAAM,WAAW,GAAG,eAAe;AACjC,UAAE,eAAe;AACjB,UAAE,IAAI,IAAI,iBAAiB,GAAG,IAAI,CAAC;AACrC,IAAA,QACEA,eAAA,CAACC,aAAM,EAAA,EAAC,SAAS,EAAC,KAAK,EAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,CAC3DC,cAAC,CAAAC,SAAI,EAAC,EAAA,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAA,QAAA,EAC7C,WAAW,EAAA,CACP,EACN,iBAAiB,KAChBD,cAAC,CAAAE,aAAM,EACL,EAAA,KAAK,EAAC,wDAAW,EACjB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,oBAAoB,EAC7B,SAAS,EAAEC,uBAAW,EAAA,CACtB,CACH,CAAA,EAAA,CACM,EACT;AACJ;;;;"}

package/dist/cjs/ui-components/KpiLayout/index.js CHANGED Viewed

@@ -7,6 +7,7 @@ var Loader = require('@consta/uikit/Loader');
 var KpiLayoutContent = require('./Modules/KpiLayoutContent.js');
 var KpiLayoutHeader = require('./Modules/KpiLayoutHeader.js');
 var KpiLayoutInfo = require('./Modules/KpiLayoutInfo.js');
+require('./KpiLayout.scss.js');
 const KpiLayout = (props) => {
     return (jsxRuntime.jsx("div", { className: cn('kpi-layout', props.className), children: props.isLoading ? (jsxRuntime.jsx(Layout.Layout, { className: "kpi-layout__loaderContainer", children: jsxRuntime.jsx(Loader.Loader, { style: { marginTop: props === null || props === void 0 ? void 0 : props.loaderMarginTop } }) })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Layout.Layout, { className: "kpi-layout__wrapper", children: jsxRuntime.jsxs(Layout.Layout, { direction: "column", children: [jsxRuntime.jsx(KpiLayoutHeader.KpiLayoutHeader, Object.assign({}, props)), jsxRuntime.jsx(KpiLayoutContent.KpiLayoutContent, Object.assign({}, props)), jsxRuntime.jsx(KpiLayoutInfo.KpiLayoutInfo, { info: props.info, infoAlternative: props.infoAlternative, showButtonDetails: props.showButtonDetails, onButtonDetailsClick: props.onButtonDetailsClick })] }) }), jsxRuntime.jsx("div", { style: { height: props.height || '40px' }, children: props.children && props.children })] })) }));

package/dist/cjs/ui-components/KpiLayout/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/ui-components/KpiLayout/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Loader } from '@consta/uikit/Loader';\r\nimport { TextPropView } from '@consta/uikit/Text';\r\n\r\nimport { KpiLayoutContent, KpiLayoutHeader, KpiLayoutInfo } from './Modules';\r\n\r\nimport './KpiLayout.scss';\r\n\r\nexport interface IKpiLayout {\r\n title: string; //Заголовок\r\n showQuestion?: boolean; //Отображение знака вопроса (подсказки)\r\n questionLabel?: string; //Отображается при наведении на знак вопроса\r\n onQuestionClick?: React.EventHandler<React.MouseEvent>;\r\n value?: number \| null; //Отображение числового значения\r\n valueMeasure?: string; //Значение, в которых измеряется value\r\n valueAlternative?: string; //Отображение value в произвольном формате в виде строки\r\n valueView?: TextPropView;\r\n valuePercent?: number; //Отображение числового значения в процентах\r\n valuePercentView?: TextPropView;\r\n lastPeriodDifference?: number; //Разность с прошлым периодом\r\n lastPeriodDifferenceMeasure?: string; //Значение, в которых измеряется lastPeriodDifference\r\n lastPeriodDifferencePercent?: boolean; //Разность с прошлым периодом в процентах\r\n lastPeriodDifferenceAlternative?: string; //Отображение lastPeriodDifference в произвольном формате в виде строки\r\n lastPeriodDifferenceView?: TextPropView;\r\n showValueWithPercentView?: TextPropView;\r\n info?: string; //Информация о данных\r\n infoAlternative?: string; //Альтернативный текст информации о данных\r\n className?: string; //Стили для kpi-layout\r\n showButtonDetails?: boolean; //Кнопка подробнее\r\n onButtonDetailsClick?: React.EventHandler<React.MouseEvent>; //Кнопка подробнее\r\n height?: number \| string; //Высота echarts графика\r\n isLoading?: boolean; // Булеан свойство, отвечающее за отображение Loader\r\n loaderMarginTop?: number; // Отступ сверху для Loader\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport const KpiLayout: React.FC<IKpiLayout> = (props) => {\r\n return (\r\n <div className={classnames('kpi-layout', props.className)}>\r\n {props.isLoading ? (\r\n <Layout className=\"kpi-layout__loaderContainer\">\r\n <Loader style={{ marginTop: props?.loaderMarginTop }} />\r\n </Layout>\r\n ) : (\r\n <>\r\n <Layout className=\"kpi-layout__wrapper\">\r\n <Layout direction=\"column\">\r\n <KpiLayoutHeader {...props} />\r\n <KpiLayoutContent {...props} />\r\n <KpiLayoutInfo\r\n info={props.info}\r\n infoAlternative={props.infoAlternative}\r\n showButtonDetails={props.showButtonDetails}\r\n onButtonDetailsClick={props.onButtonDetailsClick}\r\n />\r\n </Layout>\r\n </Layout>\r\n <div style={{ height: props.height \|\| '40px' }}>\r\n {props.children && props.children}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n );\r\n};\r\n"],"names":["_jsx","classnames","Layout","Loader","_jsxs","_Fragment","KpiLayoutHeader","KpiLayoutContent","KpiLayoutInfo"],"mappings":"~~;;;;;;;;;;~~AAsCa,MAAA,SAAS,GAAyB,CAAC,KAAK,KAAI;AACvD,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,EAAU,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,YACtD,KAAK,CAAC,SAAS,IACdD,cAAA,CAACE,aAAM,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAC7CF,cAAC,CAAAG,aAAM,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,eAAe,EAAE,EAAA,CAAI,EACjD,CAAA,KAETC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEL,cAAC,CAAAE,aAAM,EAAC,EAAA,SAAS,EAAC,qBAAqB,EACrC,QAAA,EAAAE,eAAA,CAACF,aAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,EACxB,QAAA,EAAA,CAAAF,cAAA,CAACM,+BAAe,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,EAC9BN,cAAA,CAACO,iCAAgB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,EAC/BP,cAAA,CAACQ,2BAAa,EAAA,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAAA,CAChD,CACK,EAAA,CAAA,EAAA,CACF,EACTR,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,EAC3C,QAAA,EAAA,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAC7B,CAAA,CAAA,EAAA,CACL,CACJ,EAAA,CACG,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/ui-components/KpiLayout/index.tsx"],"sourcesContent":["import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { Layout } from '@consta/uikit/Layout';\r\nimport { Loader } from '@consta/uikit/Loader';\r\nimport { TextPropView } from '@consta/uikit/Text';\r\n\r\nimport { KpiLayoutContent, KpiLayoutHeader, KpiLayoutInfo } from './Modules';\r\n\r\nimport './KpiLayout.scss';\r\n\r\nexport interface IKpiLayout {\r\n title: string; //Заголовок\r\n showQuestion?: boolean; //Отображение знака вопроса (подсказки)\r\n questionLabel?: string; //Отображается при наведении на знак вопроса\r\n onQuestionClick?: React.EventHandler<React.MouseEvent>;\r\n value?: number \| null; //Отображение числового значения\r\n valueMeasure?: string; //Значение, в которых измеряется value\r\n valueAlternative?: string; //Отображение value в произвольном формате в виде строки\r\n valueView?: TextPropView;\r\n valuePercent?: number; //Отображение числового значения в процентах\r\n valuePercentView?: TextPropView;\r\n lastPeriodDifference?: number; //Разность с прошлым периодом\r\n lastPeriodDifferenceMeasure?: string; //Значение, в которых измеряется lastPeriodDifference\r\n lastPeriodDifferencePercent?: boolean; //Разность с прошлым периодом в процентах\r\n lastPeriodDifferenceAlternative?: string; //Отображение lastPeriodDifference в произвольном формате в виде строки\r\n lastPeriodDifferenceView?: TextPropView;\r\n showValueWithPercentView?: TextPropView;\r\n info?: string; //Информация о данных\r\n infoAlternative?: string; //Альтернативный текст информации о данных\r\n className?: string; //Стили для kpi-layout\r\n showButtonDetails?: boolean; //Кнопка подробнее\r\n onButtonDetailsClick?: React.EventHandler<React.MouseEvent>; //Кнопка подробнее\r\n height?: number \| string; //Высота echarts графика\r\n isLoading?: boolean; // Булеан свойство, отвечающее за отображение Loader\r\n loaderMarginTop?: number; // Отступ сверху для Loader\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport const KpiLayout: React.FC<IKpiLayout> = (props) => {\r\n return (\r\n <div className={classnames('kpi-layout', props.className)}>\r\n {props.isLoading ? (\r\n <Layout className=\"kpi-layout__loaderContainer\">\r\n <Loader style={{ marginTop: props?.loaderMarginTop }} />\r\n </Layout>\r\n ) : (\r\n <>\r\n <Layout className=\"kpi-layout__wrapper\">\r\n <Layout direction=\"column\">\r\n <KpiLayoutHeader {...props} />\r\n <KpiLayoutContent {...props} />\r\n <KpiLayoutInfo\r\n info={props.info}\r\n infoAlternative={props.infoAlternative}\r\n showButtonDetails={props.showButtonDetails}\r\n onButtonDetailsClick={props.onButtonDetailsClick}\r\n />\r\n </Layout>\r\n </Layout>\r\n <div style={{ height: props.height \|\| '40px' }}>\r\n {props.children && props.children}\r\n </div>\r\n </>\r\n )}\r\n </div>\r\n );\r\n};\r\n"],"names":["_jsx","classnames","Layout","Loader","_jsxs","_Fragment","KpiLayoutHeader","KpiLayoutContent","KpiLayoutInfo"],"mappings":";;;;;;;;;;;AAsCa,MAAA,SAAS,GAAyB,CAAC,KAAK,KAAI;AACvD,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,EAAU,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,YACtD,KAAK,CAAC,SAAS,IACdD,cAAA,CAACE,aAAM,EAAA,EAAC,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAC7CF,cAAC,CAAAG,aAAM,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,eAAe,EAAE,EAAA,CAAI,EACjD,CAAA,KAETC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEL,cAAC,CAAAE,aAAM,EAAC,EAAA,SAAS,EAAC,qBAAqB,EACrC,QAAA,EAAAE,eAAA,CAACF,aAAM,EAAA,EAAC,SAAS,EAAC,QAAQ,EACxB,QAAA,EAAA,CAAAF,cAAA,CAACM,+BAAe,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,EAC9BN,cAAA,CAACO,iCAAgB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAI,EAC/BP,cAAA,CAACQ,2BAAa,EAAA,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAAA,CAChD,CACK,EAAA,CAAA,EAAA,CACF,EACTR,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,EAAE,EAC3C,QAAA,EAAA,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,EAC7B,CAAA,CAAA,EAAA,CACL,CACJ,EAAA,CACG,EACN;AACJ;;;;"}

package/dist/cjs/ui-components/TableCustomFilters/TableCustomFilterContent.js CHANGED Viewed

@@ -11,6 +11,7 @@ var index = require('../ButtonsTooltip/index.js');
 var CompletedFiltersContext = require('../FilterComponents/Context/CompletedFiltersContext.js');
 require('@consta/icons/IconFunnel');
 require('@consta/uikit/Collapse');
+require('../FilterComponents/styles/ControlDashStyles.module.scss.js');
 require('@consta/uikit/DatePicker');
 require('@consta/uikit/Loader');
 require('axios');

package/dist/cjs/ui-components/TableCustomFilters/TableCustomFilterContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCustomFilterContent.js","sources":["../../../../src/ui-components/TableCustomFilters/TableCustomFilterContent.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\r\nimport { IAfterGuiAttachedParams } from 'ag-grid-enterprise';\r\nimport { useGridFilter } from 'ag-grid-react';\r\nimport { IconCancel } from '@consta/icons/IconCancel';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Layout } from '@consta/uikit/Layout';\r\n\r\nimport { IPosition } from '@/ui-components/types';\r\n\r\nimport { ButtonsTooltip } from '../ButtonsTooltip';\r\nimport { CompletedFiltersContext } from '../FilterComponents';\r\nimport { getFilterByType } from '../FilterComponents/helpers';\r\n\r\nimport { ITableCustomFilterProps } from './types';\r\n\r\nimport styles from './tableCustomFiltersStyles.module.scss';\r\n\r\nexport const TableCustomFilterContent: React.FC<ITableCustomFilterProps> = ({\r\n fieldsData,\r\n luxmsFilters,\r\n applyFilters,\r\n resetFilters,\r\n destroyFilter,\r\n}) => {\r\n const { completedFilters } = useContext(CompletedFiltersContext);\r\n\r\n const [position, setPosition] = useState<IPosition \| undefined>(undefined);\r\n const [tooltipName, setTooltipName] = useState('');\r\n const [closeFilter, setCloseFilter] = useState<(() => void) \| undefined>();\r\n\r\n const afterGuiAttached = useCallback(\r\n ({ hidePopup }: IAfterGuiAttachedParams) => {\r\n setCloseFilter(() => hidePopup);\r\n },\r\n []\r\n );\r\n\r\n useGridFilter({\r\n doesFilterPass: () => true,\r\n afterGuiAttached,\r\n });\r\n\r\n const handleMouseMove = (event: React.MouseEvent) => {\r\n setPosition({ x: event.clientX, y: event.clientY });\r\n };\r\n\r\n const handleClosePopup = () => {\r\n setPosition(undefined);\r\n if (destroyFilter) destroyFilter(fieldsData.field);\r\n if (closeFilter) closeFilter();\r\n };\r\n\r\n const handleResetClick = () => {\r\n if (resetFilters) {\r\n resetFilters();\r\n } else {\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n const { [fieldsData.field]: currentFilters, ...otherFilters } =\r\n luxmsFilters;\r\n\r\n applyFilters(otherFilters);\r\n handleClosePopup();\r\n }\r\n };\r\n\r\n const handleApplyClick = () => {\r\n applyFilters(completedFilters);\r\n\r\n if (closeFilter) {\r\n handleClosePopup();\r\n setPosition(undefined);\r\n }\r\n };\r\n\r\n return (\r\n <Layout direction=\"column\" className={styles.tableFilters}>\r\n {getFilterByType({\r\n fieldInfo: fieldsData,\r\n luxmsFilters,\r\n })}\r\n <Layout className={styles.tableFilters__footer}>\r\n <Button\r\n view=\"ghost\"\r\n label=\"Сбросить\"\r\n iconLeft={IconCancel}\r\n onClick={handleResetClick}\r\n size=\"s\"\r\n onMouseEnter={(position) => {\r\n handleMouseMove(position);\r\n setTooltipName('Сбросить фильтр по данному полю');\r\n }}\r\n onMouseLeave={() => {\r\n setPosition(undefined);\r\n setTooltipName('');\r\n }}\r\n />\r\n <Button\r\n view=\"primary\"\r\n label=\"Применить фильтр\"\r\n onClick={handleApplyClick}\r\n size=\"s\"\r\n onMouseEnter={(position) => {\r\n handleMouseMove(position);\r\n setTooltipName('Применить фильтр по данному полю');\r\n }}\r\n onMouseLeave={() => {\r\n setPosition(undefined);\r\n setTooltipName('');\r\n }}\r\n />\r\n </Layout>\r\n {position && tooltipName && (\r\n <ButtonsTooltip position={position} text={tooltipName} />\r\n )}\r\n </Layout>\r\n );\r\n};\r\n"],"names":["useContext","CompletedFiltersContext","useState","useCallback","useGridFilter","__rest","_jsxs","Layout","styles","getFilterByType","_jsx","Button","IconCancel","ButtonsTooltip"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"TableCustomFilterContent.js","sources":["../../../../src/ui-components/TableCustomFilters/TableCustomFilterContent.tsx"],"sourcesContent":["import React, { useCallback, useContext, useState } from 'react';\r\nimport { IAfterGuiAttachedParams } from 'ag-grid-enterprise';\r\nimport { useGridFilter } from 'ag-grid-react';\r\nimport { IconCancel } from '@consta/icons/IconCancel';\r\nimport { Button } from '@consta/uikit/Button';\r\nimport { Layout } from '@consta/uikit/Layout';\r\n\r\nimport { IPosition } from '@/ui-components/types';\r\n\r\nimport { ButtonsTooltip } from '../ButtonsTooltip';\r\nimport { CompletedFiltersContext } from '../FilterComponents';\r\nimport { getFilterByType } from '../FilterComponents/helpers';\r\n\r\nimport { ITableCustomFilterProps } from './types';\r\n\r\nimport styles from './tableCustomFiltersStyles.module.scss';\r\n\r\nexport const TableCustomFilterContent: React.FC<ITableCustomFilterProps> = ({\r\n fieldsData,\r\n luxmsFilters,\r\n applyFilters,\r\n resetFilters,\r\n destroyFilter,\r\n}) => {\r\n const { completedFilters } = useContext(CompletedFiltersContext);\r\n\r\n const [position, setPosition] = useState<IPosition \| undefined>(undefined);\r\n const [tooltipName, setTooltipName] = useState('');\r\n const [closeFilter, setCloseFilter] = useState<(() => void) \| undefined>();\r\n\r\n const afterGuiAttached = useCallback(\r\n ({ hidePopup }: IAfterGuiAttachedParams) => {\r\n setCloseFilter(() => hidePopup);\r\n },\r\n []\r\n );\r\n\r\n useGridFilter({\r\n doesFilterPass: () => true,\r\n afterGuiAttached,\r\n });\r\n\r\n const handleMouseMove = (event: React.MouseEvent) => {\r\n setPosition({ x: event.clientX, y: event.clientY });\r\n };\r\n\r\n const handleClosePopup = () => {\r\n setPosition(undefined);\r\n if (destroyFilter) destroyFilter(fieldsData.field);\r\n if (closeFilter) closeFilter();\r\n };\r\n\r\n const handleResetClick = () => {\r\n if (resetFilters) {\r\n resetFilters();\r\n } else {\r\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\r\n const { [fieldsData.field]: currentFilters, ...otherFilters } =\r\n luxmsFilters;\r\n\r\n applyFilters(otherFilters);\r\n handleClosePopup();\r\n }\r\n };\r\n\r\n const handleApplyClick = () => {\r\n applyFilters(completedFilters);\r\n\r\n if (closeFilter) {\r\n handleClosePopup();\r\n setPosition(undefined);\r\n }\r\n };\r\n\r\n return (\r\n <Layout direction=\"column\" className={styles.tableFilters}>\r\n {getFilterByType({\r\n fieldInfo: fieldsData,\r\n luxmsFilters,\r\n })}\r\n <Layout className={styles.tableFilters__footer}>\r\n <Button\r\n view=\"ghost\"\r\n label=\"Сбросить\"\r\n iconLeft={IconCancel}\r\n onClick={handleResetClick}\r\n size=\"s\"\r\n onMouseEnter={(position) => {\r\n handleMouseMove(position);\r\n setTooltipName('Сбросить фильтр по данному полю');\r\n }}\r\n onMouseLeave={() => {\r\n setPosition(undefined);\r\n setTooltipName('');\r\n }}\r\n />\r\n <Button\r\n view=\"primary\"\r\n label=\"Применить фильтр\"\r\n onClick={handleApplyClick}\r\n size=\"s\"\r\n onMouseEnter={(position) => {\r\n handleMouseMove(position);\r\n setTooltipName('Применить фильтр по данному полю');\r\n }}\r\n onMouseLeave={() => {\r\n setPosition(undefined);\r\n setTooltipName('');\r\n }}\r\n />\r\n </Layout>\r\n {position && tooltipName && (\r\n <ButtonsTooltip position={position} text={tooltipName} />\r\n )}\r\n </Layout>\r\n );\r\n};\r\n"],"names":["useContext","CompletedFiltersContext","useState","useCallback","useGridFilter","__rest","_jsxs","Layout","styles","getFilterByType","_jsx","Button","IconCancel","ButtonsTooltip"],"mappings":"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"}

package/dist/cjs/ui-components/TableCustomFilters/index.js CHANGED Viewed

@@ -6,6 +6,7 @@ var CompletedFiltersContext = require('../FilterComponents/Context/CompletedFilt
 require('react');
 require('@consta/icons/IconFunnel');
 require('@consta/uikit/Collapse');
+require('../FilterComponents/styles/ControlDashStyles.module.scss.js');
 require('@consta/uikit/DatePicker');
 require('@consta/uikit/Layout');
 require('@consta/uikit/Loader');

package/dist/cjs/ui-components/TableCustomFilters/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/ui-components/TableCustomFilters/index.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport { DatasetNameContextProvider } from '../CommonContexts';\r\nimport { CompletedFiltersContextProvider } from '../FilterComponents';\r\n\r\nimport { TableCustomFilterContent } from './TableCustomFilterContent';\r\nimport { ITableCustomFilterProps } from './types';\r\n\r\nexport const TableCustomFilter: React.FC<ITableCustomFilterProps> = (props) => {\r\n return (\r\n <DatasetNameContextProvider>\r\n <CompletedFiltersContextProvider initialFilters={props.luxmsFilters}>\r\n <TableCustomFilterContent {...props} />\r\n </CompletedFiltersContextProvider>\r\n </DatasetNameContextProvider>\r\n );\r\n};\r\n"],"names":["_jsx","DatasetNameContextProvider","CompletedFiltersContextProvider","TableCustomFilterContent"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAQa,MAAA,iBAAiB,GAAsC,CAAC,KAAK,KAAI;IAC5E,QACEA,eAACC,6CAA0B,EAAA,EAAA,QAAA,EACzBD,eAACE,uDAA+B,EAAA,EAAC,cAAc,EAAE,KAAK,CAAC,YAAY,EAAA,QAAA,EACjEF,eAACG,iDAAwB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,EAAA,CACP,EACP,CAAA,EAC7B;AACJ;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/ui-components/TableCustomFilters/index.tsx"],"sourcesContent":["import React from 'react';\r\n\r\nimport { DatasetNameContextProvider } from '../CommonContexts';\r\nimport { CompletedFiltersContextProvider } from '../FilterComponents';\r\n\r\nimport { TableCustomFilterContent } from './TableCustomFilterContent';\r\nimport { ITableCustomFilterProps } from './types';\r\n\r\nexport const TableCustomFilter: React.FC<ITableCustomFilterProps> = (props) => {\r\n return (\r\n <DatasetNameContextProvider>\r\n <CompletedFiltersContextProvider initialFilters={props.luxmsFilters}>\r\n <TableCustomFilterContent {...props} />\r\n </CompletedFiltersContextProvider>\r\n </DatasetNameContextProvider>\r\n );\r\n};\r\n"],"names":["_jsx","DatasetNameContextProvider","CompletedFiltersContextProvider","TableCustomFilterContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,iBAAiB,GAAsC,CAAC,KAAK,KAAI;IAC5E,QACEA,eAACC,6CAA0B,EAAA,EAAA,QAAA,EACzBD,eAACE,uDAA+B,EAAA,EAAC,cAAc,EAAE,KAAK,CAAC,YAAY,EAAA,QAAA,EACjEF,eAACG,iDAAwB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,EAAA,CACP,EACP,CAAA,EAC7B;AACJ;;;;"}

package/dist/cjs/ui-components/TableCustomFilters/tableCustomFiltersStyles.module.scss.js CHANGED Viewed

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
-var css_248z = ".tableCustomFiltersStyles-module__tableFilters___BVszk{padding:5px!important;width:300px}.tableCustomFiltersStyles-module__tableFilters__footer___bUkNm{display:flex;justify-content:space-around;padding-top:10px;width:100%}.tableCustomFiltersStyles-module__tableFilters__numberInput___YGZWN{margin:10px 0}.tableCustomFiltersStyles-module__tableFilters__numberInput_left___hIhzV{margin-right:10px}";
-var styles = {"tableFilters":"tableCustomFiltersStyles-module__tableFilters___BVszk","tableFilters__footer":"tableCustomFiltersStyles-module__tableFilters__footer___bUkNm","tableFilters__numberInput":"tableCustomFiltersStyles-module__tableFilters__numberInput___YGZWN","tableFilters__numberInput_left":"tableCustomFiltersStyles-module__tableFilters__numberInput_left___hIhzV"};
+var css_248z = ".tableCustomFiltersStyles-module_tableFilters__BVszk{padding:5px!important;width:300px}.tableCustomFiltersStyles-module_tableFilters__footer__bUkNm{display:flex;justify-content:space-around;padding-top:10px;width:100%}.tableCustomFiltersStyles-module_tableFilters__numberInput__YGZWN{margin:10px 0}.tableCustomFiltersStyles-module_tableFilters__numberInput_left__hIhzV{margin-right:10px}";
+var styles = {"tableFilters":"tableCustomFiltersStyles-module_tableFilters__BVszk","tableFilters__footer":"tableCustomFiltersStyles-module_tableFilters__footer__bUkNm","tableFilters__numberInput":"tableCustomFiltersStyles-module_tableFilters__numberInput__YGZWN","tableFilters__numberInput_left":"tableCustomFiltersStyles-module_tableFilters__numberInput_left__hIhzV"};
 styleInject_es.default(css_248z);
 exports.default = styles;

package/dist/esm/index.js CHANGED Viewed

@@ -1,8 +1,8 @@
 export { DsShellHeader } from './luxms-components/DsShellHeader/index.js';
 export { DsShellLeftPane } from './luxms-components/DsShellLeftPane/index.js';
-export { BlockFilters } from './ui-components/BlockFilters/BlockFilters.js';
+export { BlockFilters } from './ui-components/BlockFilters/index.js';
 export { ButtonsTooltip } from './ui-components/ButtonsTooltip/index.js';
-export { ControlDash } from './ui-components/ControlDash/ControlDash.js';
+export { ControlDash } from './ui-components/ControlDash/index.js';
 export { DashletHeader } from './ui-components/DashletHeader/index.js';
 export { DashletHeaderButton } from './ui-components/DashletHeaderButton/index.js';
 export { DashletHeaderModal } from './ui-components/DashletHeaderModal/index.js';

package/dist/esm/luxms-components/DsShellHeader/DsShellHeader.scss.js ADDED Viewed

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+var css_248z = "/*!\n    common variables/functions/settings\n    can be overrided via skin.json\n */:export{hasFullMainToolbar:false;mainFontFamily:\"Golos UI\";mainFontSize:16px;mainColor:var(--color6);font:16px Golos UI,Helvetica Neue,Helvetica,Arial,sans-serif}.DsShellHeader{display:flex;flex-direction:row;flex-wrap:nowrap;height:3.7rem;justify-content:flex-start}.DsShellHeader,.DsShellHeader>*{text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.DsShellHeader>*{overflow:hidden}.DsShellHeader .DsShellHeader__Toolbar{flex:2 100%;flex-grow:1;position:relative}.DsShellHeader__Logo{flex-grow:0;flex-shrink:0;text-overflow:clip;vertical-align:middle}.DsShellHeader__LogoLink{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;padding:0 10px;text-decoration:none}.DsShellHeader__LogoLink:hover{text-decoration:none}.MainToolbar .bi-icon{border-radius:.5rem;height:2rem;margin-right:1rem;width:2rem}.MainToolbar .bi-icon svg{fill:var(--color6);stroke:none;height:62%;width:62%}.MainToolbar .bi-icon.active,.MainToolbar .bi-icon:hover{box-shadow:var(--shadow_button)}.AccountList__Item{white-space:nowrap}.AppPane__content{border-top:none}.Menu__Separator{margin:1rem 0}.AppSider.custom .AppPane__headerContainer{margin-bottom:0}.AppSider.custom .AppPane__logoBox svg{height:2rem}.AppSider.custom .dashboard{-scrollbar-gutter:stable both-edges;flex-grow:1;flex-shrink:1;overflow:hidden auto;position:relative}";
+styleInject(css_248z);
+export { css_248z as default };
+//# sourceMappingURL=DsShellHeader.scss.js.map

package/dist/esm/luxms-components/DsShellHeader/DsShellHeader.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DsShellHeader.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/luxms-components/DsShellHeader/index.js CHANGED Viewed

@@ -7,6 +7,7 @@ import { useServiceItself, useService } from 'bi-internal/services';
 import { MainToolbarVC, ActionList, Profile, openModal, DlgAbout } from 'bi-internal/ui';
 import { skin, lang } from 'bi-internal/utils';
 import MainToolbar from '../lux_elements/MainToolbar/MainToolbar.js';
+import './DsShellHeader.scss.js';
 const DsShellHeader = React__default.memo(({ schema_name, dsTitle, dsDescription, dsUrl }) => {
     var _a;

package/dist/esm/luxms-components/DsShellHeader/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/luxms-components/DsShellHeader/index.tsx"],"sourcesContent":["//@ts-nocheck\r\n\r\nimport React, { useState } from 'react';\r\nimport { AuthenticationService } from 'bi-internal/core';\r\nimport { AccountTool, Header } from 'bi-internal/face';\r\nimport { useService, useServiceItself } from 'bi-internal/services';\r\nimport {\r\n ActionList,\r\n BIIcon,\r\n DlgAbout,\r\n MainToolbarVC,\r\n openModal,\r\n Profile,\r\n} from 'bi-internal/ui';\r\nimport { lang, skin } from 'bi-internal/utils';\r\n\r\nimport MainToolbar from '../lux_elements/MainToolbar/MainToolbar';\r\n\r\n// import { BreadcrumbControl } from './BreadcrumbControl';\r\nimport './DsShellHeader.scss';\r\n\r\ninterface IDsShellHeaderProps {\r\n schema_name: string;\r\n dsTitle: string;\r\n dsDescription: string;\r\n dsUrl: string;\r\n}\r\n\r\nexport const DsShellHeader = React.memo(\r\n ({ schema_name, dsTitle, dsDescription, dsUrl }: IDsShellHeaderProps) => {\r\n const authenticationService = useServiceItself<AuthenticationService>(\r\n AuthenticationService\r\n );\r\n const [accountMenuVisible, setAccountMenuVisible] = useState(false);\r\n const mainToolbar = useService<MainToolbarVC>(MainToolbarVC, schema_name);\r\n\r\n const onPressSignOut = async () => {\r\n await authenticationService.signOut();\r\n window.location.hash = '#';\r\n };\r\n\r\n const onPressAbout = () => {\r\n openModal(<DlgAbout />);\r\n };\r\n\r\n const handleHide = () => setAccountMenuVisible(false);\r\n const toggleShow = () => setAccountMenuVisible(!accountMenuVisible);\r\n\r\n const handleClickAction = (key: string) => {\r\n if (key === 'logout') onPressSignOut();\r\n if (key === 'about') onPressAbout();\r\n handleHide();\r\n };\r\n\r\n const toggleDatasetDescription = () => {\r\n // TODO\r\n };\r\n\r\n const title =\r\n skin.datasetLogoTitle \|\| authenticationService.getModel()?.username;\r\n\r\n const accountMenu = (\r\n <ActionList\r\n onClick={(key) => handleClickAction(key)}\r\n className=\"AccountList\"\r\n >\r\n {/<ActionList.Action key=\"profile\" className=\"AccountList__Item\">{lang('profile')}</ActionList.Action>/}\r\n <ActionList.Action key=\"about\" className=\"AccountList__Item\">\r\n {lang('about')}\r\n </ActionList.Action>\r\n <ActionList.Action key=\"logout\" className=\"AccountList__Item\">\r\n {lang('log_out')}\r\n </ActionList.Action>\r\n </ActionList>\r\n );\r\n\r\n return (\r\n <Header\r\n className=\"DsShellHeader custom\"\r\n id=\"jsHeaderClassForCalcBodyHeight\"\r\n >\r\n <header\r\n className=\"DsShellTitle\"\r\n data-bind=\"visible: (koDatasetTitle() != null)\"\r\n >\r\n {/<BreadcrumbControl/>/}\r\n\r\n {/{!!dsDescription && dsDescription != dsTitle &&/}\r\n {/* <BIIcon icon=\"info\"/}\r\n {/ onPress={toggleDatasetDescription}/}\r\n {/ className=\"help-icon bi-icon light DatasetTitle__DescriptionIcon\"/>}*/}\r\n <h1 style={{ fontWeight: 'normal' }} title={dsTitle}>\r\n {dsTitle}\r\n </h1>\r\n </header>\r\n\r\n <section className=\"DsShellHeader__Toolbar toolbar\">\r\n {!mainToolbar.loading && !mainToolbar.error && (\r\n <MainToolbar {...mainToolbar} />\r\n )}\r\n </section>\r\n <Profile />\r\n </Header>\r\n );\r\n }\r\n);\r\n"],"names":["React","_jsx","_jsxs"],"mappings":"~~;;;;;;;;;;~~AA4Ba,MAAA,aAAa,GAAGA,cAAK,CAAC,IAAI,CACrC,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAuB,KAAI;;AACtE,IAAA,MAAM,qBAAqB,GAAG,gBAAgB,CAC5C,qBAAqB,CACtB,CAAC;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,UAAU,CAAgB,aAAa,EAAE,WAAW,CAAC,CAAC;IAE1E,MAAM,cAAc,GAAG,MAAW,SAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;AAChC,QAAA,MAAM,qBAAqB,CAAC,OAAO,EAAE,CAAC;AACtC,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;AAC7B,KAAC,CAAA,CAAC;IAEF,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,SAAS,CAACC,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,CAAC,CAAC;AAC1B,KAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAGtD,IAAA,MAAM,iBAAiB,GAAG,CAAC,GAAW,KAAI;QACxC,IAAI,GAAG,KAAK,QAAQ;AAAE,YAAA,cAAc,EAAE,CAAC;QACvC,IAAI,GAAG,KAAK,OAAO;AAAE,YAAA,YAAY,EAAE,CAAC;AACpC,QAAA,UAAU,EAAE,CAAC;AACf,KAAC,CAAC;AAMF,IACE,IAAI,CAAC,gBAAgB,KAAI,CAAA,EAAA,GAAA,qBAAqB,CAAC,QAAQ,EAAE,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,EAAC;IAElD,CAClBC,IAAC,CAAA,UAAU,EACT,EAAA,OAAO,EAAE,CAAC,GAAG,KAAK,iBAAiB,CAAC,GAAG,CAAC,EACxC,SAAS,EAAC,aAAa,EAAA,QAAA,EAAA,CAGvBD,GAAC,CAAA,UAAU,CAAC,MAAM,EAAa,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EACzD,IAAI,CAAC,OAAO,CAAC,EADO,EAAA,OAAO,CAEV,EACpBA,GAAC,CAAA,UAAU,CAAC,MAAM,EAAc,EAAA,SAAS,EAAC,mBAAmB,EAC1D,QAAA,EAAA,IAAI,CAAC,SAAS,CAAC,EAAA,EADK,QAAQ,CAEX,CACT,EAAA,CAAA,EACb;AAEF,IAAA,QACEC,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAEnCD,gBACE,SAAS,EAAC,cAAc,EAAA,WAAA,EACd,qCAAqC,EAAA,QAAA,EAQ/CA,GAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,OAAO,EAAA,QAAA,EAChD,OAAO,EAAA,CACL,EACE,CAAA,EAETA,GAAS,CAAA,SAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAChD,QAAA,EAAA,CAAC,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,KACzCA,GAAA,CAAC,WAAW,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,WAAW,CAAI,CAAA,CACjC,EACO,CAAA,EACVA,GAAC,CAAA,OAAO,EAAG,EAAA,CAAA,CAAA,EAAA,CACJ,EACT;AACJ,CAAC;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/luxms-components/DsShellHeader/index.tsx"],"sourcesContent":["//@ts-nocheck\r\n\r\nimport React, { useState } from 'react';\r\nimport { AuthenticationService } from 'bi-internal/core';\r\nimport { AccountTool, Header } from 'bi-internal/face';\r\nimport { useService, useServiceItself } from 'bi-internal/services';\r\nimport {\r\n ActionList,\r\n BIIcon,\r\n DlgAbout,\r\n MainToolbarVC,\r\n openModal,\r\n Profile,\r\n} from 'bi-internal/ui';\r\nimport { lang, skin } from 'bi-internal/utils';\r\n\r\nimport MainToolbar from '../lux_elements/MainToolbar/MainToolbar';\r\n\r\n// import { BreadcrumbControl } from './BreadcrumbControl';\r\nimport './DsShellHeader.scss';\r\n\r\ninterface IDsShellHeaderProps {\r\n schema_name: string;\r\n dsTitle: string;\r\n dsDescription: string;\r\n dsUrl: string;\r\n}\r\n\r\nexport const DsShellHeader = React.memo(\r\n ({ schema_name, dsTitle, dsDescription, dsUrl }: IDsShellHeaderProps) => {\r\n const authenticationService = useServiceItself<AuthenticationService>(\r\n AuthenticationService\r\n );\r\n const [accountMenuVisible, setAccountMenuVisible] = useState(false);\r\n const mainToolbar = useService<MainToolbarVC>(MainToolbarVC, schema_name);\r\n\r\n const onPressSignOut = async () => {\r\n await authenticationService.signOut();\r\n window.location.hash = '#';\r\n };\r\n\r\n const onPressAbout = () => {\r\n openModal(<DlgAbout />);\r\n };\r\n\r\n const handleHide = () => setAccountMenuVisible(false);\r\n const toggleShow = () => setAccountMenuVisible(!accountMenuVisible);\r\n\r\n const handleClickAction = (key: string) => {\r\n if (key === 'logout') onPressSignOut();\r\n if (key === 'about') onPressAbout();\r\n handleHide();\r\n };\r\n\r\n const toggleDatasetDescription = () => {\r\n // TODO\r\n };\r\n\r\n const title =\r\n skin.datasetLogoTitle \|\| authenticationService.getModel()?.username;\r\n\r\n const accountMenu = (\r\n <ActionList\r\n onClick={(key) => handleClickAction(key)}\r\n className=\"AccountList\"\r\n >\r\n {/<ActionList.Action key=\"profile\" className=\"AccountList__Item\">{lang('profile')}</ActionList.Action>/}\r\n <ActionList.Action key=\"about\" className=\"AccountList__Item\">\r\n {lang('about')}\r\n </ActionList.Action>\r\n <ActionList.Action key=\"logout\" className=\"AccountList__Item\">\r\n {lang('log_out')}\r\n </ActionList.Action>\r\n </ActionList>\r\n );\r\n\r\n return (\r\n <Header\r\n className=\"DsShellHeader custom\"\r\n id=\"jsHeaderClassForCalcBodyHeight\"\r\n >\r\n <header\r\n className=\"DsShellTitle\"\r\n data-bind=\"visible: (koDatasetTitle() != null)\"\r\n >\r\n {/<BreadcrumbControl/>/}\r\n\r\n {/{!!dsDescription && dsDescription != dsTitle &&/}\r\n {/* <BIIcon icon=\"info\"/}\r\n {/ onPress={toggleDatasetDescription}/}\r\n {/ className=\"help-icon bi-icon light DatasetTitle__DescriptionIcon\"/>}*/}\r\n <h1 style={{ fontWeight: 'normal' }} title={dsTitle}>\r\n {dsTitle}\r\n </h1>\r\n </header>\r\n\r\n <section className=\"DsShellHeader__Toolbar toolbar\">\r\n {!mainToolbar.loading && !mainToolbar.error && (\r\n <MainToolbar {...mainToolbar} />\r\n )}\r\n </section>\r\n <Profile />\r\n </Header>\r\n );\r\n }\r\n);\r\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;;;AA4Ba,MAAA,aAAa,GAAGA,cAAK,CAAC,IAAI,CACrC,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAuB,KAAI;;AACtE,IAAA,MAAM,qBAAqB,GAAG,gBAAgB,CAC5C,qBAAqB,CACtB,CAAC;IACF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,UAAU,CAAgB,aAAa,EAAE,WAAW,CAAC,CAAC;IAE1E,MAAM,cAAc,GAAG,MAAW,SAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;AAChC,QAAA,MAAM,qBAAqB,CAAC,OAAO,EAAE,CAAC;AACtC,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;AAC7B,KAAC,CAAA,CAAC;IAEF,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,SAAS,CAACC,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,CAAC,CAAC;AAC1B,KAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAGtD,IAAA,MAAM,iBAAiB,GAAG,CAAC,GAAW,KAAI;QACxC,IAAI,GAAG,KAAK,QAAQ;AAAE,YAAA,cAAc,EAAE,CAAC;QACvC,IAAI,GAAG,KAAK,OAAO;AAAE,YAAA,YAAY,EAAE,CAAC;AACpC,QAAA,UAAU,EAAE,CAAC;AACf,KAAC,CAAC;AAMF,IACE,IAAI,CAAC,gBAAgB,KAAI,CAAA,EAAA,GAAA,qBAAqB,CAAC,QAAQ,EAAE,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAQ,EAAC;IAElD,CAClBC,IAAC,CAAA,UAAU,EACT,EAAA,OAAO,EAAE,CAAC,GAAG,KAAK,iBAAiB,CAAC,GAAG,CAAC,EACxC,SAAS,EAAC,aAAa,EAAA,QAAA,EAAA,CAGvBD,GAAC,CAAA,UAAU,CAAC,MAAM,EAAa,EAAA,SAAS,EAAC,mBAAmB,EAAA,QAAA,EACzD,IAAI,CAAC,OAAO,CAAC,EADO,EAAA,OAAO,CAEV,EACpBA,GAAC,CAAA,UAAU,CAAC,MAAM,EAAc,EAAA,SAAS,EAAC,mBAAmB,EAC1D,QAAA,EAAA,IAAI,CAAC,SAAS,CAAC,EAAA,EADK,QAAQ,CAEX,CACT,EAAA,CAAA,EACb;AAEF,IAAA,QACEC,IAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAEnCD,gBACE,SAAS,EAAC,cAAc,EAAA,WAAA,EACd,qCAAqC,EAAA,QAAA,EAQ/CA,GAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,OAAO,EAAA,QAAA,EAChD,OAAO,EAAA,CACL,EACE,CAAA,EAETA,GAAS,CAAA,SAAA,EAAA,EAAA,SAAS,EAAC,gCAAgC,EAChD,QAAA,EAAA,CAAC,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,KAAK,KACzCA,GAAA,CAAC,WAAW,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,WAAW,CAAI,CAAA,CACjC,EACO,CAAA,EACVA,GAAC,CAAA,OAAO,EAAG,EAAA,CAAA,CAAA,EAAA,CACJ,EACT;AACJ,CAAC;;;;"}

package/dist/esm/luxms-components/DsShellLeftPane/DsShellLeftPane.scss.js ADDED Viewed

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/style-inject/dist/style-inject.es.js';
+var css_248z = "/*!\n    common variables/functions/settings\n    can be overrided via skin.json\n */:export{hasFullMainToolbar:false;mainFontFamily:\"Golos UI\";mainFontSize:16px;mainColor:var(--color6);font:16px Golos UI,Helvetica Neue,Helvetica,Arial,sans-serif}.navigation{align-items:center;color:var(--color1);cursor:pointer;display:flex;flex-shrink:0;padding-bottom:10px;position:relative;text-decoration:none}.navigation:hover{background-color:rgba(0,66,105,.07);color:var(--color1)!important;text-decoration:none}article a,article a:hover{color:var(--color1);text-decoration:none}article a:hover{background-color:rgba(0,66,105,.07);box-shadow:var(--shadow_button)}.AppLogo__IconBox{background:var(--color2)!important;border-left:0;border-radius:0;box-shadow:none!important;display:flex;flex-shrink:0;max-width:100%!important;overflow:visible;padding:0;text-decoration:none!important;width:auto!important}.AppLogo__IconBox img{fill:--color1!important;background-color:var(--color2);max-width:100%;padding:0;width:auto}.AppLogo:hover,.AppLogo__IconBox:hover{background:var(--color2)!important;background-color:var(--color2)!important;box-shadow:var(--color2);text-decoration:none!important}.Menu__ToggleControls:hover{background-color:rgba(0,66,105,.07);box-shadow:var(--shadow_button)}.nav{align-items:flex-start;align-self:center;border-radius:5rem;box-shadow:none;display:inline-flex;flex-direction:column;flex-grow:0;flex-shrink:0;font-style:normal;height:2.5rem;justify-content:center;overflow:visible;padding:.5rem;width:2.5rem}.nav2{margin-left:-20px!important}.nav1,.nav2{align-items:flex-start;align-self:center;border-radius:5rem;box-shadow:none;color:var(--color1)!important;display:inline-flex;display:inline-block;flex-direction:column;flex-grow:0;flex-shrink:0;font-style:normal;height:2.5rem;height:24px;justify-content:center;max-width:20px;overflow:visible;padding:0;width:2.5rem}.nav1{margin-left:10px!important}.nav3{align-items:flex-start;align-self:center;border-radius:5rem;box-shadow:none;color:var(--color1)!important;display:inline-flex;flex-direction:column;flex-grow:0;flex-shrink:0;font-style:normal;height:2.5rem;height:24px;justify-content:center;margin-left:-20px!important;max-width:20px;overflow:visible;padding:0;width:2.5rem}.nav3,.nav4{display:inline-block}.nav4{margin-left:20px!important}.navigationText{display:inline-block;margin-left:10px!important}";
+styleInject(css_248z);
+export { css_248z as default };
+//# sourceMappingURL=DsShellLeftPane.scss.js.map

package/dist/esm/luxms-components/DsShellLeftPane/DsShellLeftPane.scss.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DsShellLeftPane.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/luxms-components/DsShellLeftPane/index.js CHANGED Viewed

@@ -1,20 +1,21 @@
 import { __awaiter } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
+import React__default, { useContext } from 'react';
 import { srv, AppConfig, extractErrorMessage, UrlState } from 'bi-internal/core';
 import { Input, Dropdown } from 'bi-internal/face';
 import { useService, ResourcesOfDatasetsTreeService, DatasetsByTopicsService, DashboardByTopicsService, DsStateService } from 'bi-internal/services';
 import { AlertsVC, SVGIcon, EditModeVC, OptionsProvider, ContextMenu, IfICan, MainToolbarVC, EditModeEnabler, L10n } from 'bi-internal/ui';
 import { skin, DASHBOARD_MIME_TYPE, DASHLET_MIME_TYPE, $eid, copyTextToClipboard, lang } from 'bi-internal/utils';
-import AppPane from '../lux_elements/AppPane/AppPane.js';
-import Menu from '../lux_elements/AppPane/Menu/Menu.js';
+import AppPane, { MenuState } from '../lux_elements/AppPane/index.js';
+import Menu from '../lux_elements/AppPane/Menu/index.js';
 import { DASHBOARD_ICONS } from '../lux_elements/DashboardsIcons.js';
 import SortableTiles from '../lux_elements/SortableTiles/SortableTiles.js';
+import './DsShellLeftPane.scss.js';
 const Logo = React__default.memo(({ schema_name }) => {
     var _a, _b;
-    useService(srv.ds.ResourcesService, '' // Вписать свой ds_template проекта
-    );
+    useService(srv.ds.ResourcesService);
+    const { expanded } = useContext(MenuState);
     useService(srv.ds.ResourcesService, schema_name);
     const logoSVG = (jsx("svg", { width: "auto", "max-width": "100%", height: "3.0rem", viewBox: "0 0 81 39", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M66.9265 22.9973C66.9265 23.2923 66.6649 23.5317 66.3531 23.5317C66.0358 23.5317 65.7742 23.2923 65.7742 22.9973L65.7797 22.9806V13.9286V13.8897V13.8451C65.8131 13.5835 66.047 13.3719 66.3476 13.3719C66.6482 13.3719 66.8931 13.5835 66.921 13.8451L66.9265 13.8897V13.9286V22.9806V22.9973ZM69.3538 14.1068C69.3538 13.166 69.2368 11.6963 67.422 11.6963H65.2787C63.4639 11.6963 63.3525 13.1604 63.3525 14.1068V22.7857C63.3525 23.7321 63.4639 25.2018 65.2787 25.2018H67.422C69.2424 25.2018 69.3538 23.7321 69.3538 22.7857V14.1068ZM31.949 11.6963H27V25.1963H29.5942V13.3719H31.949V11.6963ZM37.7554 11.6963H33.6804L32.3332 25.1963H34.8662L35.1111 21.6055H36.3358L36.5752 25.1963H39.1082L37.7554 11.6963ZM35.7903 13.3719L36.2356 20.1247H35.1946L35.6455 13.3719H35.7903ZM42.827 23.0084V20.4699H40.2327V22.7857C40.2327 23.7321 40.3441 25.2018 42.1589 25.2018H44.3078C46.1226 25.2018 46.234 23.7321 46.234 22.7857V20.0691C46.234 19.5847 46.2117 18.193 44.4692 18.2375V18.0983C45.2486 18.1373 46.234 17.7365 46.234 16.2724V14.1068C46.234 13.166 46.1226 11.6963 44.3078 11.6963H42.1589C40.3497 11.6963 40.2327 13.1604 40.2327 14.1068V16.0163H42.8325V13.8173C42.8325 13.4666 43.0886 13.3719 43.2389 13.3719C43.4783 13.3719 43.6453 13.5835 43.6453 13.8173V16.5006C43.6453 17.3245 43.3837 17.5027 42.6433 17.5027H41.5521V18.9891H42.6043C43.5674 18.9891 43.6398 19.4511 43.6398 19.8742V23.0084C43.6398 23.2422 43.4727 23.4538 43.2334 23.4538C43.0831 23.4538 42.827 23.3592 42.827 23.0084ZM53.9443 11.6963H47.9431V25.1963H50.3591V13.3719H51.5226V25.1963H53.9443V11.6963ZM59.8954 11.6963H55.8204V25.1963H58.4146V20.6091H59.8954C61.7103 20.6091 61.9997 19.1394 61.9997 18.193V14.1068C61.9997 13.166 61.7103 11.6963 59.8954 11.6963ZM59.5781 18.4491C59.5781 18.8721 59.3777 19.1227 59.0938 19.1227V19.1282H58.409V13.3775H59.0938C59.3777 13.3775 59.5781 13.628 59.5781 14.0511V18.4491ZM80.9999 11.6963H77.6263L75.934 21.1825L74.3215 12.0846L74.2528 11.6965L74.2527 11.6963H70.8847V25.1963H70.8848V25.2021H73.4846V16.7347H73.5736L74.9041 25.2021H76.9806L78.3167 16.7347H78.4057V25.1963H78.4058V25.2021H81V11.6965H80.9999V11.6963ZM20.6981 6.95319C21.3662 9.3804 21.4998 11.7018 21.4719 13.0713C21.4385 14.4352 21.2771 15.8827 21.0711 16.7456C21.1435 15.2592 20.9653 13.166 20.6202 11.5237C20.2806 9.887 19.3119 7.1536 18.5381 5.88432C17.8256 7.0868 16.946 9.45277 16.4839 11.5126C16.0218 13.5668 16.0051 16.0552 16.0051 16.8012C15.8827 16.1666 15.5765 13.9286 15.6656 11.674C15.7435 9.81463 16.1721 7.90515 16.4115 7.02556C17.319 4.09175 18.3488 2.22123 18.5381 1.92062C18.7274 2.21567 20.0301 4.52597 20.6981 6.95319ZM19.6181 18.9223C19.6849 21.0767 18.9668 22.7746 18.5493 23.5484C18.1484 22.7913 17.5249 21.3439 17.4581 19.1227C17.4414 16.9571 18.3043 15.1089 18.5604 14.7247C18.7886 15.1089 19.5291 16.7233 19.6181 18.9223ZM22.1511 15.287C22.5074 12.7707 22.5185 10.5662 21.7058 6.98102C20.9733 3.77202 19.2506 1.09377 18.6936 0.227766C18.6283 0.126257 18.5791 0.0496467 18.5493 0C18.1039 0.668041 16.4672 3.24 15.6266 6.10144C14.7192 9.28576 14.5856 12.1194 14.8973 14.9029C15.2091 17.6864 16.3893 20.5422 16.3893 20.5422C17.0128 22.0398 17.948 23.6486 18.5604 24.4392C19.4511 23.2756 21.5109 19.813 22.1511 15.287ZM23.387 34.4319V25.2018H13.5278V29.4439C13.5278 29.4348 13.5315 29.4331 13.539 29.4298C13.5406 29.429 13.5425 29.4282 13.5445 29.4272C15.0253 27.9464 17.4303 27.9464 18.9167 29.4272C20.4031 30.8969 20.4031 33.3018 18.9167 34.7771L18.8944 34.7938V34.8049C18.8923 34.807 18.8895 34.8083 18.8865 34.8097C18.8813 34.812 18.8756 34.8146 18.8721 34.8216C17.3913 36.2913 15.454 37.0206 13.5223 37.0206C11.5794 37.0206 9.63649 36.2746 8.15566 34.8049C5.54474 32.2051 5.23855 28.1746 7.22597 25.2352C7.49319 24.84 7.79937 24.4614 8.15566 24.1107C9.63649 22.6354 11.5794 21.895 13.5223 21.895V11.7686C6.0569 11.7686 0 17.7977 0 25.2297C0 32.6672 6.0569 38.7018 13.5223 38.6963C17.4136 38.6963 20.9208 37.054 23.387 34.4319ZM76.7356 33.4187C78.0828 33.4187 78.5783 33.7305 78.5783 34.9051V35.5064C78.5783 36.7923 77.9937 37.0206 76.5073 37.0206H75.1379V31.1585H76.5073V33.4187H76.7356ZM63.7088 31.153H67.1548H67.1604V32.2664H66.1249V37.0261H64.8222V32.2664H63.7088V31.153ZM54.668 31.5928C56.0375 31.5928 56.622 31.8989 56.622 33.0958V34.9274C56.622 36.1187 56.0152 36.436 54.668 36.436V37.015H53.3375V36.436C51.9903 36.436 51.3779 36.1187 51.3779 34.9274V33.0958C51.3779 31.8989 51.9624 31.5928 53.3375 31.5928V31.153H54.668V31.5928ZM40.9286 31.153H44.2132V32.2608H42.3426V33.4187H44.0183V34.5321H42.3426V35.9128H44.2132V37.0261H40.9286V31.153ZM31.4925 31.1585H32.862V37.0206H31.4925V34.4542H30.7911V37.0206H29.4216V31.1585H30.7911V33.4187H31.4925V31.1585ZM27 38.7018H80.9999V29.6944H27V38.7018ZM53.1204 32.6282C52.8197 32.6282 52.7084 32.7173 52.7084 33.0569V34.933C52.7084 35.2781 52.8197 35.356 53.1204 35.356H53.343V32.6282H53.1204ZM77.2088 34.8661C77.2088 34.5321 77.1142 34.4542 76.808 34.4542H76.5018V35.9851H76.808C77.1142 35.9851 77.2088 35.9072 77.2088 35.5732V34.8661ZM55.2971 33.0457C55.2971 32.695 55.1913 32.6282 54.8851 32.6282V32.6338H54.668V35.3616H54.8851C55.1913 35.3616 55.2971 35.2781 55.2971 34.933V33.0457Z", fill: "var(--color_logo)" }) }));
     const thumbnailSVG = useService(ResourcesOfDatasetsTreeService, 'thumbnail.svg');
@@ -40,7 +41,7 @@ const Logo = React__default.memo(({ schema_name }) => {
     else if (thumbnailSVG.length) {
         image = AppConfig.fixRequestUrl(`/srv/resources/${thumbnailSVG[0].schema_name}/${thumbnailSVG[0].resource.alt_id}?ts=${thumbnailSVG[0].resource.updated}`);
     }
-    return (jsx(AppPane.Header, { icon: image, onlyIcon: !!isFull, href: "/#/", title: !isFull && appName }));
+    return (jsx(AppPane.Header, { icon: expanded ? image : DASHBOARD_ICONS.logoGPN, onlyIcon: !!isFull, href: "/#/", title: !isFull && appName }));
 });
 const IconPackMenu = ({ onPickIcon }) => {
     const icons = Object.getOwnPropertyNames(DASHBOARD_ICONS);