@instructure/ui-pill 8.48.3 → 8.48.4-snapshot-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.
Files changed (27) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/es/Pill/__new-tests__/Pill.test.js +80 -0
  3. package/es/Pill/index.js +19 -13
  4. package/es/Pill/props.js +3 -1
  5. package/es/Pill/styles.js +21 -3
  6. package/es/Pill/theme.js +4 -4
  7. package/lib/Pill/__new-tests__/Pill.test.js +81 -0
  8. package/lib/Pill/index.js +19 -13
  9. package/lib/Pill/props.js +3 -1
  10. package/lib/Pill/styles.js +21 -3
  11. package/lib/Pill/theme.js +4 -4
  12. package/package.json +21 -16
  13. package/src/Pill/README.md +9 -2
  14. package/src/Pill/__new-tests__/Pill.test.tsx +86 -0
  15. package/src/Pill/index.tsx +35 -16
  16. package/src/Pill/props.ts +16 -2
  17. package/src/Pill/styles.ts +21 -3
  18. package/src/Pill/theme.ts +4 -4
  19. package/tsconfig.build.json +3 -0
  20. package/tsconfig.build.tsbuildinfo +1 -1
  21. package/types/Pill/__new-tests__/Pill.test.d.ts +2 -0
  22. package/types/Pill/__new-tests__/Pill.test.d.ts.map +1 -0
  23. package/types/Pill/index.d.ts +6 -1
  24. package/types/Pill/index.d.ts.map +1 -1
  25. package/types/Pill/props.d.ts +9 -1
  26. package/types/Pill/props.d.ts.map +1 -1
  27. package/types/Pill/styles.d.ts.map +1 -1
package/types/Pill/__new-tests__/Pill.test.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import '@testing-library/jest-dom';
2
+ //# sourceMappingURL=Pill.test.d.ts.map
package/types/Pill/__new-tests__/Pill.test.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pill.test.d.ts","sourceRoot":"","sources":["../../../src/Pill/__new-tests__/Pill.test.tsx"],"names":[],"mappings":"AA0BA,OAAO,2BAA2B,CAAA"}
package/types/Pill/index.d.ts CHANGED
@@ -16,6 +16,8 @@ declare class Pill extends Component<PillProps, PillState> {
16
16
  elementRef?: ((element: Element | null) => void) | undefined;
17
17
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
18
18
  children: import("react").ReactNode;
19
+ statusLabel?: string | undefined;
20
+ renderIcon?: import("react").ReactNode;
19
21
  })[];
20
22
  static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
21
23
  as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
@@ -23,15 +25,18 @@ declare class Pill extends Component<PillProps, PillState> {
23
25
  elementRef?: ((element: Element | null) => void) | undefined;
24
26
  margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
25
27
  children: import("react").ReactNode;
28
+ statusLabel?: string | undefined;
29
+ renderIcon?: import("react").ReactNode;
26
30
  }>;
27
31
  static defaultProps: {
28
32
  color: string;
29
33
  };
30
34
  ref: Element | null;
35
+ ellipsisRef: HTMLElement | null;
31
36
  constructor(props: PillProps);
32
37
  componentDidMount(): void;
33
38
  componentDidUpdate(): void;
34
- handleTruncation(truncated: boolean): void;
39
+ setTruncation(): void;
35
40
  handleRef: (el: Element | null) => void;
36
41
  renderPill(focused?: TooltipRenderChildrenArgs['focused'], getTriggerProps?: TooltipRenderChildrenArgs['getTriggerProps']): jsx.JSX.Element;
37
42
  render(): jsx.JSX.Element;
package/types/Pill/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Pill/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAExE,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAChD,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAEd,KAAK,EAAE,SAAS;IAQ5B,iBAAiB;IAIjB,kBAAkB;IAIlB,gBAAgB,CAAC,SAAS,EAAE,OAAO;IAQnC,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,UAAU,CACR,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC9C,eAAe,CAAC,EAAE,yBAAyB,CAAC,iBAAiB,CAAC;IAoDhE,MAAM;CAaP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Pill/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAA;AAExE,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAChD,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAElB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAO;gBAE1B,KAAK,EAAE,SAAS;IAQ5B,iBAAiB;IAKjB,kBAAkB;IAIlB,aAAa;IAQb,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,UAAU,CACR,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,EAC9C,eAAe,CAAC,EAAE,yBAAyB,CAAC,iBAAiB,CAAC;IA2DhE,MAAM;CAuBP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
package/types/Pill/props.d.ts CHANGED
@@ -15,11 +15,19 @@ type PillOwnProps = {
15
15
  */
16
16
  margin?: Spacing;
17
17
  children: React.ReactNode;
18
+ /**
19
+ * Adds a status label to the left of the main text.
20
+ */
21
+ statusLabel?: string;
22
+ /**
23
+ * An icon displayed to the left of the text.
24
+ */
25
+ renderIcon?: React.ReactNode;
18
26
  };
19
27
  type PropKeys = keyof PillOwnProps;
20
28
  type AllowedPropKeys = Readonly<Array<PropKeys>>;
21
29
  type PillProps = PillOwnProps & WithStyleProps<PillTheme, PillStyle> & OtherHTMLAttributes<PillOwnProps>;
22
- type PillStyle = ComponentStyle<'pill' | 'text' | 'maxWidth'>;
30
+ type PillStyle = ComponentStyle<'pill' | 'text' | 'maxWidth' | 'status' | 'icon'>;
23
31
  declare const propTypes: PropValidators<PropKeys>;
24
32
  declare const allowedProps: AllowedPropKeys;
25
33
  type PillState = {
package/types/Pill/props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Pill/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AACD,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAAC,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAA;AAE7D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAavC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,KAAK,SAAS,GAAG;IACf,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Pill/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,KAAK,YAAY,GAAG;IAClB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B,CAAA;AACD,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAC7B,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CACjD,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAevC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,KAAK,SAAS,GAAG;IACf,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
package/types/Pill/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Pill/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,SAAS,SAClB,SAAS,KACf,SAuDF,CAAA;AAED,eAAe,aAAa,CAAA"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Pill/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,SAAS,SAClB,SAAS,KACf,SAyEF,CAAA;AAED,eAAe,aAAa,CAAA"}