@agilekit/ui 0.1.0-alpha.20 → 0.1.0-alpha.22

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,11 @@
1
+ import * as React from 'react';
2
+ export type IconButtonVariant = 'basic' | 'primary' | 'success' | 'danger' | 'subtle';
3
+ export type IconButtonSize = 'small' | 'medium' | 'large' | 'xlarge';
4
+ export interface IIconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'aria-label' | 'children'> {
5
+ ariaLabel: string;
6
+ icon: React.ReactNode;
7
+ variant?: IconButtonVariant;
8
+ size?: IconButtonSize;
9
+ }
10
+ declare const IconButton: React.FC<IIconButtonProps>;
11
+ export default IconButton;
@@ -0,0 +1,2 @@
1
+ export { default as IconButton } from './IconButton';
2
+ export type { IIconButtonProps, IconButtonSize, IconButtonVariant } from './IconButton';
@@ -7,8 +7,11 @@ interface AdornmentParams {
7
7
  iconRight?: React.ReactNode;
8
8
  datePicker?: boolean;
9
9
  dateRange?: boolean;
10
+ timePicker?: boolean;
11
+ timePickerDisabled?: boolean;
10
12
  classes: any;
11
13
  handlePopoverClick: (event: React.MouseEvent<any>) => void;
14
+ handleTimePickerClick: () => void;
12
15
  }
13
16
  interface DatePickerPopoverParams {
14
17
  open: boolean;
@@ -41,7 +44,7 @@ interface HelperTextParams {
41
44
  helperText?: React.ReactNode;
42
45
  classes: any;
43
46
  }
44
- export declare const getTextFieldAdornments: ({ startAdornment, endAdornment, iconLeft, iconRight, datePicker, dateRange, classes, handlePopoverClick, }: AdornmentParams) => {
47
+ export declare const getTextFieldAdornments: ({ startAdornment, endAdornment, iconLeft, iconRight, datePicker, dateRange, timePicker, timePickerDisabled, classes, handlePopoverClick, handleTimePickerClick, }: AdornmentParams) => {
45
48
  finalStartAdornment: React.ReactNode;
46
49
  finalEndAdornment: React.ReactNode;
47
50
  };
@@ -12,5 +12,5 @@ interface HelperTextStyles {
12
12
  }
13
13
  export declare const inputLabelStyles: (theme: ThemeAgile) => InputLabelStyles;
14
14
  export declare const helperTextStyles: (theme: ThemeAgile) => HelperTextStyles;
15
- export declare const useTextFieldStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "secondaryLabel" | "inputBase" | "inputLabel" | "inputLabelFocused" | "asteriskRequired" | "inputContainer" | "inputContainerFocus" | "inputContainerDisabled" | "inputContainerError" | "multilineContainer" | "inputDisabled" | "inputAction" | "inputGroupAppend" | "inputBtn" | "withAppend" | "withIconLeft" | "sideIcon" | "colorPickerButton" | "colorPopover" | "predefinedColorInput" | "withMask" | "append" | "edgeEnd">;
15
+ export declare const useTextFieldStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "secondaryLabel" | "inputBase" | "inputLabel" | "inputLabelFocused" | "asteriskRequired" | "inputContainer" | "inputContainerFocus" | "inputContainerDisabled" | "inputContainerError" | "multilineContainer" | "inputDisabled" | "inputAction" | "inputGroupAppend" | "inputBtn" | "withAppend" | "withIconLeft" | "sideIcon" | "colorPickerButton" | "colorPopover" | "predefinedColorInput" | "timePickerInput" | "withMask" | "append" | "edgeEnd">;
16
16
  export {};
@@ -25,6 +25,7 @@ export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement>,
25
25
  multiline?: boolean;
26
26
  datePicker?: boolean;
27
27
  dateRange?: boolean;
28
+ timePicker?: boolean;
28
29
  colorPicker?: boolean | number;
29
30
  colorPickerMode?: 'free' | 'predefined';
30
31
  predefinedColors?: string[];
@@ -27,6 +27,7 @@ export { default as FileUpload, type FileUploadItemProps } from './components/Fi
27
27
  export { Gallery } from './components/Gallery/Gallery';
28
28
  export { default as Heading } from './components/Heading/Heading';
29
29
  export { default as Icon } from './components/Icon/Icon';
30
+ export { default as IconButton } from './components/IconButton/IconButton';
30
31
  export { default as InputFile } from './components/InputFile/InputFile';
31
32
  export { default as InputDuration } from './components/InputDuration';
32
33
  export { default as NumberStepper } from './components/NumberStepper';
@@ -67,6 +68,7 @@ export { default as TextField } from './components/TextField';
67
68
  export { default as UnstyledLink } from './components/UnstyledLink/UnstyledLink';
68
69
  export { default as SpinnerCube } from './components/SpinnerCube/SpinnerCube';
69
70
  export { default as StatusInline } from './components/StatusInline/StatusInline';
71
+ export type { IIconButtonProps, IconButtonSize, IconButtonVariant } from './components/IconButton/IconButton';
70
72
  export type { IStepType } from './components/ProgressIndicator/ProgressIndicator';
71
73
  export type { ThemeAgile } from './Theme';
72
74
  export { default as defaultTheme, themeObject } from './Theme';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agilekit/ui",
3
- "version": "0.1.0-alpha.20",
3
+ "version": "0.1.0-alpha.22",
4
4
  "description": "Agile's product component library",
5
5
  "author": "Michael de Lima Alves <michaelalves@outlook.com>",
6
6
  "license": "MIT",