@gravity-ui/page-constructor 6.9.0 → 6.9.1-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,13 @@
1
+ import { ThemeSupporting } from "../../utils/index.js";
2
+ import * as icons from '@gravity-ui/icons';
3
+ import { ImageProps as ImageComponentProps } from "../Image/Image.js";
4
+ type IconParams = ThemeSupporting<ImageComponentProps['image'] | {
5
+ name: keyof typeof icons;
6
+ theme: 'default' | 'white' | 'black';
7
+ } | string>;
8
+ type Props = {
9
+ icon: IconParams;
10
+ imageProps: Omit<ImageComponentProps, 'image'>;
11
+ };
12
+ declare const Icon: ({ icon, imageProps }: Props) => import("react/jsx-runtime").JSX.Element;
13
+ export default Icon;
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const utils_1 = require("../../utils/index.js");
6
+ const icons = tslib_1.__importStar(require("@gravity-ui/icons"));
7
+ const uikit_1 = require("@gravity-ui/uikit");
8
+ const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
9
+ const utils_2 = require("../Media/Image/utils.js");
10
+ const theme_1 = require("../../context/theme/index.js");
11
+ const Icon = ({ icon, imageProps }) => {
12
+ const theme = (0, theme_1.useTheme)();
13
+ const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
14
+ const isUikitIcon = (typeof themedIcon === 'string' && themedIcon in icons) ||
15
+ (typeof themedIcon === 'object' && themedIcon && 'name' in themedIcon);
16
+ if (isUikitIcon) {
17
+ const data = (typeof themedIcon === 'string' ? themedIcon : themedIcon.name);
18
+ return (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons[data], className: imageProps.className });
19
+ }
20
+ const iconProps = (0, utils_2.getMediaImage)(themedIcon);
21
+ return (0, jsx_runtime_1.jsx)(Image_1.default, { ...iconProps, ...imageProps });
22
+ };
23
+ exports.default = Icon;
24
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.js","sourceRoot":"../../../../src","sources":["components/Icon/Icon.tsx"],"names":[],"mappings":";;;;AAAA,gDAA4D;AAC5D,iEAA2C;AAC3C,6CAAoD;AACpD,sEAAwE;AACxE,mDAAmD;AACnD,wDAA6C;AAc7C,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,UAAU,EAAQ,EAAE,EAAE;IACvC,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,sBAAc,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,MAAM,WAAW,GACb,CAAC,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,IAAI,KAAK,CAAC;QACvD,CAAC,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,IAAI,MAAM,IAAI,UAAU,CAAC,CAAC;IAE3E,IAAI,WAAW,EAAE,CAAC;QACd,MAAM,IAAI,GAAG,CACT,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAC1C,CAAC;QAExB,OAAO,uBAAC,YAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,GAAI,CAAC;IAC7E,CAAC;IAED,MAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,UAAU,CAAC,CAAC;IAE5C,OAAO,uBAAC,eAAK,OAAK,SAAS,KAAM,UAAU,GAAI,CAAC;AACpD,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import {ThemeSupporting, getThemedValue} from '../../utils';\nimport * as icons from '@gravity-ui/icons';\nimport {Icon as UiKitIcon} from '@gravity-ui/uikit';\nimport Image, {ImageProps as ImageComponentProps} from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\nimport {useTheme} from '../../context/theme';\n\ntype IconParams = ThemeSupporting<\n // @ts-ignore\n | ImageComponentProps['image']\n | {name: keyof typeof icons; theme: 'default' | 'white' | 'black'}\n | string\n>;\n\ntype Props = {\n icon: IconParams;\n imageProps: Omit<ImageComponentProps, 'image'>;\n};\n\nconst Icon = ({icon, imageProps}: Props) => {\n const theme = useTheme();\n const themedIcon = getThemedValue(icon, theme);\n\n const isUikitIcon =\n (typeof themedIcon === 'string' && themedIcon in icons) ||\n (typeof themedIcon === 'object' && themedIcon && 'name' in themedIcon);\n\n if (isUikitIcon) {\n const data = (\n typeof themedIcon === 'string' ? themedIcon : themedIcon.name\n ) as keyof typeof icons;\n\n return <UiKitIcon data={icons[data]} className={imageProps.className} />;\n }\n\n const iconProps = getMediaImage(themedIcon);\n\n return <Image {...iconProps} {...imageProps} />;\n};\n\nexport default Icon;\n"]}
@@ -4,17 +4,18 @@ const tslib_1 = require("tslib");
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const React = tslib_1.__importStar(require("react"));
6
6
  const utils_1 = require("../../utils/index.js");
7
- const Image_1 = tslib_1.__importDefault(require("../Image/Image.js"));
8
- const utils_2 = require("../Media/Image/utils.js");
7
+ const Icon_1 = tslib_1.__importDefault(require("../Icon/Icon.js"));
9
8
  const b = (0, utils_1.block)('icon-wrapper');
10
9
  const IconWrapper = (props) => {
11
10
  const { icon, children, className } = props;
12
11
  if (!icon) {
13
12
  return (0, jsx_runtime_1.jsx)(React.Fragment, { children: children });
14
13
  }
15
- const iconProps = (0, utils_2.getMediaImage)(icon.value);
16
14
  const iconPosition = icon?.position;
17
- return ((0, jsx_runtime_1.jsxs)("div", { className: b({ ['icon-position']: iconPosition }, className), children: [iconProps && ((0, jsx_runtime_1.jsx)(Image_1.default, { ...iconProps, containerClassName: b('icon-container'), className: b('icon', { ['icon-position']: iconPosition }) })), (0, jsx_runtime_1.jsx)("div", { className: b('content', { ['icon-position']: iconPosition }), children: children })] }));
15
+ return ((0, jsx_runtime_1.jsxs)("div", { className: b({ ['icon-position']: iconPosition }, className), children: [icon.value && ((0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon.value, imageProps: {
16
+ containerClassName: b('icon-container'),
17
+ className: b('icon', { ['icon-position']: iconPosition }),
18
+ } })), (0, jsx_runtime_1.jsx)("div", { className: b('content', { ['icon-position']: iconPosition }), children: children })] }));
18
19
  };
19
20
  exports.default = IconWrapper;
20
21
  //# sourceMappingURL=IconWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,gDAAkC;AAClC,sEAAmC;AACnC,mDAAmD;AAInD,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,aAC1D,SAAS,IAAI,CACV,uBAAC,eAAK,OACE,SAAS,EACb,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,GACzD,CACL,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC/E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\nimport Image from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\n\nimport './IconWrapper.scss';\n\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n const {icon, children, className} = props;\n if (!icon) {\n return <React.Fragment>{children}</React.Fragment>;\n }\n\n const iconProps = getMediaImage(icon.value);\n const iconPosition = icon?.position;\n\n return (\n <div className={b({['icon-position']: iconPosition}, className)}>\n {iconProps && (\n <Image\n {...iconProps}\n containerClassName={b('icon-container')}\n className={b('icon', {['icon-position']: iconPosition})}\n />\n )}\n <div className={b('content', {['icon-position']: iconPosition})}>{children}</div>\n </div>\n );\n};\n\nexport default IconWrapper;\n"]}
1
+ {"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,gDAAkC;AAElC,mEAAgC;AAGhC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,aAC1D,IAAI,CAAC,KAAK,IAAI,CACX,uBAAC,cAAI,IACD,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,UAAU,EAAE;oBACR,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC;oBACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC;iBAC1D,GACH,CACL,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC/E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\n\nimport Icon from '../Icon/Icon';\nimport './IconWrapper.scss';\n\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n const {icon, children, className} = props;\n if (!icon) {\n return <React.Fragment>{children}</React.Fragment>;\n }\n\n const iconPosition = icon?.position;\n\n return (\n <div className={b({['icon-position']: iconPosition}, className)}>\n {icon.value && (\n <Icon\n icon={icon.value}\n imageProps={{\n containerClassName: b('icon-container'),\n className: b('icon', {['icon-position']: iconPosition}),\n }}\n />\n )}\n <div className={b('content', {['icon-position']: iconPosition})}>{children}</div>\n </div>\n );\n};\n\nexport default IconWrapper;\n"]}
@@ -0,0 +1,13 @@
1
+ import { ThemeSupporting } from "../../utils/index.js";
2
+ import * as icons from '@gravity-ui/icons';
3
+ import { ImageProps as ImageComponentProps } from "../Image/Image.js";
4
+ type IconParams = ThemeSupporting<ImageComponentProps['image'] | {
5
+ name: keyof typeof icons;
6
+ theme: 'default' | 'white' | 'black';
7
+ } | string>;
8
+ type Props = {
9
+ icon: IconParams;
10
+ imageProps: Omit<ImageComponentProps, 'image'>;
11
+ };
12
+ declare const Icon: ({ icon, imageProps }: Props) => import("react/jsx-runtime").JSX.Element;
13
+ export default Icon;
@@ -0,0 +1,21 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { getThemedValue } from "../../utils/index.js";
3
+ import * as icons from '@gravity-ui/icons';
4
+ import { Icon as UiKitIcon } from '@gravity-ui/uikit';
5
+ import Image from "../Image/Image.js";
6
+ import { getMediaImage } from "../Media/Image/utils.js";
7
+ import { useTheme } from "../../context/theme/index.js";
8
+ const Icon = ({ icon, imageProps }) => {
9
+ const theme = useTheme();
10
+ const themedIcon = getThemedValue(icon, theme);
11
+ const isUikitIcon = (typeof themedIcon === 'string' && themedIcon in icons) ||
12
+ (typeof themedIcon === 'object' && themedIcon && 'name' in themedIcon);
13
+ if (isUikitIcon) {
14
+ const data = (typeof themedIcon === 'string' ? themedIcon : themedIcon.name);
15
+ return _jsx(UiKitIcon, { data: icons[data], className: imageProps.className });
16
+ }
17
+ const iconProps = getMediaImage(themedIcon);
18
+ return _jsx(Image, { ...iconProps, ...imageProps });
19
+ };
20
+ export default Icon;
21
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.js","sourceRoot":"../../../../src","sources":["components/Icon/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,cAAc,EAAC,6BAAoB;AAC5D,OAAO,KAAK,KAAK,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,IAAI,IAAI,SAAS,EAAC,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAA0C,0BAAuB;AACxE,OAAO,EAAC,aAAa,EAAC,gCAA6B;AACnD,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAc7C,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,UAAU,EAAQ,EAAE,EAAE;IACvC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAE/C,MAAM,WAAW,GACb,CAAC,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,IAAI,KAAK,CAAC;QACvD,CAAC,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,IAAI,MAAM,IAAI,UAAU,CAAC,CAAC;IAE3E,IAAI,WAAW,EAAE,CAAC;QACd,MAAM,IAAI,GAAG,CACT,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAC1C,CAAC;QAExB,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,GAAI,CAAC;IAC7E,CAAC;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;IAE5C,OAAO,KAAC,KAAK,OAAK,SAAS,KAAM,UAAU,GAAI,CAAC;AACpD,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import {ThemeSupporting, getThemedValue} from '../../utils';\nimport * as icons from '@gravity-ui/icons';\nimport {Icon as UiKitIcon} from '@gravity-ui/uikit';\nimport Image, {ImageProps as ImageComponentProps} from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\nimport {useTheme} from '../../context/theme';\n\ntype IconParams = ThemeSupporting<\n // @ts-ignore\n | ImageComponentProps['image']\n | {name: keyof typeof icons; theme: 'default' | 'white' | 'black'}\n | string\n>;\n\ntype Props = {\n icon: IconParams;\n imageProps: Omit<ImageComponentProps, 'image'>;\n};\n\nconst Icon = ({icon, imageProps}: Props) => {\n const theme = useTheme();\n const themedIcon = getThemedValue(icon, theme);\n\n const isUikitIcon =\n (typeof themedIcon === 'string' && themedIcon in icons) ||\n (typeof themedIcon === 'object' && themedIcon && 'name' in themedIcon);\n\n if (isUikitIcon) {\n const data = (\n typeof themedIcon === 'string' ? themedIcon : themedIcon.name\n ) as keyof typeof icons;\n\n return <UiKitIcon data={icons[data]} className={imageProps.className} />;\n }\n\n const iconProps = getMediaImage(themedIcon);\n\n return <Image {...iconProps} {...imageProps} />;\n};\n\nexport default Icon;\n"]}
@@ -1,8 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
3
  import { block } from "../../utils/index.js";
4
- import Image from "../Image/Image.js";
5
- import { getMediaImage } from "../Media/Image/utils.js";
4
+ import Icon from "../Icon/Icon.js";
6
5
  import './IconWrapper.css';
7
6
  const b = block('icon-wrapper');
8
7
  const IconWrapper = (props) => {
@@ -10,9 +9,11 @@ const IconWrapper = (props) => {
10
9
  if (!icon) {
11
10
  return _jsx(React.Fragment, { children: children });
12
11
  }
13
- const iconProps = getMediaImage(icon.value);
14
12
  const iconPosition = icon?.position;
15
- return (_jsxs("div", { className: b({ ['icon-position']: iconPosition }, className), children: [iconProps && (_jsx(Image, { ...iconProps, containerClassName: b('icon-container'), className: b('icon', { ['icon-position']: iconPosition }) })), _jsx("div", { className: b('content', { ['icon-position']: iconPosition }), children: children })] }));
13
+ return (_jsxs("div", { className: b({ ['icon-position']: iconPosition }, className), children: [icon.value && (_jsx(Icon, { icon: icon.value, imageProps: {
14
+ containerClassName: b('icon-container'),
15
+ className: b('icon', { ['icon-position']: iconPosition }),
16
+ } })), _jsx("div", { className: b('content', { ['icon-position']: iconPosition }), children: children })] }));
16
17
  };
17
18
  export default IconWrapper;
18
19
  //# sourceMappingURL=IconWrapper.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,KAAK,0BAAuB;AACnC,OAAO,EAAC,aAAa,EAAC,gCAA6B;AAEnD,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,aAC1D,SAAS,IAAI,CACV,KAAC,KAAK,OACE,SAAS,EACb,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC,EACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,GACzD,CACL,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC/E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\nimport Image from '../Image/Image';\nimport {getMediaImage} from '../Media/Image/utils';\n\nimport './IconWrapper.scss';\n\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n const {icon, children, className} = props;\n if (!icon) {\n return <React.Fragment>{children}</React.Fragment>;\n }\n\n const iconProps = getMediaImage(icon.value);\n const iconPosition = icon?.position;\n\n return (\n <div className={b({['icon-position']: iconPosition}, className)}>\n {iconProps && (\n <Image\n {...iconProps}\n containerClassName={b('icon-container')}\n className={b('icon', {['icon-position']: iconPosition})}\n />\n )}\n <div className={b('content', {['icon-position']: iconPosition})}>{children}</div>\n </div>\n );\n};\n\nexport default IconWrapper;\n"]}
1
+ {"version":3,"file":"IconWrapper.js","sourceRoot":"../../../../src","sources":["components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,IAAI,wBAAqB;AAChC,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,WAAW,GAAG,CAAC,KAAiE,EAAE,EAAE;IACtF,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IAC1C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,QAAQ,GAAkB,CAAC;IACvD,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,EAAE,QAAQ,CAAC;IAEpC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,EAAE,SAAS,CAAC,aAC1D,IAAI,CAAC,KAAK,IAAI,CACX,KAAC,IAAI,IACD,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,UAAU,EAAE;oBACR,kBAAkB,EAAE,CAAC,CAAC,gBAAgB,CAAC;oBACvC,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC;iBAC1D,GACH,CACL,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,CAAC,eAAe,CAAC,EAAE,YAAY,EAAC,CAAC,YAAG,QAAQ,GAAO,IAC/E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {ClassNameProps, IconWrapperProps} from '../../models';\nimport {block} from '../../utils';\n\nimport Icon from '../Icon/Icon';\nimport './IconWrapper.scss';\n\nconst b = block('icon-wrapper');\n\nconst IconWrapper = (props: React.PropsWithChildren<IconWrapperProps> & ClassNameProps) => {\n const {icon, children, className} = props;\n if (!icon) {\n return <React.Fragment>{children}</React.Fragment>;\n }\n\n const iconPosition = icon?.position;\n\n return (\n <div className={b({['icon-position']: iconPosition}, className)}>\n {icon.value && (\n <Icon\n icon={icon.value}\n imageProps={{\n containerClassName: b('icon-container'),\n className: b('icon', {['icon-position']: iconPosition}),\n }}\n />\n )}\n <div className={b('content', {['icon-position']: iconPosition})}>{children}</div>\n </div>\n );\n};\n\nexport default IconWrapper;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "6.9.0",
3
+ "version": "6.9.1-alpha.0",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "type": "commonjs",
package/widget/index.js CHANGED
@@ -1 +1 @@
1
- export default "(self.webpackChunk_gravity_ui_page_constructor=self.webpackChunk_gravity_ui_page_constructor||[]).push([[1349],{31349:function(_,t,Y){_.exports=function(_){\"use strict\";function t(_){return _&&\"object\"==typeof _&&\"default\"in _?_:{default:_}}var Y=t(_),e={name:\"zh-tw\",weekdays:\"星期日_星期一_星期二_星期三_星期四_星期五_星期六\".split(\"_\"),weekdaysShort:\"週日_週一_週二_週三_週四_週五_週六\".split(\"_\"),weekdaysMin:\"日_一_二_三_四_五_六\".split(\"_\"),months:\"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月\".split(\"_\"),monthsShort:\"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月\".split(\"_\"),ordinal:function(_,t){return\"W\"===t?_+\"週\":_+\"日\"},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"YYYY/MM/DD\",LL:\"YYYY年M月D日\",LLL:\"YYYY年M月D日 HH:mm\",LLLL:\"YYYY年M月D日dddd HH:mm\",l:\"YYYY/M/D\",ll:\"YYYY年M月D日\",lll:\"YYYY年M月D日 HH:mm\",llll:\"YYYY年M月D日dddd HH:mm\"},relativeTime:{future:\"%s內\",past:\"%s前\",s:\"幾秒\",m:\"1 分鐘\",mm:\"%d 分鐘\",h:\"1 小時\",hh:\"%d 小時\",d:\"1 天\",dd:\"%d 天\",M:\"1 個月\",MM:\"%d 個月\",y:\"1 年\",yy:\"%d 年\"},meridiem:function(_,t){var Y=100*_+t;return Y<600?\"凌晨\":Y<900?\"早上\":Y<1100?\"上午\":Y<1300?\"中午\":Y<1800?\"下午\":\"晚上\"}};return Y.default.locale(e,null,!0),e}(Y(74353))}}]);";
1
+ export default "(self.webpackChunk_gravity_ui_page_constructor=self.webpackChunk_gravity_ui_page_constructor||[]).push([[6007],{56007:function(_,t,e){_.exports=function(_){\"use strict\";function t(_){return _&&\"object\"==typeof _&&\"default\"in _?_:{default:_}}var e=t(_),Y={name:\"zh\",weekdays:\"星期日_星期一_星期二_星期三_星期四_星期五_星期六\".split(\"_\"),weekdaysShort:\"周日_周一_周二_周三_周四_周五_周六\".split(\"_\"),weekdaysMin:\"日_一_二_三_四_五_六\".split(\"_\"),months:\"一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月\".split(\"_\"),monthsShort:\"1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月\".split(\"_\"),ordinal:function(_,t){return\"W\"===t?_+\"周\":_+\"日\"},weekStart:1,yearStart:4,formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"YYYY/MM/DD\",LL:\"YYYY年M月D日\",LLL:\"YYYY年M月D日Ah点mm分\",LLLL:\"YYYY年M月D日ddddAh点mm分\",l:\"YYYY/M/D\",ll:\"YYYY年M月D日\",lll:\"YYYY年M月D日 HH:mm\",llll:\"YYYY年M月D日dddd HH:mm\"},relativeTime:{future:\"%s后\",past:\"%s前\",s:\"几秒\",m:\"1 分钟\",mm:\"%d 分钟\",h:\"1 小时\",hh:\"%d 小时\",d:\"1 天\",dd:\"%d 天\",M:\"1 个月\",MM:\"%d 个月\",y:\"1 年\",yy:\"%d 年\"},meridiem:function(_,t){var e=100*_+t;return e<600?\"凌晨\":e<900?\"早上\":e<1100?\"上午\":e<1300?\"中午\":e<1800?\"下午\":\"晚上\"}};return e.default.locale(Y,null,!0),Y}(e(74353))}}]);";