linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/inputs/select/types.d.ts

@@ -0,0 +1,119 @@
+import { TextAlign } from '../../@types/Align.js';
+import { DataCombo } from '../../@types/DataCombo.js';
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { CustomInputEvent } from '../base/types.js';
+import { MutableRefObject } from 'react';
+import '../../@types/Period.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+type AllOptions = {
+    idValue?: number | null;
+    label: string;
+};
+type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+interface ISimpleSelectProps {
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    dataSource?: DataCombo[];
+    id?: string;
+    label?: string;
+    placeHolder?: string;
+    hint?: string;
+    value?: string | number | boolean | number[];
+    textAlign?: TextAlign;
+    errorMessages?: string[];
+    showClearButton?: boolean;
+    searchOnDropdown?: boolean;
+    searchNotFoundText?: string;
+    onChange?: (e: CustomInputEvent) => void;
+    undigitable?: boolean;
+    name?: string;
+    selectFirstOnEnter?: boolean;
+    openDropdownOnFocus?: boolean;
+    onSearch?: (value: string) => void;
+    remoteSearch?: boolean;
+    onBlur?: (e: CustomInputEvent) => void;
+    onClick?: () => void;
+    disabled?: boolean;
+    readOnly?: boolean;
+    gridLayout?: string;
+    inputText?: string;
+    striped?: boolean | false;
+    permissionAttr?: PermissionAttr;
+    maxLength?: number;
+    dropdownMaxHeight?: number;
+    multiple?: boolean;
+    rounded?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    onFocus?: () => void;
+    allOptions?: AllOptions;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    rightElements?: JSX.Element[];
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
+    multiple?: boolean;
+    gridLayout?: string;
+    descriptionKey?: DescriptionKey;
+    idKey?: string;
+    dataSource?: DataCombo[];
+    value?: number | number[] | string | string[];
+    showClearButton?: boolean;
+    searchOnDropdown?: boolean;
+    searchNotFoundText?: string;
+    inputText?: string | '';
+    striped?: boolean | false;
+    readOnly?: boolean;
+    undigitable?: boolean;
+    rounded?: boolean;
+    selectFirstOnEnter?: boolean;
+    remoteSearch?: boolean;
+    openDropdownOnFocus?: boolean;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    onSelect?: (data?: string | string[]) => DataCombo;
+}
+interface IMultipleSelectProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
+    descriptionKey: DescriptionKey;
+    idKey: string;
+    dataSource: DataCombo[];
+    searchNotFoundText?: string;
+    searchOnDropdown?: boolean;
+    value?: number[] | string[];
+    showClearButton?: boolean;
+    readOnly?: boolean;
+    onSearch?: (value: string) => void;
+    onSelect?: (data?: string | string[]) => DataCombo;
+    remoteSearch?: boolean;
+    onBlur?: (e: CustomInputEvent) => void;
+    handlerClear?: () => void;
+    disabled?: boolean;
+    gridLayout?: string;
+    hintPosition?: 'below' | 'onLabelRight';
+    themePopover?: 'light' | 'dark';
+    popoverAlign?: 'right' | 'left';
+}
+interface ISelectedsMultipleProps {
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    currents: DataCombo[];
+    handlerOnUnselect: (id: string) => void;
+}
+interface GetFilteredParams {
+    dataSource: DataCombo[];
+    descriptionKey: DescriptionKey;
+    currents: DataCombo[];
+}
+interface GetSimpleFilteredParams extends GetFilteredParams {
+    inputText: number | string;
+}
+interface GetMultipleFilteredParams extends GetFilteredParams {
+    inputText: number[] | string[];
+}
+
+export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };

package/lib/inputs/select/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/text/index.d.ts

@@ -0,0 +1,12 @@
+import { ITextField } from './types.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const TextField: (props: ITextField) => JSX.Element;
+
+export { TextField as default };

package/lib/inputs/text/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// eslint-disable-next-line import/no-named-as-default
+
+const TextField = props => /*#__PURE__*/_react.default.createElement(_InputTextBase.default, props);
+var _default = exports.default = TextField;

package/lib/inputs/text/types.d.ts

@@ -0,0 +1,25 @@
+import { Period } from '../../@types/Period.js';
+import { PermissionAttr } from '../../@types/PermissionAttr.js';
+import { IBaseProps, CustomInputEvent } from '../base/types.js';
+import { WithTooltipProps } from '../../internals/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Position.js';
+
+type CommonProperties = Pick<WithTooltipProps, 'tooltip' | 'tooltipPosition' | 'tooltipWidth'>;
+interface ITextField extends IBaseProps, CommonProperties {
+    value?: string | string[];
+    required?: boolean;
+    name?: string;
+    label?: string | string[];
+    onChange?: (e?: CustomInputEvent, maskValue?: string, date?: {
+        initial: string;
+        final: string;
+    }, period?: Period) => void;
+    leftElements?: JSX.Element | JSX.Element[];
+    rightElements?: JSX.Element | JSX.Element[];
+    permissionAttr?: PermissionAttr;
+    gridLayout?: string;
+}
+
+export { ITextField };

package/lib/inputs/text/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/textarea/index.d.ts

@@ -0,0 +1,12 @@
+import { ITextAreaProps } from './types.js';
+import '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+declare const TextArea: (props: ITextAreaProps) => JSX.Element;
+
+export { TextArea as default };

package/lib/inputs/textarea/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } // eslint-disable-next-line import/no-named-as-default
+const TextArea = props => {
+  const {
+    rows,
+    cols,
+    customClass,
+    type = 'textarea'
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
+    rows: rows,
+    type: type,
+    cols: cols,
+    customClass: `textarea-container ${customClass}`
+  }));
+};
+var _default = exports.default = TextArea;

package/lib/inputs/textarea/types.d.ts

@@ -0,0 +1,16 @@
+import { IBaseProps } from '../base/types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Period.js';
+import '../../@types/PermissionAttr.js';
+import '../../internals/types.js';
+import '../../@types/Position.js';
+
+interface ITextAreaProps extends IBaseProps {
+    rows?: number;
+    cols?: number;
+    customClass?: string;
+    type?: string;
+}
+
+export { ITextAreaProps };

package/lib/inputs/textarea/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/inputs/types.d.ts

@@ -0,0 +1,157 @@
+import { ReactNode, MouseEvent, MutableRefObject, CSSProperties, KeyboardEvent, ReactElement } from 'react';
+import { PermissionAttr, OnDenied } from '../@types/PermissionAttr.js';
+import { DataCombo } from '../@types/DataCombo.js';
+import { IBaseProps, CustomInputEvent } from './base/types.js';
+import { IDrawerProps } from '../drawer/types.js';
+import { TextAlign } from '../@types/Align.js';
+import '../@types/Period.js';
+import '../internals/types.js';
+import '../@types/Position.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+type DescriptionKey = string | ((dataSelected: DataCombo) => string);
+interface IAdvancedFilterProps extends Omit<IDrawerProps, 'content'> {
+    onStateChange?: (value?: boolean) => void;
+    headerTitle?: string;
+    content?: ReactNode | ReactNode[];
+}
+interface ISearchProps extends IBaseProps {
+    resetButton?: boolean;
+    onReset?: (event?: CustomInputEvent) => void;
+    onChange?: (event?: CustomInputEvent) => void;
+    onClick?: (event: MouseEvent<Element>) => void;
+    textAlign?: TextAlign;
+    disabled?: boolean;
+    readOnly?: boolean;
+    value?: string;
+    placeHolder?: string;
+    permissionAttr?: PermissionAttr;
+    advancedFilterProps?: IAdvancedFilterProps;
+    rounded?: boolean;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
+    style?: CSSProperties;
+}
+interface IDropdownProps {
+    children: ReactNode | ReactNode[];
+    dropdownRef: (el: HTMLDivElement) => void;
+    topPosition: number | string;
+    leftPosition: number | string;
+    width: number | string;
+}
+interface IInputHOCProps {
+    value?: string | string[];
+    required?: boolean;
+    gridLayout?: string;
+    visible?: boolean;
+    rows?: number;
+    cols?: number;
+    type?: string;
+}
+interface IMaskHOCProps {
+    label?: string;
+    value?: string;
+    unmask?: boolean;
+    name?: string;
+    commit?: () => void;
+    onChange?: (event: CustomInputEvent, maskValue?: string, date?: string) => void;
+    onFocus?: (e: CustomInputEvent) => void;
+    onComplete?: (e: CustomInputEvent, maskValue?: string, date?: string) => void;
+    inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    placeholderChar?: string;
+    lazy?: boolean;
+    definitions?: any;
+    groups?: object;
+    pattern?: string;
+    format?: () => void;
+    parse?: () => void;
+    radix?: string;
+    thousandsSeparator?: string;
+    mapToRadix?: string[];
+    scale?: number;
+    signed?: boolean;
+    normalizeZeros?: boolean;
+    padFractionalZeros?: boolean;
+    min?: number;
+    max?: number;
+    dispatch?: () => void;
+    permissionAttr?: PermissionAttr;
+    handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
+    isNumeric?: boolean;
+    required?: boolean;
+    onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
+    rightElements?: JSX.Element | JSX.Element[];
+    labelUppercase?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    gridLayout?: string;
+    placeHolder?: string;
+    customClass?: string;
+    customClassForInputContent?: string;
+    customClassForLabel?: string;
+    textAlign?: TextAlign;
+    onBlur?: (e: CustomInputEvent) => void;
+    leftElements?: JSX.Element | JSX.Element[];
+    rounded?: boolean;
+    errorMessages?: string[];
+    skeletonize?: boolean;
+    mask?: any;
+    isDateField?: boolean;
+    autoCompleteMask?: 'left' | 'right';
+}
+interface IDropdownSelectProps {
+    idKey: string;
+    descriptionKey: DescriptionKey;
+    dropdownWidth: number;
+    showClearButton?: boolean;
+    handleOnSelect: (item?: DataCombo) => void;
+    handleOnFilter: (value: string) => void;
+    handleOnKeydown: (e: CustomInputEvent | KeyboardEvent) => void;
+    handleOnBlur: (item: DataCombo) => void;
+    handleOnFocus: () => void;
+    handlerSelecionadoAgora?: (bool: boolean) => void;
+    opened: boolean;
+    dropdownRef: MutableRefObject<HTMLDivElement | null>;
+    dataCombo: DataCombo[];
+    searchOnDropdown?: boolean;
+    searchNotFoundText?: string;
+    imgSrcKey?: string;
+    selected?: {
+        [key: string]: number;
+    };
+    currents?: DataCombo[];
+    imageAlign?: 'left' | 'right';
+    striped?: boolean;
+    gridWrapperStyle?: {
+        paddingLeft: string;
+        paddingRight: string;
+    };
+    selectFieldRef?: MutableRefObject<HTMLInputElement | null>;
+    dropdownMaxHeight?: number;
+    inputValue?: string;
+    align?: 'left' | 'right';
+}
+interface IActionButtonsSelectProps {
+    handlerClear: () => void;
+    handlerOpenClose: () => void;
+    dropDownOpened: boolean;
+    showClearButton?: boolean;
+    disabled?: boolean;
+}
+interface IButtonsProps {
+    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    icon: ReactElement;
+    key: string;
+    boxShadow: boolean;
+    readOnly?: boolean;
+    style: CSSProperties;
+    transparent: boolean;
+    disabled?: boolean;
+}
+interface ErrorProps {
+    customClass?: string;
+    style?: React.CSSProperties;
+    messages?: string | string[];
+}
+
+export { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };

package/lib/inputs/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/internals/colorStyles.d.ts

@@ -0,0 +1,9 @@
+declare const ColorStyles: {
+    PRIMARY: string;
+    SUCCESS: string;
+    DANGER: string;
+    INFO: string;
+    WARNING: string;
+};
+
+export { ColorStyles as default };

package/lib/internals/colorStyles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const ColorStyles = {
+  PRIMARY: 'primary',
+  SUCCESS: 'success',
+  DANGER: 'danger',
+  INFO: 'info',
+  WARNING: 'warning'
+};
+var _default = exports.default = ColorStyles;

package/lib/internals/constants.d.ts

@@ -0,0 +1,11 @@
+declare const keyCodes: {
+    TAB: number;
+    ENTER: number;
+    ARROW_UP: number;
+    ARROW_DOWN: number;
+    BACKSPACE: number;
+    F: number;
+};
+declare const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;
+
+export { PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE, keyCodes };

package/lib/internals/constants.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.keyCodes = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = void 0;
+const keyCodes = exports.keyCodes = {
+  TAB: 9,
+  ENTER: 13,
+  ARROW_UP: 38,
+  ARROW_DOWN: 40,
+  BACKSPACE: 8,
+  F: 70
+};
+const PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = exports.PARA_ENGANAR_O_ESLINT_JA_QUE_TENHO_SO_UMA_CONSTANTE = 1;

package/lib/internals/types.d.ts

@@ -0,0 +1,25 @@
+import { CSSProperties } from 'react';
+import { OnDenied } from '../@types/PermissionAttr.js';
+import { Position } from '../@types/Position.js';
+
+interface WithTooltipProps {
+    tooltipWidth?: string | number;
+    space?: number;
+    tooltip?: string;
+    tooltipPosition?: Exclude<Position, 'center'>;
+    style?: CSSProperties;
+    handlerSetOnDeniedText?: (onDeniedValue: OnDenied) => void;
+    errorMessage?: string;
+}
+interface ITooltipContext {
+    handlerSetOnDeniedText: (text: string) => void;
+}
+interface GetDisplayNameParams {
+    displayName?: string;
+    name?: string;
+}
+interface HasToolTipParams {
+    tooltip?: string;
+}
+
+export { GetDisplayNameParams, HasToolTipParams, ITooltipContext, WithTooltipProps };

package/lib/internals/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/internals/withTooltip.d.ts

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { ITooltipContext, WithTooltipProps } from './types.js';
+import '../@types/PermissionAttr.js';
+import '../@types/Position.js';
+
+declare const TooltipContext: React__default.Context<ITooltipContext>;
+declare const withTooltip: <ComponentProps extends WithTooltipProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => {
+    (props: ComponentProps): JSX.Element;
+    displayName: string;
+};
+
+export { TooltipContext, withTooltip as default };