linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

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

@@ -1,26 +1,22 @@
 import { Moment } from 'moment';
-import { ReactNode, RefObject, MouseEvent } from 'react';
-import { ColorStyles } from '../../@types/ColorStyles.js';
-import { Period } from '../../@types/Period.js';
-import { PermissionAttr } from '../../@types/PermissionAttr.js';
-import { CustomInputEvent } from '../base/types.js';
-import '../../@types/Align.js';
-import '../../internals/types.js';
-import '../../@types/Position.js';
-
-type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
-type TypeCurrentDate = 'valueInitial' | 'valueFinal';
-interface ChangeInputPeriodEvent {
+import { ReactNode, RefObject } from 'react';
+import { ColorStyles } from '../../@types/ColorStyles';
+import { Period } from '../../@types/Period';
+import { PermissionAttr } from '../../@types/PermissionAttr';
+import { CustomInputEvent } from '../base/types';
+export type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
+export type TypeCurrentDate = 'valueInitial' | 'valueFinal';
+export interface ChangeInputPeriodEvent {
     target: {
         value?: string;
         name?: string;
     };
 }
-interface IPeriodOptions {
+export interface IPeriodOptions {
     id: DateTypes | 'custom';
     label?: string;
 }
-interface IDialogProps {
+export interface IDialogProps {
     children: ReactNode | ReactNode[];
     onOpenChange: (open: boolean) => void;
     dialogSize: {
@@ -29,14 +25,14 @@ interface IDialogProps {
     };
     handlerClose: (open: boolean) => void;
 }
-interface IPeriodDropdownProps {
+export interface IPeriodDropdownProps {
     children: ReactNode | ReactNode[];
     dropdownRef: (el: HTMLDivElement) => void;
     containerRef: RefObject<HTMLDivElement | HTMLElement>;
     showButtonOpen: boolean;
     inputDimensions?: DOMRect;
 }
-interface IPeriodPickerProps {
+export interface IPeriodPickerProps {
     label?: string;
     value?: {
         initial?: Moment | string;
@@ -55,14 +51,11 @@ interface IPeriodPickerProps {
     calendarColorStyle?: ColorStyles;
     required?: boolean;
     onChange?: (event?: CustomInputEvent, maskValue?: string, date?: Period) => void;
-    onClick?: (event?: MouseEvent) => void;
     disabled?: boolean;
     permissionAttr?: PermissionAttr;
     errorMessages?: string[];
     name?: string;
     hint?: string;
-    nameDateInitial?: string;
-    nameDateFinal?: string;
     hintPosition?: 'below' | 'onLabelRight';
     onBlur?: (e: CustomInputEvent) => void;
     onFocus?: (e: CustomInputEvent) => void;
@@ -70,9 +63,7 @@ interface IPeriodPickerProps {
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
 }
-interface IPeriodListProps {
+export interface IPeriodListProps {
     handleOnSelect: (value: DateTypes | 'custom', date: Moment[] | null) => void;
     selected?: string;
 }
-
-export { ChangeInputPeriodEvent, DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps, TypeCurrentDate };

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

@@ -1,16 +1,3 @@
-import { ISearchProps } from '../types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/DataCombo.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;
-
-export { SearchField as default };
+import { ISearchProps } from '../types';
+declare const SearchField: (props: ISearchProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SearchField;

package/lib/inputs/search/index.js

@@ -1,133 +1,80 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _InputTextBase = _interopRequireDefault(require("../base/InputTextBase"));
-var _buttons = _interopRequireDefault(require("../../buttons"));
-var _icons = _interopRequireDefault(require("../../icons"));
-require("../../assets/styles/search.scss");
-var _drawer = _interopRequireWildcard(require("../../drawer"));
-const _excluded = ["headerTitle", "content", "onStateChange"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const SearchField = props => {
-  const {
-    resetButton = true,
-    advancedFilterProps = {},
-    value,
-    drawerFilterIsOpened = false
-  } = props;
-  const [advancedFilterOpened, setAdvancedFilterOpened] = (0, _react.useState)(drawerFilterIsOpened);
-  const [valorCampo, setValorCampo] = (0, _react.useState)('');
-  const [onDenied, setOnDenied] = (0, _react.useState)();
-  const {
-      headerTitle,
-      content,
-      onStateChange
-    } = advancedFilterProps,
-    advancedFilterPropsRest = _objectWithoutProperties(advancedFilterProps, _excluded);
-  const onReset = event => {
-    if (props.onReset) props.onReset(event);
-    setValorCampo('');
-  };
-  const onChange = event => {
-    if (event) {
-      if (props.onChange) props.onChange(event);
-      setValorCampo(event.target.value);
-    }
-  };
-  const shouldDisable = () => props.disabled || onDenied && (onDenied.disabled || onDenied.hideContent);
-  const shouldBeReadOnly = () => props.readOnly || onDenied && onDenied.readOnly;
-  const hideContent = onDenied?.hideContent;
-  const buttonProps = () => {
-    const disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
-    let propsButton = {
-      icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-        name: "filter1",
-        color: "#a9a8a8",
-        key: "filter-icon"
-      }),
-      key: 'advanced-filter-button',
-      boxShadow: false,
-      readOnly: shouldBeReadOnly(),
-      style: {
-        padding: '0 0 0 5px',
-        width: 30
-      },
-      transparent: true,
-      disabled: shouldDisable()
+import { j as a } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as u, useEffect as S, Fragment as E } from "react";
+import I from "../base/InputTextBase.js";
+import w from "../../buttons/Button.js";
+import m from "../../icons/index.js";
+import '../../assets/button.css';import '../../assets/index25.css';/* empty css                           */
+import D from "../../drawer/index.js";
+import P from "../../drawer/Header.js";
+import T from "../../drawer/Content.js";
+const M = (e) => {
+  const { resetButton: g = !0, advancedFilterProps: h = {}, value: s } = e, [i, C] = u(!1), [l, c] = u(""), [t, v] = u(), { headerTitle: x, content: p, onStateChange: r, ...O } = h, b = (o) => {
+    e.onReset && e.onReset(o), c("");
+  }, y = (o) => {
+    o && (e.onChange && e.onChange(o), c(o.target.value));
+  }, d = () => e.disabled || t && (t.disabled || t.hideContent), j = () => e.readOnly || t && t.readOnly, B = t == null ? void 0 : t.hideContent, k = () => {
+    const o = j() || d() || B;
+    let n = {
+      icon: /* @__PURE__ */ a.jsx(m, { name: "filter1", color: "#a9a8a8" }, "filter-icon"),
+      key: "advanced-filter-button",
+      boxShadow: !1,
+      readOnly: j(),
+      style: { padding: "0 0 0 5px", width: 30 },
+      transparent: !0,
+      disabled: d()
     };
-    if (!disableCallbacks) {
-      propsButton = _objectSpread(_objectSpread({}, propsButton), {}, {
-        onClick: e => {
-          if (props.onClick) props.onClick(e);
-          setAdvancedFilterOpened(!advancedFilterOpened);
-          if (onStateChange) onStateChange(!advancedFilterOpened);
-        }
-      }, propsButton);
-    }
-    return propsButton;
-  };
-  const rightElements = () => {
-    const enableFilterButton = Object.keys(advancedFilterProps).length > 0;
-    let elements = [/*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: "search",
-      color: "#a9a8a8",
-      key: "search-icon",
-      disabled: shouldDisable()
-    })];
-    const resetButtonIcon = /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: "cancel2",
-      color: "#a9a8a8",
-      key: "inputSearchIcon",
-      style: {
-        cursor: 'pointer',
-        pointerEvents: 'auto'
+    return o || (n = {
+      ...n,
+      onClick: (f) => {
+        e.onClick && e.onClick(f), C(!i), r && r(!i);
+      },
+      ...n
+    }), n;
+  }, F = () => {
+    const o = Object.keys(h).length > 0;
+    let n = [/* @__PURE__ */ a.jsx(m, { name: "search", color: "#a9a8a8", disabled: d() }, "search-icon")];
+    const f = /* @__PURE__ */ a.jsx(
+      m,
+      {
+        name: "cancel2",
+        color: "#a9a8a8",
+        style: { cursor: "pointer", pointerEvents: "auto" },
+        onClick: b
       },
-      onClick: onReset
-    });
-    const filterButton = /*#__PURE__*/_react.default.createElement(_buttons.default, buttonProps());
-    if (enableFilterButton) elements = [...elements, filterButton];
-    if (resetButton && valorCampo.trim() !== '') elements = [resetButtonIcon, ...elements];
-    return elements;
+      "inputSearchIcon"
+    ), R = /* @__PURE__ */ a.jsx(w, { ...k() });
+    return o && (n = [...n, R]), g && l.trim() !== "" && (n = [f, ...n]), n;
   };
-  (0, _react.useEffect)(() => {
-    if (value !== undefined && value !== valorCampo) {
-      setValorCampo(value);
-    }
-  }, [value]);
-  (0, _react.useEffect)(() => {
-    setAdvancedFilterOpened(drawerFilterIsOpened);
-  }, [drawerFilterIsOpened]);
-  if (onDenied && onDenied.unvisible) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({}, props, {
-    onReset: onReset,
-    onChange: onChange,
-    value: valorCampo,
-    customClass: "",
-    handlerSetOnDenied: setOnDenied,
-    rightElements: rightElements()
-  })), advancedFilterOpened && /*#__PURE__*/_react.default.createElement(_drawer.default, _extends({
-    handlerClose: () => {
-      setAdvancedFilterOpened(false);
-      if (onStateChange) onStateChange(false);
-    }
-  }, advancedFilterPropsRest), headerTitle && /*#__PURE__*/_react.default.createElement(_drawer.DrawerHeader, {
-    title: headerTitle
-  }), /*#__PURE__*/_react.default.createElement(_drawer.DrawerContent, null, content)));
+  return S(() => {
+    s !== void 0 && s !== l && c(s);
+  }, [s]), t && t.unvisible ? null : /* @__PURE__ */ a.jsxs(E, { children: [
+    /* @__PURE__ */ a.jsx(
+      I,
+      {
+        ...e,
+        onReset: b,
+        onChange: y,
+        value: l,
+        customClass: "",
+        handlerSetOnDenied: v,
+        rightElements: F()
+      }
+    ),
+    i && /* @__PURE__ */ a.jsxs(
+      D,
+      {
+        handlerClose: () => {
+          C(!1), r && r(!1);
+        },
+        ...O,
+        children: [
+          x && /* @__PURE__ */ a.jsx(P, { title: x }),
+          /* @__PURE__ */ a.jsx(T, { children: p })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  M as default
 };
-var _default = exports.default = SearchField;

package/lib/inputs/search/search_input.spec.d.ts

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

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

@@ -1,16 +1,3 @@
-import { IActionButtonsSelectProps } from '../types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/DataCombo.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;
-
-export { ActionButtons as default };
+import { IActionButtonsSelectProps } from '../types';
+declare const ActionButtons: (props: IActionButtonsSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionButtons;

package/lib/inputs/select/ActionButtons.js

@@ -1,39 +1,49 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = _interopRequireDefault(require("../../icons"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ActionButtons = props => {
+import { j as n } from "../../chunks/jsx-runtime.CYK1ROHF.js";
+import e from "../../icons/index.js";
+const d = (o) => {
   const {
-    disabled = false,
-    showClearButton = true,
-    dropDownOpened,
-    handlerOpenClose,
-    handlerClear,
-    customClassForSideButtons
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: `actionbuttonsselect ${customClassForSideButtons}`
-  }, showClearButton && /*#__PURE__*/_react.default.createElement("button", {
-    disabled: disabled,
-    tabIndex: -1,
-    className: "actionbutton buttonclear",
-    onClick: handlerClear
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    name: "cancel",
-    pointerEvents: "none"
-  })), /*#__PURE__*/_react.default.createElement("button", {
-    disabled: disabled,
-    tabIndex: -1,
-    className: "actionbutton buttonopenclose",
-    onClick: handlerOpenClose
-  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
-    pointerEvents: "none",
-    name: dropDownOpened ? 'mini_up' : 'mini_down'
-  })));
+    disabled: t = !1,
+    showClearButton: s = !0,
+    dropDownOpened: a,
+    handlerOpenClose: c,
+    handlerClear: i,
+    customClassForSideButtons: l
+  } = o;
+  return /* @__PURE__ */ n.jsxs("div", { className: `actionbuttonsselect ${l}`, children: [
+    s && /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        disabled: t,
+        tabIndex: -1,
+        className: "actionbutton buttonclear",
+        onClick: i,
+        children: /* @__PURE__ */ n.jsx(
+          e,
+          {
+            name: "cancel",
+            pointerEvents: "none"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ n.jsx(
+      "button",
+      {
+        disabled: t,
+        tabIndex: -1,
+        className: "actionbutton buttonopenclose",
+        onClick: c,
+        children: /* @__PURE__ */ n.jsx(
+          e,
+          {
+            pointerEvents: "none",
+            name: a ? "mini_up" : "mini_down"
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  d as default
 };
-var _default = exports.default = ActionButtons;

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

@@ -1,16 +1,3 @@
-import { IDropdownSelectProps } from '../types.js';
-import 'react';
-import '../../@types/PermissionAttr.js';
-import '../../@types/DataCombo.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;
-
-export { Dropdown as default };
+import { IDropdownSelectProps } from '../types';
+declare const Dropdown: (props: IDropdownSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Dropdown;