linear-react-components-ui 1.1.20-beta.6 → 1.1.20-beta.7

package/lib/form/Field.d.ts

@@ -2,14 +2,12 @@ import React__default from 'react';
 import { IFieldProps } from './types.js';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, "key" | keyof IFieldProps> & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/FieldArray.d.ts

@@ -2,14 +2,12 @@ import React__default from 'react';
 import { IFieldArrayProps } from './types.js';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldArrayProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/FieldNumber.d.ts

@@ -2,14 +2,12 @@ import React__default from 'react';
 import { IFieldProps } from './types.js';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/FieldPeriod.d.ts

@@ -2,14 +2,12 @@ import React__default from 'react';
 import { IFieldPeriodProps } from './types.js';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const _default: React__default.ForwardRefExoticComponent<IFieldPeriodProps & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/helpers.d.ts

@@ -2,14 +2,12 @@ import React__default from 'react';
 import { FormContextProps, IWithFieldContext, IGetErrorMessagesParams, Validator } from './types.js';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const securityBeforeUnload = "securityBeforeUnload";
 declare const FormContext: React__default.Context<FormContextProps>;

package/lib/form/index.d.ts

@@ -6,14 +6,12 @@ import { FormProps } from './types.js';
 import 'react';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, }: FormProps) => JSX.Element;
 

package/lib/form/types.d.ts

@@ -1,14 +1,12 @@
 import { ChangeEvent, ComponentType, MouseEventHandler, ReactNode, CSSProperties } from 'react';
 import { AllOptions } from '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 type Validator = (value: string) => string | undefined;
 type PeriodValidator = (value: {

package/lib/form/withFieldHOC.d.ts

@@ -2,14 +2,12 @@ import React__default from 'react';
 import { WithFieldProps } from './types.js';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<ComponentProps> & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/withFormSecurity.d.ts

@@ -2,14 +2,12 @@ import React__default from 'react';
 import { IFormSecurityContext, IWithFormSecurity } from './types.js';
 import '../inputs/select/types.js';
 import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import '../@types/DataCombo.js';
 import '../@types/PermissionAttr.js';
 import '../inputs/base/types.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 
 declare const FormSecurityContext: React__default.Context<IFormSecurityContext>;
 declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;

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

@@ -2,15 +2,14 @@ import React__default from 'react';
 import { ErrorProps } from '../types.js';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
-import '../../@types/Align.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../@types/Position.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const ErrorMessage: React__default.ForwardRefExoticComponent<ErrorProps & React__default.RefAttributes<HTMLParagraphElement>>;
 

package/lib/inputs/inputHOC.d.ts

@@ -2,15 +2,14 @@ import React__default from 'react';
 import { IInputHOCProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/DataCombo.js';
-import './select/types.js';
-import '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.js';
 import './base/types.js';
+import '../@types/Align.js';
 import '../@types/Period.js';
 import '../internals/types.js';
+import '../@types/Position.js';
 import '../drawer/types.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
 
 declare const InputHOC: <ComponentProps extends IInputHOCProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
 

package/lib/inputs/number/BaseNumber.d.ts

@@ -8,10 +8,9 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../drawer/types.js';
 
 declare const BaseNumber: (props: IBaseNumberProps) => JSX.Element;
 

package/lib/inputs/number/Currency.d.ts

@@ -8,10 +8,9 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../drawer/types.js';
 
 declare const CurrencyField: (props: ICurrencyProps) => JSX.Element;
 

package/lib/inputs/number/Decimal.d.ts

@@ -8,10 +8,9 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../drawer/types.js';
 
 declare const DecimalField: (props: IBaseNumberProps) => JSX.Element;
 

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

@@ -10,10 +10,9 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../drawer/types.js';
 
 declare const NumberField: (props: INumberFieldProps) => JSX.Element;
 

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

@@ -7,10 +7,9 @@ import '../../@types/PermissionAttr.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
+import '../../drawer/types.js';
 import '../../@types/Icon.js';
 import '../../icons/helper.js';
-import '../../drawer/types.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
     onChange?: (e?: CustomInputEvent) => void;

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

@@ -2,15 +2,14 @@ import { ISearchProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../select/types.js';
-import '../../@types/Align.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../@types/Position.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const SearchField: (props: ISearchProps) => JSX.Element | null;
 

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

@@ -2,15 +2,14 @@ import { IActionButtonsSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import './types.js';
-import '../../@types/Align.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../@types/Position.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const ActionButtons: (props: IActionButtonsSelectProps) => JSX.Element;
 

package/lib/inputs/select/ActionButtons.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _lodash = _interopRequireDefault(require("lodash"));
 var _icons = _interopRequireDefault(require("../../icons"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ActionButtons = props => {
@@ -14,22 +13,11 @@ const ActionButtons = props => {
     showClearButton = true,
     dropDownOpened,
     handlerOpenClose,
-    handlerClear,
-    actionButton
+    handlerClear
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "actionbuttonsselect"
-  }, !_lodash.default.isEmpty(actionButton) && actionButton.visible && /*#__PURE__*/_react.default.createElement("button", {
-    disabled: disabled,
-    className: "actionbutton buttonaction",
-    tabIndex: -1,
-    onClick: actionButton === null || actionButton === void 0 ? void 0 : actionButton.onClick
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: actionButton.iconName,
-    tooltip: actionButton.tooltip,
-    tooltipWidth: actionButton === null || actionButton === void 0 ? void 0 : actionButton.tooltipWidth,
-    tooltipPosition: (actionButton === null || actionButton === void 0 ? void 0 : actionButton.tooltipPosition) || 'bottom'
-  })), showClearButton && /*#__PURE__*/_react.default.createElement("button", {
+  }, showClearButton && /*#__PURE__*/_react.default.createElement("button", {
     disabled: disabled,
     tabIndex: -1,
     className: "actionbutton buttonclear",

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

@@ -2,15 +2,14 @@ import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import './types.js';
-import '../../@types/Align.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../@types/Position.js';
 import '../base/types.js';
+import '../../@types/Align.js';
 import '../../@types/Period.js';
 import '../../internals/types.js';
+import '../../@types/Position.js';
 import '../../drawer/types.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
 
 declare const Dropdown: (props: IDropdownSelectProps) => JSX.Element;
 

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

@@ -1,14 +1,12 @@
 import { ISelectFieldProps } from './types.js';
 import '../../@types/Align.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-import '../../@types/Position.js';
 import '../../@types/DataCombo.js';
 import '../../@types/PermissionAttr.js';
 import '../base/types.js';
 import 'react';
 import '../../@types/Period.js';
 import '../../internals/types.js';
+import '../../@types/Position.js';
 
 declare const SelectField: (props: ISelectFieldProps) => JSX.Element;
 

package/lib/inputs/select/multiple/Selecteds.d.ts

@@ -1,14 +1,12 @@
 import { ISelectedsMultipleProps } from '../types.js';
 import '../../../@types/Align.js';
-import '../../../@types/Icon.js';
-import '../../../icons/helper.js';
-import '../../../@types/Position.js';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
 import 'react';
 import '../../../@types/Period.js';
 import '../../../internals/types.js';
+import '../../../@types/Position.js';
 
 declare const Selecteds: ({ currents, descriptionKey, idKey, handlerOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
 

package/lib/inputs/select/multiple/index.d.ts

@@ -1,14 +1,12 @@
 import { IMultipleSelectProps } from '../types.js';
 import '../../../@types/Align.js';
-import '../../../@types/Icon.js';
-import '../../../icons/helper.js';
-import '../../../@types/Position.js';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
 import 'react';
 import '../../../@types/Period.js';
 import '../../../internals/types.js';
+import '../../../@types/Position.js';
 
 declare const MultipleSelect: (props: IMultipleSelectProps) => JSX.Element;
 

package/lib/inputs/select/multiple/index.js

@@ -26,7 +26,7 @@ const MultipleSelect = props => {
     remoteSearch = false,
     descriptionKey,
     showClearButton,
-    actionButton
+    rightElements = []
   } = props;
   const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
   const [currents, setCurrents] = (0, _react.useState)([]);
@@ -241,7 +241,8 @@ const MultipleSelect = props => {
       selectWrapper.current = r;
     },
     handlerSetOnDenied: setOnDenied,
-    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+    rightElements: [...rightElements, /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+      key: "action-buttons-multiselect",
       showClearButton: showClearButton,
       disabled: shouldDisable() || shouldBeReadOnly(),
       dropDownOpened: opened,
@@ -249,9 +250,8 @@ const MultipleSelect = props => {
         if (shouldDisable()) return null;
         return onClearClick();
       },
-      handlerOpenClose: onOpenClose,
-      actionButton: actionButton
-    })
+      handlerOpenClose: onOpenClose
+    })]
   }), /*#__PURE__*/_react.default.createElement(_Selecteds.default, _extends({}, props, {
     currents: currents,
     handlerOnUnselect: onUnselect

package/lib/inputs/select/simple/index.d.ts

@@ -1,14 +1,12 @@
 import { ISimpleSelectProps } from '../types.js';
 import '../../../@types/Align.js';
-import '../../../@types/Icon.js';
-import '../../../icons/helper.js';
-import '../../../@types/Position.js';
 import '../../../@types/DataCombo.js';
 import '../../../@types/PermissionAttr.js';
 import '../../base/types.js';
 import 'react';
 import '../../../@types/Period.js';
 import '../../../internals/types.js';
+import '../../../@types/Position.js';
 
 declare const SimpleSelect: (props: ISimpleSelectProps) => JSX.Element;
 

package/lib/inputs/select/simple/index.js

@@ -35,7 +35,7 @@ const SimpleSelect = props => {
     allOptions = undefined,
     showClearButton = false,
     searchNotFoundText,
-    actionButton
+    rightElements = []
   } = props;
   const descriptionKeyIsString = typeof descriptionKey === 'string';
   const dataSourceWithAllOptions = allOptions ? [{
@@ -275,7 +275,8 @@ const SimpleSelect = props => {
       selectWrapper.current = r;
     },
     handlerSetOnDenied: inputOnDenied => setOnDenied(inputOnDenied),
-    rightElements: /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+    rightElements: [...rightElements, /*#__PURE__*/_react.default.createElement(_ActionButtons.default, {
+      key: "action-buttons-simpleselect",
       disabled: shouldDisable() || shouldBeReadOnly(),
       showClearButton: showClearButton,
       dropDownOpened: opened,
@@ -283,9 +284,8 @@ const SimpleSelect = props => {
         if (shouldDisable()) return null;
         return onClearClick();
       },
-      handlerOpenClose: onOpenClose,
-      actionButton: actionButton
-    })
+      handlerOpenClose: onOpenClose
+    })]
   })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
     opened: opened,
     selected: selected,

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

@@ -1,27 +1,17 @@
 import { TextAlign } from '../../@types/Align.js';
-import { IconNames } from '../../@types/Icon.js';
-import { Position } from '../../@types/Position.js';
 import { DataCombo } from '../../@types/DataCombo.js';
 import { PermissionAttr } from '../../@types/PermissionAttr.js';
 import { CustomInputEvent } from '../base/types.js';
-import { MouseEvent, MutableRefObject } from 'react';
-import '../../icons/helper.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);
-type SelectButtonAction = {
-    visible?: boolean;
-    iconName: IconNames;
-    tooltip: string;
-    tooltipWidth?: string | number;
-    tooltipPosition?: Exclude<Position, 'center'>;
-    onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
-};
 interface ISimpleSelectProps {
     idKey: string;
     descriptionKey: DescriptionKey;
@@ -60,7 +50,7 @@ interface ISimpleSelectProps {
     onFocus?: () => void;
     allOptions?: AllOptions;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
-    actionButton?: SelectButtonAction;
+    rightElements?: JSX.Element[];
 }
 interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
     multiple?: boolean;
@@ -120,4 +110,4 @@ interface GetMultipleFilteredParams extends GetFilteredParams {
     inputText: number[] | string[];
 }
 
-export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps, SelectButtonAction };
+export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };

package/lib/inputs/types.d.ts

@@ -1,15 +1,14 @@
 import { ReactNode, MouseEvent, MutableRefObject, CSSProperties, KeyboardEvent, ReactElement } from 'react';
 import { PermissionAttr, OnDenied } from '../@types/PermissionAttr.js';
 import { DataCombo } from '../@types/DataCombo.js';
-import { SelectButtonAction } from './select/types.js';
 import { IBaseProps, CustomInputEvent } from './base/types.js';
 import { IDrawerProps } from '../drawer/types.js';
 import { TextAlign } from '../@types/Align.js';
-import '../@types/Icon.js';
-import '../icons/helper.js';
-import '../@types/Position.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'> {
@@ -138,7 +137,6 @@ interface IActionButtonsSelectProps {
     dropDownOpened: boolean;
     showClearButton?: boolean;
     disabled?: boolean;
-    actionButton?: SelectButtonAction;
 }
 interface IButtonsProps {
     onClick?: (e: MouseEvent<HTMLButtonElement>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.20-beta.6",
+  "version": "1.1.20-beta.7",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",