@agilekit/ui 0.1.0-alpha.16 → 0.1.0-alpha.18

package/lib/src/components/InputDuration/InputDuration.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { IInputDurationProps } from './InputDuration.types';
+export type { DurationValue, IInputDurationProps } from './InputDuration.types';
+declare const InputDuration: React.FC<IInputDurationProps>;
+export default InputDuration;

package/lib/src/components/InputDuration/InputDuration.styles.d.ts

@@ -0,0 +1 @@
+export declare const useInputDurationStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"divider" | "root" | "helperText" | "secondaryLabel" | "inputLabel" | "inputLabelFocused" | "asteriskRequired" | "inputContainer" | "inputContainerFocus" | "inputContainerDisabled" | "inputContainerError" | "sizeMd" | "sizeSm" | "segmentContainer" | "iconWrapper" | "iconMd" | "iconSm" | "numberContainer" | "numberInput" | "numberInputDisabled" | "unitLabel">;

package/lib/src/components/InputDuration/InputDuration.types.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { BasicTextFieldProps } from '../TextField';
+export interface DurationValue {
+    hours: number | '';
+    minutes: number | '';
+}
+export interface IInputDurationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue' | 'onBlur' | 'onFocus'>, BasicTextFieldProps {
+    value?: DurationValue;
+    onChange?(value: DurationValue): void;
+    size?: 'md' | 'sm';
+    name?: string;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}

package/lib/src/components/InputDuration/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './InputDuration';
+export type { DurationValue, IInputDurationProps } from './InputDuration.types';

package/lib/src/components/InputDuration/tests/InputDuration.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/components/TextField/TextField.renderers.d.ts

@@ -30,8 +30,11 @@ interface ColorPickerPopoverParams {
     anchorEl: HTMLElement | null;
     classes: any;
     value?: string | number;
+    colorPickerMode: 'free' | 'predefined';
+    predefinedColors?: string[];
     handlePopoverClose: () => void;
     handleColorPicker: (color: ColorResult) => void;
+    handlePredefinedColorPicker: (color: ColorResult) => void;
 }
 interface HelperTextParams {
     error?: Error | boolean | string;
@@ -44,6 +47,6 @@ export declare const getTextFieldAdornments: ({ startAdornment, endAdornment, ic
 };
 export declare const renderDatePickerPopover: ({ open, anchorEl, datePicker, dateRange, locale, handlePopoverClose, handleDatePicker, }: DatePickerPopoverParams) => React.ReactNode;
 export declare const renderColorPickerButton: ({ classes, value, handlePopoverClick, }: ColorPickerButtonParams) => React.ReactNode;
-export declare const renderColorPickerPopover: ({ name, open, anchorEl, classes, value, handlePopoverClose, handleColorPicker, }: ColorPickerPopoverParams) => React.ReactNode;
+export declare const renderColorPickerPopover: ({ name, open, anchorEl, classes, value, colorPickerMode, predefinedColors, handlePopoverClose, handleColorPicker, handlePredefinedColorPicker, }: ColorPickerPopoverParams) => React.ReactNode;
 export declare const renderHelperText: ({ error, helperText, classes }: HelperTextParams) => React.ReactNode;
 export {};

package/lib/src/components/TextField/TextField.styles.d.ts

@@ -12,5 +12,5 @@ interface HelperTextStyles {
 }
 export declare const inputLabelStyles: (theme: ThemeAgile) => InputLabelStyles;
 export declare const helperTextStyles: (theme: ThemeAgile) => HelperTextStyles;
-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" | "withMask" | "append" | "edgeEnd">;
+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">;
 export {};

package/lib/src/components/TextField/TextField.types.d.ts

@@ -26,6 +26,8 @@ export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement>,
     datePicker?: boolean;
     dateRange?: boolean;
     colorPicker?: boolean | number;
+    colorPickerMode?: 'free' | 'predefined';
+    predefinedColors?: string[];
     type?: string;
     mask?: string;
     name?: string;

package/lib/src/components/TextField/tests/TextField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/index.d.ts

@@ -28,6 +28,7 @@ export { Gallery } from './components/Gallery/Gallery';
 export { default as Heading } from './components/Heading/Heading';
 export { default as Icon } from './components/Icon/Icon';
 export { default as InputFile } from './components/InputFile/InputFile';
+export { default as InputDuration } from './components/InputDuration';
 export { default as Label } from './components/Label/Label';
 export { default as Labelled } from './components/Labelled/Labelled';
 export { default as Link } from './components/Link/Link';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilekit/ui",
-  "version": "0.1.0-alpha.16",
+  "version": "0.1.0-alpha.18",
   "description": "Agile's product component library",
   "author": "Michael de Lima Alves <michaelalves@outlook.com>",
   "license": "MIT",