@i-novus/n2o-components 7.29.5 → 7.29.6

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 (6) hide show
  1. package/lib/Typography/EllipsisText.d.ts +5 -0
  2. package/lib/Typography/EllipsisText.js +22 -0
  3. package/lib/Typography/EllipsisText.js.map +1 -0
  4. package/lib/layouts/Scroll/useSticky.js +3 -0
  5. package/lib/layouts/Scroll/useSticky.js.map +1 -1
  6. package/package.json +1 -1
package/lib/Typography/EllipsisText.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import React, { ComponentProps } from 'react';
2
+ export declare type FormattedTextProps = {
3
+ children: string | number;
4
+ } & Omit<ComponentProps<'span'>, 'children'>;
5
+ export declare const EllipsisText: React.MemoExoticComponent<({ children, className, ...attributes }: FormattedTextProps) => JSX.Element | null>;
package/lib/Typography/EllipsisText.js ADDED
@@ -0,0 +1,22 @@
1
+ import { __rest } from "tslib";
2
+ import React, { memo } from 'react';
3
+ import classNames from 'classnames';
4
+ import { encodeAttribute } from './utils';
5
+ export const EllipsisText = memo((_a) => {
6
+ var { children = '', className } = _a, attributes = __rest(_a, ["children", "className"]);
7
+ const text = children === null || children === void 0 ? void 0 : children.toString();
8
+ if (!text) {
9
+ return null;
10
+ }
11
+ let title;
12
+ const isMultiline = text.includes('\n');
13
+ if (isMultiline) {
14
+ title = encodeAttribute(text);
15
+ }
16
+ return (React.createElement("span", Object.assign({ title: title, className: classNames('d-inline-block text-truncate w-100', className) }, attributes), isMultiline
17
+ // фиктивное троеточие для многострочного текста, если первая строка короткая
18
+ ? `${text.split('\n')[0]}...`
19
+ : text));
20
+ });
21
+ EllipsisText.displayName = '@n2o-components/Typography/EllipsisText';
22
+ //# sourceMappingURL=EllipsisText.js.map
package/lib/Typography/EllipsisText.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EllipsisText.js","sourceRoot":"","sources":["../../src/Typography/EllipsisText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAkB,MAAM,OAAO,CAAA;AACnD,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAMzC,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,EAIb,EAAE,EAAE;QAJS,EAC9B,QAAQ,GAAG,EAAE,EACb,SAAS,OAEQ,EADd,UAAU,cAHiB,yBAIjC,CADgB;IAEb,MAAM,IAAI,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,EAAE,CAAA;IAEjC,IAAI,CAAC,IAAI,EAAE;QAAE,OAAO,IAAI,CAAA;KAAE;IAE1B,IAAI,KAAK,CAAA;IACT,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEvC,IAAI,WAAW,EAAE;QAAE,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,CAAA;KAAE;IAElD,OAAO,CACH,4CAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,oCAAoC,EAAE,SAAS,CAAC,IAAM,UAAU,GAElG,WAAW;QACP,6EAA6E;QAC7E,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK;QAC7B,CAAC,CAAC,IAAI,CAEX,CACV,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,yCAAyC,CAAA"}
package/lib/layouts/Scroll/useSticky.js CHANGED
@@ -29,12 +29,15 @@ export const useSticky = (containerRef, targetRef) => {
29
29
  offset = Math.floor(cc.top - sc.top + scrollContainer.scrollTop);
30
30
  };
31
31
  const resizeObserver = new ResizeObserver(onResize);
32
+ const intersectionObserver = new IntersectionObserver(onResize);
32
33
  scrollContainer.addEventListener('scroll', onScroll);
33
34
  resizeObserver.observe(scrollContainer);
35
+ intersectionObserver.observe(container);
34
36
  onScroll();
35
37
  // eslint-disable-next-line consistent-return
36
38
  return () => {
37
39
  resizeObserver.unobserve(scrollContainer);
40
+ intersectionObserver.unobserve(container);
38
41
  scrollContainer.removeEventListener('scroll', onScroll);
39
42
  };
40
43
  }, [scrollContainer, container, target]);
package/lib/layouts/Scroll/useSticky.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSticky.js","sourceRoot":"","sources":["../../../src/layouts/Scroll/useSticky.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,CAAC,MAAM,SAAS,GAAG,CACrB,YAAoC,EACpC,SAAiC,EACnC,EAAE;IACA,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAChE,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;IACtC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,GAAG,CAAC,CAAA;QAEd,IAAI,CAAC,eAAe,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,EAAE;YAAE,OAAM;SAAE;QAEzD,MAAM,QAAQ,GAAG,GAAG,EAAE;YAClB,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CAAA;YACrC,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAA;YACzC,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAA;YACnC,MAAM,MAAM,GAAG,UAAU,GAAG,OAAO,CAAA;YAEnC,IAAI,GAAG,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,CAAA;YAEhC,IAAI,GAAG,GAAG,CAAC,EAAE;gBAAE,GAAG,GAAG,CAAC,CAAA;aAAE;YACxB,IAAI,GAAG,GAAG,MAAM,EAAE;gBAAE,GAAG,GAAG,MAAM,CAAA;aAAE;YAElC,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,KAAK,CAAA;QACnD,CAAC,CAAA;QACD,MAAM,QAAQ,GAAG,GAAG,EAAE;YAClB,MAAM,EAAE,GAAG,eAAe,CAAC,qBAAqB,EAAE,CAAA;YAClD,MAAM,EAAE,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAA;YAE5C,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;QACpE,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAA;QAEnD,eAAe,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACpD,cAAc,CAAC,OAAO,CAAC,eAAe,CAAC,CAAA;QACvC,QAAQ,EAAE,CAAA;QAEV,6CAA6C;QAC7C,OAAO,GAAG,EAAE;YACR,cAAc,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;YACzC,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3D,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;AAC5C,CAAC,CAAA"}
1
+ {"version":3,"file":"useSticky.js","sourceRoot":"","sources":["../../../src/layouts/Scroll/useSticky.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,MAAM,CAAC,MAAM,SAAS,GAAG,CACrB,YAAoC,EACpC,SAAiC,EACnC,EAAE;IACA,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAChE,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;IACtC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAA;IAEhC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,MAAM,GAAG,CAAC,CAAA;QAEd,IAAI,CAAC,eAAe,IAAI,CAAC,SAAS,IAAI,CAAC,MAAM,EAAE;YAAE,OAAM;SAAE;QAEzD,MAAM,QAAQ,GAAG,GAAG,EAAE;YAClB,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,CAAA;YACrC,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAA;YACzC,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAA;YACnC,MAAM,MAAM,GAAG,UAAU,GAAG,OAAO,CAAA;YAEnC,IAAI,GAAG,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,CAAA;YAEhC,IAAI,GAAG,GAAG,CAAC,EAAE;gBAAE,GAAG,GAAG,CAAC,CAAA;aAAE;YACxB,IAAI,GAAG,GAAG,MAAM,EAAE;gBAAE,GAAG,GAAG,MAAM,CAAA;aAAE;YAElC,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,KAAK,CAAA;QACnD,CAAC,CAAA;QACD,MAAM,QAAQ,GAAG,GAAG,EAAE;YAClB,MAAM,EAAE,GAAG,eAAe,CAAC,qBAAqB,EAAE,CAAA;YAClD,MAAM,EAAE,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAA;YAE5C,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;QACpE,CAAC,CAAA;QAED,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAA;QACnD,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CAAC,QAAQ,CAAC,CAAA;QAE/D,eAAe,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QACpD,cAAc,CAAC,OAAO,CAAC,eAAe,CAAC,CAAA;QACvC,oBAAoB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QACvC,QAAQ,EAAE,CAAA;QAEV,6CAA6C;QAC7C,OAAO,GAAG,EAAE;YACR,cAAc,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;YACzC,oBAAoB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;YACzC,eAAe,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3D,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAA;AAC5C,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@i-novus/n2o-components",
3
- "version": "7.29.5",
3
+ "version": "7.29.6",
4
4
  "description": "UI components for N2O framework",
5
5
  "author": "I-Novus LLC<n2o@i-novus.ru>",
6
6
  "license": "Apache-2.0",