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

package/lib/assets/styles/select.scss

@@ -19,6 +19,7 @@
       cursor: pointer;
       display: flex;
       align-items: center;
+      padding: 0 4px;
     }
   }
 
@@ -151,4 +152,4 @@
     font-style: italic;
     font-size: 13px;
   }
-}
+}

package/lib/form/Field.d.ts

@@ -2,12 +2,14 @@ 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,12 +2,14 @@ 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,12 +2,14 @@ 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,12 +2,14 @@ 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,12 +2,14 @@ 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,12 +6,14 @@ 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,12 +1,14 @@
 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,12 +2,14 @@ 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,12 +2,14 @@ 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,14 +2,15 @@ import React__default from 'react';
 import { ErrorProps } from '../types.js';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../base/types.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/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,14 +2,15 @@ import React__default from 'react';
 import { IInputHOCProps } from './types.js';
 import '../@types/PermissionAttr.js';
 import '../@types/DataCombo.js';
-import './base/types.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/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,9 +8,10 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../../drawer/types.js';
+import '../select/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,9 +8,10 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../../drawer/types.js';
+import '../select/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,9 +8,10 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../../drawer/types.js';
+import '../select/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,9 +10,10 @@ import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../types.js';
 import '../../@types/DataCombo.js';
-import '../../drawer/types.js';
+import '../select/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,9 +7,10 @@ import '../../@types/PermissionAttr.js';
 import '../../internals/types.js';
 import '../../@types/Position.js';
 import '../../@types/DataCombo.js';
-import '../../drawer/types.js';
+import '../select/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,14 +2,15 @@ import { ISearchProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../base/types.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/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,14 +2,15 @@ import { IActionButtonsSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../base/types.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/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,6 +5,7 @@ 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 => {
@@ -13,11 +14,22 @@ const ActionButtons = props => {
     showClearButton = true,
     dropDownOpened,
     handlerOpenClose,
-    handlerClear
+    handlerClear,
+    actionButton
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "actionbuttonsselect"
-  }, showClearButton && /*#__PURE__*/_react.default.createElement("button", {
+  }, !_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", {
     disabled: disabled,
     tabIndex: -1,
     className: "actionbutton buttonclear",

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

@@ -2,14 +2,15 @@ import { IDropdownSelectProps } from '../types.js';
 import 'react';
 import '../../@types/PermissionAttr.js';
 import '../../@types/DataCombo.js';
-import '../base/types.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/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,12 +1,14 @@
 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,12 +1,14 @@
 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,12 +1,14 @@
 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

@@ -25,7 +25,8 @@ const MultipleSelect = props => {
     value = [],
     remoteSearch = false,
     descriptionKey,
-    showClearButton
+    showClearButton,
+    actionButton
   } = props;
   const [dataCombo, setDataCombo] = (0, _react.useState)(dataSource);
   const [currents, setCurrents] = (0, _react.useState)([]);
@@ -248,7 +249,8 @@ const MultipleSelect = props => {
         if (shouldDisable()) return null;
         return onClearClick();
       },
-      handlerOpenClose: onOpenClose
+      handlerOpenClose: onOpenClose,
+      actionButton: actionButton
     })
   }), /*#__PURE__*/_react.default.createElement(_Selecteds.default, _extends({}, props, {
     currents: currents,

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

@@ -1,12 +1,14 @@
 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

@@ -34,7 +34,8 @@ const SimpleSelect = props => {
     searchOnDropdown = false,
     allOptions = undefined,
     showClearButton = false,
-    searchNotFoundText
+    searchNotFoundText,
+    actionButton
   } = props;
   const descriptionKeyIsString = typeof descriptionKey === 'string';
   const dataSourceWithAllOptions = allOptions ? [{
@@ -282,7 +283,8 @@ const SimpleSelect = props => {
         if (shouldDisable()) return null;
         return onClearClick();
       },
-      handlerOpenClose: onOpenClose
+      handlerOpenClose: onOpenClose,
+      actionButton: actionButton
     })
   })), opened && /*#__PURE__*/_react.default.createElement(_Dropdown.default, _extends({}, props, {
     opened: opened,

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

@@ -1,17 +1,27 @@
 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 { MutableRefObject } from 'react';
+import { MouseEvent, MutableRefObject } from 'react';
+import '../../icons/helper.js';
 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;
@@ -50,6 +60,7 @@ interface ISimpleSelectProps {
     onFocus?: () => void;
     allOptions?: AllOptions;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null> | ((ref: HTMLInputElement | HTMLTextAreaElement | null) => void);
+    actionButton?: SelectButtonAction;
 }
 interface ISelectFieldProps extends Omit<ISimpleSelectProps, 'idKey' | 'value' | 'descriptionKey'> {
     multiple?: boolean;
@@ -109,4 +120,4 @@ interface GetMultipleFilteredParams extends GetFilteredParams {
     inputText: number[] | string[];
 }
 
-export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
+export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps, SelectButtonAction };

package/lib/inputs/types.d.ts

@@ -1,14 +1,15 @@
 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/Period.js';
-import '../internals/types.js';
-import '../@types/Position.js';
 import '../@types/Icon.js';
 import '../icons/helper.js';
+import '../@types/Position.js';
+import '../@types/Period.js';
+import '../internals/types.js';
 
 type DescriptionKey = string | ((dataSelected: DataCombo) => string);
 interface IAdvancedFilterProps extends Omit<IDrawerProps, 'content'> {
@@ -137,6 +138,7 @@ 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.5",
+  "version": "1.1.20-beta.6",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",