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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BasicTextFieldProps } from '../TextField/TextField';
+import { BasicTextFieldProps } from '../TextField';
 interface Option {
     readonly label: string;
     readonly value: string;

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

@@ -1,58 +1,6 @@
 import React from 'react';
-import { NumberFormatValues } from 'react-number-format';
 import 'react-calendar/dist/Calendar.css';
-export interface BasicTextFieldProps {
-    disabled?: boolean;
-    label?: string;
-    labelHidden?: boolean;
-    secondaryLabel?: React.ReactNode;
-    error?: Error | boolean | string;
-    helperText?: React.ReactNode;
-    placeholder?: string;
-    id?: string;
-    displayRequired?: boolean;
-}
-export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement>, BasicTextFieldProps {
-    inputRef?: any;
-    prepend?: React.ReactNode;
-    append?: React.ReactNode;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-    value?: string | number | undefined;
-    readOnly?: boolean;
-    autoFocus?: boolean;
-    autoComplete?: string;
-    focused?: boolean;
-    multiline?: boolean;
-    datePicker?: boolean;
-    dateRange?: boolean;
-    colorPicker?: boolean | number;
-    type?: string;
-    mask?: string;
-    name?: string;
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
-    inputProps?: Record<string, any>;
-    inputSize?: 'medium' | 'large';
-    onFocus?: any;
-    onBlur?: any;
-    color?: 'primary' | 'secondary' | undefined;
-    rows?: string | number;
-    rowsMax?: string | number;
-    rowsMin?: string | number;
-    onChange?(e: React.ChangeEvent<any> | string, id?: string): void;
-    mode?: string;
-    decimalScale?: number;
-    fixedDecimalScale?: boolean;
-    allowNegative?: boolean;
-    prefix?: string;
-    suffix?: string;
-    defaultValue?: string | number;
-    isNumericString?: boolean;
-    format?: string;
-    allowEmptyFormatting?: boolean;
-    isAllowed?: (values: NumberFormatValues) => boolean;
-    locale?: string;
-}
+import type { ITextFieldProps } from './TextField.types';
+export type { BasicTextFieldProps, ITextFieldProps } from './TextField.types';
 declare const TextField: React.FC<ITextFieldProps>;
 export default TextField;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const createInputChangeEvent: (value: string | number, name?: string) => React.ChangeEvent<HTMLInputElement>;
+export declare const formatDatePickerValue: (value: any, dateRange: boolean, locale: string) => string;

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { ColorResult } from 'react-color';
+interface AdornmentParams {
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    datePicker?: boolean;
+    dateRange?: boolean;
+    classes: any;
+    handlePopoverClick: (event: React.MouseEvent<any>) => void;
+}
+interface DatePickerPopoverParams {
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    datePicker?: boolean;
+    dateRange?: boolean;
+    locale: string;
+    handlePopoverClose: () => void;
+    handleDatePicker: (value: any) => void;
+}
+interface ColorPickerButtonParams {
+    classes: any;
+    value?: string | number;
+    handlePopoverClick: (event: React.MouseEvent<any>) => void;
+}
+interface ColorPickerPopoverParams {
+    name?: string;
+    open: boolean;
+    anchorEl: HTMLElement | null;
+    classes: any;
+    value?: string | number;
+    handlePopoverClose: () => void;
+    handleColorPicker: (color: ColorResult) => void;
+}
+interface HelperTextParams {
+    error?: Error | boolean | string;
+    helperText?: React.ReactNode;
+    classes: any;
+}
+export declare const getTextFieldAdornments: ({ startAdornment, endAdornment, iconLeft, iconRight, datePicker, dateRange, classes, handlePopoverClick, }: AdornmentParams) => {
+    finalStartAdornment: React.ReactNode;
+    finalEndAdornment: React.ReactNode;
+};
+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 renderHelperText: ({ error, helperText, classes }: HelperTextParams) => React.ReactNode;
+export {};

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

@@ -0,0 +1,55 @@
+import React from 'react';
+import { NumberFormatValues } from 'react-number-format';
+export interface BasicTextFieldProps {
+    disabled?: boolean;
+    label?: string;
+    labelHidden?: boolean;
+    secondaryLabel?: React.ReactNode;
+    error?: Error | boolean | string;
+    helperText?: React.ReactNode;
+    placeholder?: string;
+    id?: string;
+    displayRequired?: boolean;
+}
+export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement>, BasicTextFieldProps {
+    inputRef?: any;
+    prepend?: React.ReactNode;
+    append?: React.ReactNode;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    value?: string | number | undefined;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    autoComplete?: string;
+    focused?: boolean;
+    multiline?: boolean;
+    datePicker?: boolean;
+    dateRange?: boolean;
+    colorPicker?: boolean | number;
+    type?: string;
+    mask?: string;
+    name?: string;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    inputProps?: Record<string, any>;
+    inputSize?: 'medium' | 'large';
+    onFocus?: any;
+    onBlur?: any;
+    color?: 'primary' | 'secondary' | undefined;
+    rows?: string | number;
+    rowsMax?: string | number;
+    rowsMin?: string | number;
+    onChange?(e: React.ChangeEvent<any> | string, id?: string): void;
+    mode?: string;
+    decimalScale?: number;
+    fixedDecimalScale?: boolean;
+    allowNegative?: boolean;
+    prefix?: string;
+    suffix?: string;
+    defaultValue?: string | number;
+    isNumericString?: boolean;
+    format?: string;
+    allowEmptyFormatting?: boolean;
+    isAllowed?: (values: NumberFormatValues) => boolean;
+    locale?: string;
+}

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

@@ -0,0 +1,2 @@
+export { default } from './TextField';
+export type { BasicTextFieldProps, ITextFieldProps } from './TextField.types';

package/lib/src/index.d.ts

@@ -60,7 +60,7 @@ export { default as TableListRow } from './components/TableList/components/Table
 export { default as TopBar } from './components/TopBar/TopBar';
 export { default as Tabs } from './components/Tabs/Tabs';
 export { default as Tag } from './components/Tag/Tag';
-export { default as TextField } from './components/TextField/TextField';
+export { default as TextField } from './components/TextField';
 export { default as UnstyledLink } from './components/UnstyledLink/UnstyledLink';
 export { default as SpinnerCube } from './components/SpinnerCube/SpinnerCube';
 export { default as StatusInline } from './components/StatusInline/StatusInline';

package/package.json

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

package/src/components/utils/breakpoints.ts

@@ -1,3 +1,7 @@
+/**
+ * @file utils/breakpoints.ts
+ * @description Source module for `utils/breakpoints`.
+ */
 export const Breakpoints = {
   mobileXS: 374,
   // tslint:disable-next-line:object-literal-sort-keys

package/src/components/utils/browser.ts

@@ -1,3 +1,7 @@
+/**
+ * @file utils/browser.ts
+ * @description Source module for `utils/browser`.
+ */
 const isIE = (): boolean => {
   const ua = window.navigator.userAgent;
 

package/src/components/utils/findParentBySelector.ts

@@ -1,3 +1,7 @@
+/**
+ * @file utils/findParentBySelector.ts
+ * @description Source module for `utils/findParentBySelector`.
+ */
 function collectionHas(a, b) {
   for (let i = 0, len = a.length; i < len; i++) {
     if (a[i] === b) {

package/src/components/utils/idGenerator.ts

@@ -1,3 +1,7 @@
+/**
+ * @file utils/idGenerator.ts
+ * @description Source module for `utils/idGenerator`.
+ */
 export const idGenerator = (prefix: string | number): (() => string) => {
   let index = 1;
   return () => '' + prefix + index++;

package/src/components/utils/index.ts

@@ -1,3 +1,7 @@
+/**
+ * @file utils/index.ts
+ * @description Public exports for the `utils` component module.
+ */
 export { Breakpoints } from './breakpoints';
 export { idGenerator } from './idGenerator';
 export { setNativeValue } from './setNativeValue';

package/src/components/utils/setNativeValue.ts

@@ -1,3 +1,7 @@
+/**
+ * @file utils/setNativeValue.ts
+ * @description Source module for `utils/setNativeValue`.
+ */
 export function setNativeValue(element: any, value: any): void {
   const { set: valueSetter } = Object.getOwnPropertyDescriptor(element, 'value') || { set: undefined };
   const prototype = Object.getPrototypeOf(element);

package/lib/src/components/FileUpload/FileUpload.stories.d.ts

@@ -1,14 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import FileUploadItem, { FileUploadItemProps } from './FileUpload';
-declare const meta: Meta<typeof FileUploadItem>;
-export default meta;
-type Story = StoryObj<FileUploadItemProps>;
-export declare const InProgress: Story;
-export declare const Completed: Story;
-export declare const Error: Story;
-export declare const ClickToView: Story;
-export declare const ImageInProgress: Story;
-export declare const ImageCompleted: Story;
-export declare const ImageWithoutProgress: Story;
-export declare const DraggableImage: Story;
-export declare const AllStatesDemo: Story;