@nulogy/components 14.7.0 → 14.7.2

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.
@@ -26,3 +26,4 @@ export declare const UsingRefToControlFocus: {
26
26
  };
27
27
  export declare const Controlled: () => React.JSX.Element;
28
28
  export declare const WithIcon: () => React.JSX.Element;
29
+ export declare const WithACustomNoOptionsMessage: () => React.JSX.Element;
@@ -1,13 +1,16 @@
1
1
  import React from "react";
2
2
  import { ComponentVariant } from "../NDSProvider/ComponentVariantContext";
3
3
  import { StyledProps } from "../StyledProps";
4
- declare const DropdownMenu: React.ForwardRefExoticComponent<{
5
- children?: React.ReactNode;
6
- className?: string;
4
+ type DropdownMenuRenderProps = {
5
+ closeMenu: (e: React.MouseEvent) => void;
6
+ openMenu: (e: React.MouseEvent) => void;
7
+ };
8
+ interface DropdownMenuProps extends StyledProps {
9
+ children?: React.ReactNode | ((props: DropdownMenuRenderProps) => React.ReactElement);
7
10
  variant?: ComponentVariant;
8
11
  id?: string;
9
12
  disabled?: boolean;
10
- trigger?: () => React.FunctionComponentElement<unknown>;
13
+ trigger?: () => React.ReactElement;
11
14
  backgroundColor?: string;
12
15
  showArrow?: boolean;
13
16
  placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
@@ -18,5 +21,7 @@ declare const DropdownMenu: React.ForwardRefExoticComponent<{
18
21
  openAriaLabel?: string;
19
22
  closeAriaLabel?: string;
20
23
  openOnHover?: boolean;
21
- } & StyledProps & React.RefAttributes<React.Ref<unknown>>>;
24
+ className?: string;
25
+ }
26
+ declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps & React.RefAttributes<React.Ref<unknown>>>;
22
27
  export default DropdownMenu;
@@ -52,3 +52,9 @@ export declare const SetToDisabled: {
52
52
  };
53
53
  };
54
54
  export declare const WithConditionallyRenderedMenuItems: () => React.JSX.Element;
55
+ export declare const WithRenderProps: {
56
+ (): React.JSX.Element;
57
+ story: {
58
+ name: string;
59
+ };
60
+ };
@@ -107,3 +107,4 @@ export declare const UsingRefToControlFocus: () => React.JSX.Element;
107
107
  export declare const WithTopMenuPlacement: () => React.JSX.Element;
108
108
  export declare const WithCustomStyles: () => React.JSX.Element;
109
109
  export declare const WithCustomOptionFields: () => React.JSX.Element;
110
+ export declare const WithACustomNoOptionsMessage: () => React.JSX.Element;
@@ -6,14 +6,14 @@ interface ResizableProps {
6
6
  showContainerOutline?: boolean;
7
7
  }
8
8
  export declare const Resizable: ({ children, containerWidth, onResize, showContainerOutline, }: ResizableProps) => React.JSX.Element;
9
- export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "inline" | "compact" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
9
+ export declare const WidthText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "inline" | "compact" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
10
10
  variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
11
11
  inline?: boolean;
12
12
  compact?: boolean;
13
13
  disabled?: boolean;
14
14
  textTransform?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "full-width" | "capitalize" | "full-size-kana" | "lowercase" | "uppercase";
15
15
  fontSize?: string;
16
- } & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "disabled" | "inline" | "compact" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
16
+ } & import("../..").StyledProps & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement>, never>> & string & Omit<import("framer-motion").CustomDomComponent<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "inline" | "compact" | "disabled" | keyof React.HTMLAttributes<HTMLParagraphElement> | "textTransform" | keyof import("../..").StyledProps> & React.HTMLAttributes<HTMLParagraphElement> & {
17
17
  variant?: import("../../NDSProvider/ComponentVariantContext").ComponentVariant;
18
18
  inline?: boolean;
19
19
  compact?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nulogy/components",
3
- "version": "14.7.0",
3
+ "version": "14.7.2",
4
4
  "description": "Component library for the Nulogy Design System - http://nulogy.design",
5
5
  "private": false,
6
6
  "publishConfig": {
@@ -139,7 +139,7 @@
139
139
  "rollup-plugin-babel": "^4.4.0",
140
140
  "rollup-plugin-commonjs": "^10.1.0",
141
141
  "rollup-plugin-replace": "^2.2.0",
142
- "rollup-plugin-typescript2": "^0.30.0",
142
+ "rollup-plugin-typescript2": "^0.36.0",
143
143
  "semantic-release": "^17.2.1",
144
144
  "source-map-loader": "^1.0.1",
145
145
  "storybook-addon-performance": "^0.17.1",
@@ -1,11 +0,0 @@
1
- export default NavBarSearch;
2
- declare const NavBarSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
3
- [x: string]: any;
4
- name?: string;
5
- onSubmit: any;
6
- }, never>> & string & Omit<({ name, onSubmit, ...props }: {
7
- [x: string]: any;
8
- name?: string;
9
- onSubmit: any;
10
- }) => React.JSX.Element, keyof React.Component<any, {}, any>>;
11
- import React from "react";
@@ -1 +0,0 @@
1
- export { default as NavBarSearch } from "./NavBarSearch";
@@ -1,32 +0,0 @@
1
- export function getMockRows(numRows: any): {
2
- id: number;
3
- c1: string;
4
- c2: string;
5
- c3: string;
6
- c4: string;
7
- c5: string;
8
- c6: string;
9
- c7: string;
10
- c8: string;
11
- c9: string;
12
- c10: string;
13
- c11: string;
14
- c12: string;
15
- c13: string;
16
- c14: string;
17
- c15: string;
18
- c16: string;
19
- c17: string;
20
- c18: string;
21
- c19: string;
22
- c20: string;
23
- c21: string;
24
- }[];
25
- export const mockColumns: {
26
- label: string;
27
- dataKey: string;
28
- }[];
29
- export function getMockColumns(n: any): {
30
- label: string;
31
- dataKey: string;
32
- }[];
File without changes
@@ -1,2 +0,0 @@
1
- export function mockDate(date: any): void;
2
- export function resetDate(): void;
@@ -1,8 +0,0 @@
1
- export default class DetectOutsideClick extends React.Component<any, any, any> {
2
- constructor(props: any);
3
- handleOutsideClick(e: any): void;
4
- componentDidMount(): void;
5
- componentWillUnmount(): void;
6
- render(): React.JSX.Element;
7
- }
8
- import React from "react";
@@ -1,16 +0,0 @@
1
- export default ScrollIndicators;
2
- declare class ScrollIndicators extends React.Component<any, any, any> {
3
- constructor();
4
- state: {
5
- scrollTop: number;
6
- };
7
- menuRef: React.RefObject<any>;
8
- handleScroll(): void;
9
- offsetHeight: any;
10
- scrollHeight: any;
11
- componentDidMount(): void;
12
- contentHiddenBelow(): boolean;
13
- contentHiddenAbove(): boolean;
14
- render(): React.JSX.Element;
15
- }
16
- import React from "react";
@@ -1,2 +0,0 @@
1
- export default convertPxToNumber;
2
- declare function convertPxToNumber(px: any): number;
@@ -1 +0,0 @@
1
- export function registerDatePickerLocales(): any[];
@@ -1,2 +0,0 @@
1
- export default generateId;
2
- declare function generateId(): string;
@@ -1,2 +0,0 @@
1
- export default omit;
2
- declare function omit(obj: any, prop: any): any;
@@ -1,3 +0,0 @@
1
- export function getSubset(o: any, propObj: any): any;
2
- export function omitSubset(o: any, propObj: any): {};
3
- export function pick(o: any, ...fields: any[]): any;
@@ -1,6 +0,0 @@
1
- declare namespace _default {
2
- const title: string;
3
- }
4
- export default _default;
5
- export function _UseWindowDimensions(): React.JSX.Element;
6
- import React from "react";
@@ -1,39 +0,0 @@
1
- export function getWindowDimensionInfo(width: any, height: any, theme: any): {
2
- width: any;
3
- height: any;
4
- widthBreakpoints: {
5
- xlargeBreakpoint: number;
6
- largeBreakpoint: number;
7
- mediumBreakpoint: number;
8
- smallBreakpoint: number;
9
- xSmallBreakpoint: number;
10
- isXlargeScreen: boolean;
11
- isLargeScreen: boolean;
12
- isMediumScreen: boolean;
13
- isSmallScreen: boolean;
14
- isSmallestScreen: boolean;
15
- isGreaterThanLargeScreen: boolean;
16
- isGreaterThanMediumScreen: boolean;
17
- isGreaterThanSmallScreen: boolean;
18
- };
19
- };
20
- export default useWindowDimensions;
21
- declare function useWindowDimensions(): {
22
- width: any;
23
- height: any;
24
- widthBreakpoints: {
25
- xlargeBreakpoint: number;
26
- largeBreakpoint: number;
27
- mediumBreakpoint: number;
28
- smallBreakpoint: number;
29
- xSmallBreakpoint: number;
30
- isXlargeScreen: boolean;
31
- isLargeScreen: boolean;
32
- isMediumScreen: boolean;
33
- isSmallScreen: boolean;
34
- isSmallestScreen: boolean;
35
- isGreaterThanLargeScreen: boolean;
36
- isGreaterThanMediumScreen: boolean;
37
- isGreaterThanSmallScreen: boolean;
38
- };
39
- };
@@ -1,3 +0,0 @@
1
- export default withWindowDimensions;
2
- declare function withWindowDimensions(Component: any): (props: any) => React.JSX.Element;
3
- import React from "react";