@i-novus/n2o-components 7.29.6 → 7.29.8

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,3 @@
1
+ /// <reference types="react" />
2
+ import { type ColProps } from './types';
3
+ export declare function Col({ children, id, className, style, size, offset, }: ColProps): JSX.Element;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import classNames from 'classnames';
3
+ import { COL_SPAN, COL_OFFSET } from './types';
4
+ export function Col({ children, id, className, style, size = 1, offset = 0, }) {
5
+ const colStyles = Object.assign(Object.assign({}, style), { [COL_SPAN]: size, [COL_OFFSET]: offset });
6
+ return (React.createElement("div", { id: id, className: classNames('layout-col', className), style: colStyles }, children));
7
+ }
8
+ //# sourceMappingURL=Col.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Col.js","sourceRoot":"","sources":["../../../src/display/Layout/Col.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAiB,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE7D,MAAM,UAAU,GAAG,CAAC,EAChB,QAAQ,EACR,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,CAAC,EACR,MAAM,GAAG,CAAC,GACH;IACP,MAAM,SAAS,GAAG,gCACX,KAAK,KACR,CAAC,QAAQ,CAAC,EAAE,IAAI,EAChB,CAAC,UAAU,CAAC,EAAE,MAAM,GACN,CAAA;IAElB,OAAO,CACH,6BACI,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,SAAS,CAAC,EAC9C,KAAK,EAAE,SAAS,IAEf,QAAQ,CACP,CACT,CAAA;AACL,CAAC"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { type RowProps } from './types';
3
+ export declare function FlexRow({ children, wrap, align, justify }: RowProps): JSX.Element;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { Align, Justify } from './types';
3
+ import { Row } from './Row';
4
+ export function FlexRow({ children, wrap = true, align = Align.TOP, justify = Justify.START }) {
5
+ return React.createElement(Row, { columns: null, wrap: wrap, align: align, justify: justify }, children);
6
+ }
7
+ //# sourceMappingURL=FlexRow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FlexRow.js","sourceRoot":"","sources":["../../../src/display/Layout/FlexRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAiB,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,KAAK,CAAC,GAAG,EAAE,OAAO,GAAG,OAAO,CAAC,KAAK,EAAY;IACnG,OAAO,oBAAC,GAAG,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,IAAG,QAAQ,CAAO,CAAA;AAC3F,CAAC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { type RowProps } from './types';
3
+ import '../../styles/components/Row.scss';
4
+ export declare function Row({ id, children, className, style, columns, wrap, align, justify, }: RowProps): JSX.Element;
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import classNames from 'classnames';
3
+ import { Align, Justify, ALIGN_CLASS_MAP, JUSTIFY_CLASS_MAP, COLUMNS } from './types';
4
+ import '../../styles/components/Row.scss';
5
+ export function Row({ id, children, className, style, columns = 12, wrap = true, align = Align.TOP, justify = Justify.START, }) {
6
+ const rowClasses = classNames('layout-row', {
7
+ 'layout-row--wrap': wrap,
8
+ 'layout-row--nowrap': !wrap,
9
+ }, ALIGN_CLASS_MAP[align], JUSTIFY_CLASS_MAP[justify], className);
10
+ const styleProp = Object.assign(Object.assign({}, style), (columns != null && { [COLUMNS]: columns }));
11
+ return React.createElement("div", { id: id, className: rowClasses, style: styleProp }, children);
12
+ }
13
+ //# sourceMappingURL=Row.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../src/display/Layout/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAiB,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEpG,OAAO,kCAAkC,CAAA;AAEzC,MAAM,UAAU,GAAG,CAAC,EAChB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,GAAG,EAAE,EACZ,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,KAAK,CAAC,GAAG,EACjB,OAAO,GAAG,OAAO,CAAC,KAAK,GAChB;IACP,MAAM,UAAU,GAAG,UAAU,CACzB,YAAY,EACZ;QACI,kBAAkB,EAAE,IAAI;QACxB,oBAAoB,EAAE,CAAC,IAAI;KAC9B,EACD,eAAe,CAAC,KAAK,CAAC,EACtB,iBAAiB,CAAC,OAAO,CAAC,EAC1B,SAAS,CACZ,CAAA;IAED,MAAM,SAAS,mCAAuB,KAAK,GAAK,CAAC,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,CAAE,CAAA;IAE7F,OAAO,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,IAAG,QAAQ,CAAO,CAAA;AACjF,CAAC"}
@@ -0,0 +1,62 @@
1
+ import { CSSProperties, ReactNode, HTMLAttributes } from 'react';
2
+ export declare enum Align {
3
+ /** Вертикальное выравнивание по верхнему краю (по умолчанию) */
4
+ TOP = "top",
5
+ /** Вертикальное выравнивание по центру */
6
+ MIDDLE = "middle",
7
+ /** Вертикальное выравнивание по нижнему краю */
8
+ BOTTOM = "bottom",
9
+ /** Растягивание содержимого на всю высоту (если допустимо) */
10
+ STRETCH = "stretch"
11
+ }
12
+ export declare enum Justify {
13
+ /** Горизонтальное выравнивание по началу (по умолчанию) */
14
+ START = "start",
15
+ /** Горизонтальное выравнивание по концу */
16
+ END = "end",
17
+ /** Горизонтальное выравнивание по центру */
18
+ CENTER = "center",
19
+ /** Равномерное распределение с отступами вокруг элементов */
20
+ SPACE_AROUND = "space-around",
21
+ /** Равномерное распределение с отступами между элементами */
22
+ SPACE_BETWEEN = "space-between",
23
+ /** Равномерное распределение с одинаковыми отступами вокруг и между элементами */
24
+ SPACE_EVENLY = "space-evenly"
25
+ }
26
+ /** Style param в DOM для активации колоночной системы */
27
+ export declare const COLUMNS = "--columns";
28
+ export interface RowProps {
29
+ columns?: number | null;
30
+ id?: string;
31
+ children?: ReactNode;
32
+ wrap?: boolean;
33
+ align?: Align;
34
+ justify?: Justify;
35
+ className?: string;
36
+ style?: CSSProperties;
37
+ }
38
+ export declare const ALIGN_CLASS_MAP: {
39
+ top: string;
40
+ middle: string;
41
+ bottom: string;
42
+ stretch: string;
43
+ };
44
+ export declare const JUSTIFY_CLASS_MAP: {
45
+ start: string;
46
+ end: string;
47
+ center: string;
48
+ "space-around": string;
49
+ "space-between": string;
50
+ "space-evenly": string;
51
+ };
52
+ /** Style param в DOM для управления колонками */
53
+ export declare const COL_SPAN = "--col-span";
54
+ export declare const COL_OFFSET = "--col-offset";
55
+ export interface ColProps extends HTMLAttributes<HTMLDivElement> {
56
+ children: ReactNode;
57
+ id?: string;
58
+ className?: string;
59
+ style?: CSSProperties;
60
+ size?: number;
61
+ offset?: number;
62
+ }
@@ -0,0 +1,48 @@
1
+ export var Align;
2
+ (function (Align) {
3
+ /** Вертикальное выравнивание по верхнему краю (по умолчанию) */
4
+ Align["TOP"] = "top";
5
+ /** Вертикальное выравнивание по центру */
6
+ Align["MIDDLE"] = "middle";
7
+ /** Вертикальное выравнивание по нижнему краю */
8
+ Align["BOTTOM"] = "bottom";
9
+ /** Растягивание содержимого на всю высоту (если допустимо) */
10
+ Align["STRETCH"] = "stretch";
11
+ })(Align || (Align = {}));
12
+ export var Justify;
13
+ (function (Justify) {
14
+ /** Горизонтальное выравнивание по началу (по умолчанию) */
15
+ Justify["START"] = "start";
16
+ /** Горизонтальное выравнивание по концу */
17
+ Justify["END"] = "end";
18
+ /** Горизонтальное выравнивание по центру */
19
+ Justify["CENTER"] = "center";
20
+ /** Равномерное распределение с отступами вокруг элементов */
21
+ Justify["SPACE_AROUND"] = "space-around";
22
+ /** Равномерное распределение с отступами между элементами */
23
+ Justify["SPACE_BETWEEN"] = "space-between";
24
+ /** Равномерное распределение с одинаковыми отступами вокруг и между элементами */
25
+ Justify["SPACE_EVENLY"] = "space-evenly";
26
+ })(Justify || (Justify = {}));
27
+ /** Style param в DOM для активации колоночной системы */
28
+ export const COLUMNS = '--columns';
29
+ // Маппинг значений выравнивания на классы
30
+ export const ALIGN_CLASS_MAP = {
31
+ [Align.TOP]: 'layout-row--align-top',
32
+ [Align.MIDDLE]: 'layout-row--align-middle',
33
+ [Align.BOTTOM]: 'layout-row--align-bottom',
34
+ [Align.STRETCH]: 'layout-row--align-stretch',
35
+ };
36
+ // Маппинг значений распределения на классы
37
+ export const JUSTIFY_CLASS_MAP = {
38
+ [Justify.START]: 'layout-row--justify-start',
39
+ [Justify.END]: 'layout-row--justify-end',
40
+ [Justify.CENTER]: 'layout-row--justify-center',
41
+ [Justify.SPACE_AROUND]: 'layout-row--justify-around',
42
+ [Justify.SPACE_BETWEEN]: 'layout-row--justify-between',
43
+ [Justify.SPACE_EVENLY]: 'layout-row--justify-evenly',
44
+ };
45
+ /** Style param в DOM для управления колонками */
46
+ export const COL_SPAN = '--col-span';
47
+ export const COL_OFFSET = '--col-offset';
48
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/display/Layout/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,KASX;AATD,WAAY,KAAK;IACb,gEAAgE;IAChE,oBAAW,CAAA;IACX,0CAA0C;IAC1C,0BAAiB,CAAA;IACjB,gDAAgD;IAChD,0BAAiB,CAAA;IACjB,8DAA8D;IAC9D,4BAAmB,CAAA;AACvB,CAAC,EATW,KAAK,KAAL,KAAK,QAShB;AAED,MAAM,CAAN,IAAY,OAaX;AAbD,WAAY,OAAO;IACf,2DAA2D;IAC3D,0BAAe,CAAA;IACf,2CAA2C;IAC3C,sBAAW,CAAA;IACX,4CAA4C;IAC5C,4BAAiB,CAAA;IACjB,6DAA6D;IAC7D,wCAA6B,CAAA;IAC7B,6DAA6D;IAC7D,0CAA+B,CAAA;IAC/B,kFAAkF;IAClF,wCAA6B,CAAA;AACjC,CAAC,EAbW,OAAO,KAAP,OAAO,QAalB;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,OAAO,GAAG,WAAW,CAAA;AAalC,0CAA0C;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC3B,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,uBAAuB;IACpC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,0BAA0B;IAC1C,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,0BAA0B;IAC1C,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,2BAA2B;CAC/C,CAAA;AAED,2CAA2C;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC7B,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,2BAA2B;IAC5C,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,yBAAyB;IACxC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,4BAA4B;IAC9C,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,4BAA4B;IACpD,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,6BAA6B;IACtD,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,4BAA4B;CACvD,CAAA;AAED,iDAAiD;AACjD,MAAM,CAAC,MAAM,QAAQ,GAAG,YAAY,CAAA;AACpC,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAA"}
@@ -1,4 +1,4 @@
1
1
  import { Context } from 'react';
2
2
  import { type DropdownProps } from './types';
3
3
  export declare const LevelContext: Context<number>;
4
- export declare function Dropdown({ label, className, style, children, trigger, position, enabled, visible, [ROOT_CLASS_NAME_PARAM]: rootClassName, }: DropdownProps): JSX.Element | null;
4
+ export declare function Dropdown({ label, className, style, children, trigger, position, disabled, [ROOT_CLASS_NAME_PARAM]: rootClassName, }: DropdownProps): JSX.Element;
@@ -4,36 +4,33 @@ import classNames from 'classnames';
4
4
  import { Trigger, Position } from './types';
5
5
  import { CHILD_ROOT_CLASS_NAME, GroupChildren, ROOT_CLASS_NAME_PARAM } from './helpers';
6
6
  export const LevelContext = createContext(0);
7
- export function Dropdown({ label, className, style, children, trigger = Trigger.CLICK, position = Position.RIGHT, enabled = true, visible = true, [ROOT_CLASS_NAME_PARAM]: rootClassName, }) {
7
+ export function Dropdown({ label, className, style, children, trigger = Trigger.CLICK, position = Position.RIGHT, disabled = false, [ROOT_CLASS_NAME_PARAM]: rootClassName, }) {
8
8
  const [isOpen, setIsOpen] = useState(false);
9
9
  const currentLevel = useContext(LevelContext);
10
- if (!visible) {
11
- return null;
12
- }
13
10
  const handleToggle = () => {
14
11
  if (trigger !== Trigger.HOVER) {
15
12
  setIsOpen(prev => !prev);
16
13
  }
17
14
  };
18
15
  const handleMouseEnter = () => {
19
- if (trigger === Trigger.HOVER && enabled) {
16
+ if (trigger === Trigger.HOVER && !disabled) {
20
17
  setIsOpen(true);
21
18
  }
22
19
  };
23
20
  const handleMouseLeave = () => {
24
- if (trigger === Trigger.HOVER && enabled) {
21
+ if (trigger === Trigger.HOVER && !disabled) {
25
22
  setIsOpen(false);
26
23
  }
27
24
  };
28
- return (React.createElement(ReactstrapDropdown, { isOpen: isOpen, toggle: handleToggle, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: classNames(className, rootClassName), style: style, disabled: !enabled, inNavbar: currentLevel > 0, direction: position },
25
+ return (React.createElement(ReactstrapDropdown, { isOpen: isOpen, toggle: handleToggle, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: classNames(className, rootClassName), style: style, disabled: disabled, inNavbar: currentLevel > 0, direction: position },
29
26
  React.createElement(DropdownToggle, { tag: "div", caret: true, style: {
30
27
  display: 'flex',
31
28
  flexDirection: position === Position.LEFT ? 'row-reverse' : 'row',
32
29
  alignItems: 'center',
33
30
  gap: '0.5rem',
34
- cursor: enabled ? 'pointer' : 'default',
35
- opacity: enabled ? 1 : 0.5,
36
- }, disabled: !enabled }, label),
31
+ cursor: disabled ? 'default' : 'pointer',
32
+ opacity: disabled ? 0.5 : 1,
33
+ }, disabled: disabled }, label),
37
34
  React.createElement(DropdownMenu, { className: "group-children", style: {
38
35
  paddingLeft: currentLevel > 0 ? `${currentLevel * 16}px` : 0,
39
36
  position: currentLevel > 0 ? 'absolute' : undefined,
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/navigation/Dropdown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/navigation/Dropdown.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type GroupProps } from './types';
3
- export declare function Group({ label, icon, className, style, children, collapsible, defaultState, iconPosition, [ROOT_CLASS_NAME_PARAM]: rootClassName, visible, enabled, }: GroupProps): JSX.Element | null;
3
+ export declare function Group({ label, icon, className, style, children, collapsible, defaultState, iconPosition, [ROOT_CLASS_NAME_PARAM]: rootClassName, disabled, }: GroupProps): JSX.Element;
@@ -3,7 +3,7 @@ import classNames from 'classnames';
3
3
  import { Position, GroupView } from './types';
4
4
  import { CHILD_ROOT_CLASS_NAME, GroupChildren, ROOT_CLASS_NAME_PARAM } from './helpers';
5
5
  const GroupLevelContext = createContext(0);
6
- export function Group({ label, icon, className, style, children, collapsible = true, defaultState = GroupView.EXPANDED, iconPosition = Position.LEFT, [ROOT_CLASS_NAME_PARAM]: rootClassName, visible = true, enabled = true, }) {
6
+ export function Group({ label, icon, className, style, children, collapsible = true, defaultState = GroupView.EXPANDED, iconPosition = Position.LEFT, [ROOT_CLASS_NAME_PARAM]: rootClassName, disabled = false, }) {
7
7
  const [isExpanded, setIsExpanded] = useState(collapsible ? defaultState === GroupView.EXPANDED : true);
8
8
  const level = useContext(GroupLevelContext);
9
9
  useEffect(() => {
@@ -14,11 +14,8 @@ export function Group({ label, icon, className, style, children, collapsible = t
14
14
  setIsExpanded(true);
15
15
  }
16
16
  }, [defaultState, collapsible]);
17
- if (!visible) {
18
- return null;
19
- }
20
17
  const handleToggle = () => {
21
- if (!enabled || !collapsible) {
18
+ if (disabled || !collapsible) {
22
19
  return;
23
20
  }
24
21
  setIsExpanded(!isExpanded);
@@ -30,10 +27,10 @@ export function Group({ label, icon, className, style, children, collapsible = t
30
27
  };
31
28
  const iconElement = icon ? React.createElement("i", { className: icon }) : null;
32
29
  return (React.createElement("section", { className: classNames('group', className, rootClassName, {
33
- 'group--disabled': !enabled,
30
+ 'group--disabled': disabled,
34
31
  'group--collapsed': !isExpanded,
35
32
  }), style: style },
36
- React.createElement("div", { className: classNames('group-header', { collapsible, expanded: isExpanded }), onClick: handleToggle, style: { cursor: collapsible ? 'pointer' : 'default' }, role: "button", tabIndex: enabled ? 0 : -1, "aria-expanded": isExpanded, "aria-disabled": !enabled, onKeyDown: onKeyDown },
33
+ React.createElement("div", { className: classNames('group-header', { collapsible, expanded: isExpanded }), onClick: handleToggle, style: { cursor: collapsible ? 'pointer' : 'default' }, role: "button", tabIndex: disabled ? -1 : 0, "aria-expanded": isExpanded, "aria-disabled": disabled, onKeyDown: onKeyDown },
37
34
  iconPosition === Position.LEFT && iconElement,
38
35
  React.createElement("span", { className: "group-label" }, label),
39
36
  iconPosition === Position.RIGHT && iconElement),
@@ -1 +1 @@
1
- {"version":3,"file":"Group.js","sourceRoot":"","sources":["../../src/navigation/Group.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Group.js","sourceRoot":"","sources":["../../src/navigation/Group.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { type LinkProps } from './types';
3
- export declare function Link({ label, url, icon, target, className, style, iconPosition, visible, enabled, }: LinkProps): JSX.Element | null;
3
+ export declare function Link({ label, url, icon, target, className, style, onClick, iconPosition, disabled, }: LinkProps): JSX.Element;
@@ -1,18 +1,21 @@
1
1
  import React from 'react';
2
2
  import classNames from 'classnames';
3
3
  import { Position, LinkTarget } from './types';
4
- export function Link({ label, url, icon, target, className, style, iconPosition = Position.LEFT, visible = true, enabled = true, }) {
5
- if (!visible) {
6
- return null;
7
- }
4
+ export function Link({ label, url, icon, target, className, style, onClick, iconPosition = Position.LEFT, disabled = false, }) {
8
5
  const content = (React.createElement(React.Fragment, null,
9
6
  icon && iconPosition === Position.LEFT && React.createElement("i", { className: icon }),
10
7
  label && React.createElement("span", null, label),
11
8
  icon && iconPosition === Position.RIGHT && React.createElement("i", { className: icon })));
12
- const classes = classNames(className, { disabled: !enabled });
13
- if (enabled && url) {
14
- return (React.createElement("a", { href: url, rel: target === LinkTarget.BLANK ? 'noopener noreferrer' : undefined, target: target, className: classes, style: style }, content));
9
+ const classes = classNames(className, { disabled });
10
+ const props = {
11
+ className: classes,
12
+ style,
13
+ rel: target === LinkTarget.BLANK ? 'noopener noreferrer' : undefined,
14
+ target,
15
+ };
16
+ if (disabled) {
17
+ return React.createElement("span", Object.assign({}, props, { "aria-disabled": true }), content);
15
18
  }
16
- return (React.createElement("span", { className: classes, style: style, "aria-disabled": true }, content));
19
+ return React.createElement("a", Object.assign({}, props, { href: url, onClick: onClick }), content);
17
20
  }
18
21
  //# sourceMappingURL=Link.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/navigation/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAkB,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE9D,MAAM,UAAU,IAAI,CAAC,EACjB,KAAK,EACL,GAAG,EACH,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,YAAY,GAAG,QAAQ,CAAC,IAAI,EAC5B,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,IAAI,GACN;IACR,IAAI,CAAC,OAAO,EAAE;QAAE,OAAO,IAAI,CAAA;KAAE;IAE7B,MAAM,OAAO,GAAG,CACZ;QACK,IAAI,IAAI,YAAY,KAAK,QAAQ,CAAC,IAAI,IAAI,2BAAG,SAAS,EAAE,IAAI,GAAI;QAChE,KAAK,IAAI,kCAAO,KAAK,CAAQ;QAC7B,IAAI,IAAI,YAAY,KAAK,QAAQ,CAAC,KAAK,IAAI,2BAAG,SAAS,EAAE,IAAI,GAAI,CACnE,CACN,CAAA;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;IAE7D,IAAI,OAAO,IAAI,GAAG,EAAE;QAChB,OAAO,CACH,2BACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,MAAM,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,EACpE,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IAEX,OAAO,CACR,CACP,CAAA;KACJ;IAED,OAAO,CACH,8BACI,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,2BAGX,OAAO,CACL,CACV,CAAA;AACL,CAAC"}
1
+ {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../src/navigation/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAkB,QAAQ,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAE9D,MAAM,UAAU,IAAI,CAAC,EACjB,KAAK,EACL,GAAG,EACH,IAAI,EACJ,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,GAAG,QAAQ,CAAC,IAAI,EAC5B,QAAQ,GAAG,KAAK,GACR;IACR,MAAM,OAAO,GAAG,CACZ;QACK,IAAI,IAAI,YAAY,KAAK,QAAQ,CAAC,IAAI,IAAI,2BAAG,SAAS,EAAE,IAAI,GAAI;QAChE,KAAK,IAAI,kCAAO,KAAK,CAAQ;QAC7B,IAAI,IAAI,YAAY,KAAK,QAAQ,CAAC,KAAK,IAAI,2BAAG,SAAS,EAAE,IAAI,GAAI,CACnE,CACN,CAAA;IAED,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;IAEnD,MAAM,KAAK,GAAG;QACV,SAAS,EAAE,OAAO;QAClB,KAAK;QACL,GAAG,EAAE,MAAM,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS;QACpE,MAAM;KACT,CAAA;IAED,IAAI,QAAQ,EAAE;QAAE,OAAO,8CAAU,KAAK,8BAAiB,OAAO,CAAQ,CAAA;KAAE;IAExE,OAAO,2CAAO,KAAK,IAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,KAAG,OAAO,CAAK,CAAA;AACnE,CAAC"}
@@ -1,4 +1,4 @@
1
- import { CSSProperties, ReactNode } from 'react';
1
+ import { CSSProperties, ReactNode, SyntheticEvent } from 'react';
2
2
  export declare enum Direction {
3
3
  ROW = "row",
4
4
  COLUMN = "column"
@@ -11,7 +11,8 @@ export declare enum LinkTarget {
11
11
  BLANK = "_blank",
12
12
  SELF = "_self",
13
13
  PARENT = "_parent",
14
- TOP = "_top"
14
+ TOP = "_top",
15
+ APPLICATION = "application"
15
16
  }
16
17
  export declare enum GroupView {
17
18
  EXPANDED = "expanded",
@@ -25,8 +26,7 @@ export interface CommonProps {
25
26
  label?: string;
26
27
  className?: string;
27
28
  style?: CSSProperties;
28
- visible?: boolean;
29
- enabled?: boolean;
29
+ disabled?: boolean;
30
30
  icon?: string;
31
31
  iconPosition?: Position;
32
32
  children?: ReactNode;
@@ -39,6 +39,7 @@ export interface PanelProps extends CommonProps {
39
39
  export interface LinkProps extends CommonProps {
40
40
  url?: string;
41
41
  target: LinkTarget;
42
+ onClick?(e: SyntheticEvent): void;
42
43
  }
43
44
  export interface GroupProps extends CommonProps {
44
45
  collapsible?: boolean;
@@ -48,8 +49,7 @@ export interface DropdownProps {
48
49
  label: string;
49
50
  trigger?: Trigger;
50
51
  position?: Position;
51
- visible?: boolean;
52
- enabled?: boolean;
52
+ disabled?: boolean;
53
53
  className?: string;
54
54
  rootClassName?: string;
55
55
  style?: CSSProperties;
@@ -14,6 +14,7 @@ export var LinkTarget;
14
14
  LinkTarget["SELF"] = "_self";
15
15
  LinkTarget["PARENT"] = "_parent";
16
16
  LinkTarget["TOP"] = "_top";
17
+ LinkTarget["APPLICATION"] = "application";
17
18
  })(LinkTarget || (LinkTarget = {}));
18
19
  export var GroupView;
19
20
  (function (GroupView) {
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/navigation/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,wBAAW,CAAA;IACX,8BAAiB,CAAA;AACrB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAChB,yBAAa,CAAA;IACb,2BAAe,CAAA;AACnB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IAClB,8BAAgB,CAAA;IAChB,4BAAc,CAAA;IACd,gCAAkB,CAAA;IAClB,0BAAY,CAAA;AAChB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,kCAAqB,CAAA;IACrB,oCAAuB,CAAA;AAC3B,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACf,0BAAe,CAAA;IACf,0BAAe,CAAA;AACnB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/navigation/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,wBAAW,CAAA;IACX,8BAAiB,CAAA;AACrB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAChB,yBAAa,CAAA;IACb,2BAAe,CAAA;AACnB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,UAMX;AAND,WAAY,UAAU;IAClB,8BAAgB,CAAA;IAChB,4BAAc,CAAA;IACd,gCAAkB,CAAA;IAClB,0BAAY,CAAA;IACZ,yCAA2B,CAAA;AAC/B,CAAC,EANW,UAAU,KAAV,UAAU,QAMrB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,kCAAqB,CAAA;IACrB,oCAAuB,CAAA;AAC3B,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,OAGX;AAHD,WAAY,OAAO;IACf,0BAAe,CAAA;IACf,0BAAe,CAAA;AACnB,CAAC,EAHW,OAAO,KAAP,OAAO,QAGlB"}
@@ -0,0 +1,80 @@
1
+ .layout-row {
2
+ display: flex;
3
+ flex-direction: row;
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ // Управление переносом
8
+ .layout-row--wrap {
9
+ flex-wrap: wrap;
10
+ }
11
+
12
+ .layout-row--nowrap {
13
+ flex-wrap: nowrap;
14
+ }
15
+
16
+ // Вертикальное выравнивание
17
+ .layout-row--align-top {
18
+ align-items: flex-start;
19
+ }
20
+
21
+ .layout-row--align-middle {
22
+ align-items: center;
23
+ }
24
+
25
+ .layout-row--align-bottom {
26
+ align-items: flex-end;
27
+ }
28
+
29
+ .layout-row--align-stretch {
30
+ align-items: stretch;
31
+ }
32
+
33
+ // Горизонтальное выравнивание
34
+ .layout-row--justify-start {
35
+ justify-content: flex-start;
36
+ }
37
+
38
+ .layout-row--justify-end {
39
+ justify-content: flex-end;
40
+ }
41
+
42
+ .layout-row--justify-center {
43
+ justify-content: center;
44
+ }
45
+
46
+ .layout-row--justify-around {
47
+ justify-content: space-around;
48
+ }
49
+
50
+ .layout-row--justify-between {
51
+ justify-content: space-between;
52
+ }
53
+
54
+ .layout-row--justify-evenly {
55
+ justify-content: space-evenly;
56
+ }
57
+
58
+ // Стилизация дочерних элементов (колонок)
59
+ .layout-row > * {
60
+ box-sizing: border-box;
61
+ flex-grow: 0;
62
+ flex-shrink: 0;
63
+
64
+ // Основная ширина колонки
65
+ flex-basis: calc(100% / var(--columns) * var(--col-span, var(--columns)));
66
+ max-width: calc(100% / var(--columns) * var(--col-span, var(--columns)));
67
+
68
+ // Отступ слева (offset)
69
+ margin-left: calc(100% / var(--columns) * var(--col-offset, 0));
70
+ }
71
+
72
+ // Убираем margin-left для первого элемента в строке
73
+ .layout-row > *:first-child {
74
+ margin-left: 0;
75
+ }
76
+
77
+ // Для элементов после переноса строки
78
+ .layout-row > .layout-col--first-in-row {
79
+ margin-left: 0;
80
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-novus/n2o-components",
3
- "version": "7.29.6",
3
+ "version": "7.29.8",
4
4
  "description": "UI components for N2O framework",
5
5
  "author": "I-Novus LLC<n2o@i-novus.ru>",
6
6
  "license": "Apache-2.0",