tyrell-react 1.0.0-TC53 → 1.0.0-TC54
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.
- package/dist/components/TyCopy.d.ts +3 -1
- package/dist/components/TyCopy.d.ts.map +1 -1
- package/dist/components/TyCopy.js +4 -1
- package/dist/components/TyCopy.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
- package/src/components/TyCopy.tsx +7 -1
- package/src/version.ts +1 -1
|
@@ -12,8 +12,10 @@ export interface TyCopyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'on
|
|
|
12
12
|
flavor?: ShadedFlavor | (string & {});
|
|
13
13
|
/** Display format */
|
|
14
14
|
format?: 'text' | 'code';
|
|
15
|
-
/**
|
|
15
|
+
/** Wrap and show the full value instead of one ellipsized line */
|
|
16
16
|
multiline?: boolean;
|
|
17
|
+
/** Scroll long content sideways instead of clipping with an ellipsis */
|
|
18
|
+
horizontalScroll?: boolean;
|
|
17
19
|
/** Disable the field */
|
|
18
20
|
disabled?: boolean;
|
|
19
21
|
/** Required field */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TyCopy.d.ts","sourceRoot":"","sources":["../../src/components/TyCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC9E,KAAK,YAAY,GAAG,aAAa,GAAG,GAAG,aAAa,GAAG,GAAG,GAAG,aAAa,GAAG,CAAC;AAE9E,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACtF,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEtC,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,
|
|
1
|
+
{"version":3,"file":"TyCopy.d.ts","sourceRoot":"","sources":["../../src/components/TyCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAC9E,KAAK,YAAY,GAAG,aAAa,GAAG,GAAG,aAAa,GAAG,GAAG,GAAG,aAAa,GAAG,CAAC;AAE9E,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACtF,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,qBAAqB;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAExC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAEtC,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,kEAAkE;IAClE,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAE7C,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,MAAM,iFAiElB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useEffect, useRef } from 'react';
|
|
2
2
|
import { hostProps } from '../utils/host-props';
|
|
3
3
|
import { useBooleanProperty } from '../utils/use-boolean-prop';
|
|
4
|
-
export const TyCopy = React.forwardRef(({ value, label, size, flavor, format, multiline, disabled, required, onCopySuccess, onCopyError, ...props }, ref) => {
|
|
4
|
+
export const TyCopy = React.forwardRef(({ value, label, size, flavor, format, multiline, horizontalScroll, disabled, required, onCopySuccess, onCopyError, ...props }, ref) => {
|
|
5
5
|
const elementRef = useRef(null);
|
|
6
6
|
useEffect(() => {
|
|
7
7
|
if (ref && elementRef.current) {
|
|
@@ -31,6 +31,7 @@ export const TyCopy = React.forwardRef(({ value, label, size, flavor, format, mu
|
|
|
31
31
|
return () => bound.forEach(([n, h]) => el.removeEventListener(n, h));
|
|
32
32
|
}, [onCopySuccess, onCopyError]);
|
|
33
33
|
const isMultiline = useBooleanProperty(elementRef, 'multiline', multiline);
|
|
34
|
+
const isHorizontalScroll = useBooleanProperty(elementRef, 'horizontalScroll', horizontalScroll);
|
|
34
35
|
const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
|
|
35
36
|
const isRequired = useBooleanProperty(elementRef, 'required', required);
|
|
36
37
|
const webComponentProps = {
|
|
@@ -49,6 +50,8 @@ export const TyCopy = React.forwardRef(({ value, label, size, flavor, format, mu
|
|
|
49
50
|
webComponentProps.format = format;
|
|
50
51
|
if (isMultiline)
|
|
51
52
|
webComponentProps.multiline = '';
|
|
53
|
+
if (isHorizontalScroll)
|
|
54
|
+
webComponentProps['horizontal-scroll'] = '';
|
|
52
55
|
if (isDisabled)
|
|
53
56
|
webComponentProps.disabled = '';
|
|
54
57
|
if (isRequired)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TyCopy.js","sourceRoot":"","sources":["../../src/components/TyCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"TyCopy.js","sourceRoot":"","sources":["../../src/components/TyCopy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAwC/D,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,EACC,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,WAAW,EACX,GAAG,KAAK,EACT,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,UAAU,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YAC9B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,MAAM,KAAK,GAAmC,EAAE,CAAC;QACjD,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,aAAa,CAAC,CAAgB,CAAC,CAAC;YACxD,EAAE,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;QAC1E,CAAC;QACD,IAAI,WAAW,EAAE,CAAC;YAChB,MAAM,CAAC,GAAG,CAAC,CAAQ,EAAE,EAAE,CAAC,WAAW,CAAC,CAAgB,CAAC,CAAC;YACtD,EAAE,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC;YAAC,KAAK,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;QACtE,CAAC;QACD,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjC,MAAM,WAAW,GAAG,kBAAkB,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,CAAC;IAC3E,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,UAAU,EAAE,kBAAkB,EAAE,gBAAgB,CAAC,CAAC;IAChG,MAAM,UAAU,GAAG,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IACxE,MAAM,UAAU,GAAG,kBAAkB,CAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;IAExE,MAAM,iBAAiB,GAAwB;QAC7C,GAAG,SAAS,CAAC,KAAK,CAAC;QACnB,GAAG,EAAE,UAAU;KAChB,CAAC;IAEF,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,KAAK;QAAE,iBAAiB,CAAC,KAAK,GAAG,KAAK,CAAC;IAC3C,IAAI,IAAI;QAAE,iBAAiB,CAAC,IAAI,GAAG,IAAI,CAAC;IACxC,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAC9C,IAAI,MAAM;QAAE,iBAAiB,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9C,IAAI,WAAW;QAAE,iBAAiB,CAAC,SAAS,GAAG,EAAE,CAAC;IAClD,IAAI,kBAAkB;QAAE,iBAAiB,CAAC,mBAAmB,CAAC,GAAG,EAAE,CAAC;IACpE,IAAI,UAAU;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAChD,IAAI,UAAU;QAAE,iBAAiB,CAAC,QAAQ,GAAG,EAAE,CAAC;IAEhD,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC3D,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
package/dist/version.d.ts
CHANGED
package/dist/version.js
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
// Generated from package.json by scripts/generate-version.js
|
|
3
3
|
// Run 'npm run generate:version' to regenerate.
|
|
4
4
|
/** Current version of tyrell-react. Synced with package.json on build. */
|
|
5
|
-
export const VERSION = '1.0.0-
|
|
5
|
+
export const VERSION = '1.0.0-TC54';
|
|
6
6
|
//# sourceMappingURL=version.js.map
|
package/package.json
CHANGED
|
@@ -21,8 +21,11 @@ export interface TyCopyProps extends Omit<React.HTMLAttributes<HTMLElement>, 'on
|
|
|
21
21
|
/** Display format */
|
|
22
22
|
format?: 'text' | 'code';
|
|
23
23
|
|
|
24
|
-
/**
|
|
24
|
+
/** Wrap and show the full value instead of one ellipsized line */
|
|
25
25
|
multiline?: boolean;
|
|
26
|
+
|
|
27
|
+
/** Scroll long content sideways instead of clipping with an ellipsis */
|
|
28
|
+
horizontalScroll?: boolean;
|
|
26
29
|
|
|
27
30
|
/** Disable the field */
|
|
28
31
|
disabled?: boolean;
|
|
@@ -45,6 +48,7 @@ export const TyCopy = React.forwardRef<HTMLElement, TyCopyProps>(
|
|
|
45
48
|
flavor,
|
|
46
49
|
format,
|
|
47
50
|
multiline,
|
|
51
|
+
horizontalScroll,
|
|
48
52
|
disabled,
|
|
49
53
|
required,
|
|
50
54
|
onCopySuccess,
|
|
@@ -79,6 +83,7 @@ export const TyCopy = React.forwardRef<HTMLElement, TyCopyProps>(
|
|
|
79
83
|
}, [onCopySuccess, onCopyError]);
|
|
80
84
|
|
|
81
85
|
const isMultiline = useBooleanProperty(elementRef, 'multiline', multiline);
|
|
86
|
+
const isHorizontalScroll = useBooleanProperty(elementRef, 'horizontalScroll', horizontalScroll);
|
|
82
87
|
const isDisabled = useBooleanProperty(elementRef, 'disabled', disabled);
|
|
83
88
|
const isRequired = useBooleanProperty(elementRef, 'required', required);
|
|
84
89
|
|
|
@@ -94,6 +99,7 @@ export const TyCopy = React.forwardRef<HTMLElement, TyCopyProps>(
|
|
|
94
99
|
if (format) webComponentProps.format = format;
|
|
95
100
|
|
|
96
101
|
if (isMultiline) webComponentProps.multiline = '';
|
|
102
|
+
if (isHorizontalScroll) webComponentProps['horizontal-scroll'] = '';
|
|
97
103
|
if (isDisabled) webComponentProps.disabled = '';
|
|
98
104
|
if (isRequired) webComponentProps.required = '';
|
|
99
105
|
|
package/src/version.ts
CHANGED