linear-react-components-ui 1.1.26-beta.17 → 1.1.26-beta.18

package/lib/inputs2/selectfield/search.js

@@ -1,58 +1,71 @@
-import { jsx as f } from "react/jsx-runtime";
-import { c as K } from "../../_virtual/compiler-runtime.js";
-import { forwardRef as k } from "react";
-import B from "../../icons/index.js";
-import { Input as D } from "../textfield/index.js";
-import { RightSlot as E } from "../slot/index.js";
-import { useSelectFieldContext as F } from "./context.js";
-import { setFocusOnOffsetElement as R } from "./helpers.js";
-const N = k((m, h) => {
-  const e = K.c(23);
-  let l;
-  e[0] !== m ? ({
-    ...l
-  } = m, e[0] = m, e[1] = l) : l = e[1];
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Search = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var TextField = _interopRequireWildcard(require("../textfield"));
+var _slot = require("../slot");
+var _context = require("./context");
+var _helpers = require("./helpers");
+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 _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); }
+function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+const Search = exports.Search = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const rest = Object.assign({}, (_objectDestructuringEmpty(props), props));
   const {
-    nameSelect: w,
-    handleOnSearch: d,
-    handleOnKeyDown: p,
-    selectSearchInputRef: u,
-    selectInputRef: S,
-    handleCloseListBox: x,
-    searchInputPlaceholder: y
-  } = F();
-  let r;
-  e[2] !== d ? (r = (t) => {
-    d?.(t);
-  }, e[2] = d, e[3] = r) : r = e[3];
-  const I = r;
-  let c;
-  e[4] !== x ? (c = () => {
-    x();
-  }, e[4] = x, e[5] = c) : c = e[5];
-  const O = c;
-  let s;
-  e[6] !== p || e[7] !== S ? (s = (t) => {
-    if (t.key && t.key === "Tab") {
-      const g = S.current;
-      t.key === "Tab" && R(g, "next"), t.shiftKey && R(g, "before");
+    nameSelect,
+    handleOnSearch,
+    handleOnKeyDown,
+    selectSearchInputRef,
+    selectInputRef,
+    handleCloseListBox,
+    searchInputPlaceholder
+  } = (0, _context.useSelectFieldContext)();
+  const handleOnChangeSearchInput = event => {
+    handleOnSearch?.(event);
+  };
+  const handleOnBlur = () => {
+    handleCloseListBox();
+  };
+  const handleOnKeyDownSearchInput = event => {
+    if (event.key && event.key === 'Tab') {
+      const inputElement = selectInputRef.current;
+      if (event.key === 'Tab') {
+        (0, _helpers.setFocusOnOffsetElement)(inputElement, 'next');
+      }
+      if (event.shiftKey) {
+        (0, _helpers.setFocusOnOffsetElement)(inputElement, 'before');
+      }
+    }
+    handleOnKeyDown?.(event);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref,
+    className: "select-field-search"
+  }, rest), /*#__PURE__*/_react.default.createElement(TextField.Input, {
+    "data-testid": "test-select-field-search-input",
+    autoComplete: "off",
+    ref: selectSearchInputRef,
+    name: String(nameSelect).concat('-select-field-search'),
+    tabIndex: 0,
+    placeholder: searchInputPlaceholder,
+    customClassWrapper: "select-field-search-input",
+    onBlur: handleOnBlur,
+    onChange: handleOnChangeSearchInput,
+    onKeyDown: handleOnKeyDownSearchInput
+  }, /*#__PURE__*/_react.default.createElement(_slot.RightSlot, {
+    style: {
+      padding: '0px 6px 0px 3px'
     }
-    p?.(t);
-  }, e[6] = p, e[7] = S, e[8] = s) : s = e[8];
-  const C = s, b = String(w);
-  let n;
-  e[9] !== b ? (n = b.concat("-select-field-search"), e[9] = b, e[10] = n) : n = e[10];
-  let a;
-  e[11] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ f(E, { style: {
-    padding: "0px 6px 0px 3px"
-  }, children: /* @__PURE__ */ f(B, { size: 16, name: "search", colorStyle: "default" }) }), e[11] = a) : a = e[11];
-  let o;
-  e[12] !== O || e[13] !== I || e[14] !== C || e[15] !== y || e[16] !== u || e[17] !== n ? (o = /* @__PURE__ */ f(D, { "data-testid": "test-select-field-search-input", autoComplete: "off", ref: u, name: n, tabIndex: 0, placeholder: y, customClassWrapper: "select-field-search-input", onBlur: O, onChange: I, onKeyDown: C, children: a }), e[12] = O, e[13] = I, e[14] = C, e[15] = y, e[16] = u, e[17] = n, e[18] = o) : o = e[18];
-  let i;
-  return e[19] !== h || e[20] !== l || e[21] !== o ? (i = /* @__PURE__ */ f("div", { ref: h, className: "select-field-search", ...l, children: o }), e[19] = h, e[20] = l, e[21] = o, e[22] = i) : i = e[22], i;
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    size: 16,
+    name: "search",
+    colorStyle: "default"
+  }))));
 });
-N.displayName = "SelectFieldSearch";
-export {
-  N as Search
-};
-//# sourceMappingURL=search.js.map
+Search.displayName = 'SelectFieldSearch';

package/lib/inputs2/selectfield/selections.d.ts

@@ -1,9 +1,10 @@
-import { ComponentProps } from 'react';
-interface SelectFieldSelectionsProps extends ComponentProps<'div'> {
+import React__default from 'react';
+
+interface SelectFieldSelectionsProps extends React__default.ComponentProps<'div'> {
     isDisabled: boolean;
     isReadOnly: boolean;
     listOfOptionsToSelect: Map<string, string>;
 }
-declare const Selections: import('react').ForwardRefExoticComponent<Omit<SelectFieldSelectionsProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Selections };
-export type { SelectFieldSelectionsProps };
+declare const Selections: React__default.ForwardRefExoticComponent<Pick<SelectFieldSelectionsProps, "style" | "children" | "slot" | "title" | "className" | "key" | "align" | "onClick" | "color" | "hidden" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "isDisabled" | "isReadOnly" | "listOfOptionsToSelect"> & React__default.RefAttributes<HTMLDivElement>>;
+
+export { SelectFieldSelectionsProps, Selections };

package/lib/inputs2/selectfield/selections.js

@@ -1,66 +1,86 @@
-import { jsx as b, jsxs as v } from "react/jsx-runtime";
-import { c as y } from "../../_virtual/compiler-runtime.js";
-import { forwardRef as x } from "react";
-import I from "../../icons/index.js";
-import { useSelectFieldContext as R } from "./context.js";
-const D = (c) => {
-  const t = y.c(22);
-  let e, l, s, a, i, n;
-  t[0] !== c ? ({
-    isDisabled: e,
-    isReadOnly: l,
-    value: n,
-    label: s,
-    removeItemSelected: a,
-    ...i
-  } = c, t[0] = c, t[1] = e, t[2] = l, t[3] = s, t[4] = a, t[5] = i, t[6] = n) : (e = t[1], l = t[2], s = t[3], a = t[4], i = t[5], n = t[6]);
-  let o;
-  t[7] !== s ? (o = /* @__PURE__ */ b("p", { className: "label", children: s }), t[7] = s, t[8] = o) : o = t[8];
-  let r;
-  t[9] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ b(I, { name: "cancel2" }), t[9] = r) : r = t[9];
-  let m;
-  t[10] !== e || t[11] !== l || t[12] !== a ? (m = /* @__PURE__ */ b("button", { type: "button", disabled: e, "data-state-read-only": l, tabIndex: -1, className: "remove", title: "Remover", onClick: a, onMouseDown: O, children: r }), t[10] = e, t[11] = l, t[12] = a, t[13] = m) : m = t[13];
-  let d;
-  return t[14] !== e || t[15] !== l || t[16] !== s || t[17] !== i || t[18] !== o || t[19] !== m || t[20] !== n ? (d = /* @__PURE__ */ v("span", { id: n, title: s, className: "selected", "data-state-disabled": e, "data-state-read-only": l, ...i, children: [
-    o,
-    m
-  ] }), t[14] = e, t[15] = l, t[16] = s, t[17] = i, t[18] = o, t[19] = m, t[20] = n, t[21] = d) : d = t[21], d;
-}, N = x((c, t) => {
-  const e = y.c(20);
-  let l, s, a, i;
-  e[0] !== c ? ({
-    isDisabled: l,
-    isReadOnly: s,
-    listOfOptionsToSelect: a,
-    ...i
-  } = c, e[0] = c, e[1] = l, e[2] = s, e[3] = a, e[4] = i) : (l = e[1], s = e[2], a = e[3], i = e[4]);
-  const {
-    valueSelect: n,
-    isMultipleDefault: o,
-    handleOnChange: r
-  } = R(), m = !![...n].length;
-  let d;
-  e[5] !== r ? (d = (u, p) => {
-    r?.(u, p, !0);
-  }, e[5] = r, e[6] = d) : d = e[6];
-  const h = d;
-  if (!m)
-    return null;
-  let f;
-  e[7] !== h || e[8] !== l || e[9] !== s || e[10] !== a || e[11] !== n ? (f = [...n].map((u) => {
-    const p = a.get(u);
-    return /* @__PURE__ */ b(D, { value: u, label: p, isDisabled: l, isReadOnly: s, removeItemSelected: () => {
-      h(u, p);
-    } }, u);
-  }), e[7] = h, e[8] = l, e[9] = s, e[10] = a, e[11] = n, e[12] = f) : f = e[12];
-  let S;
-  return e[13] !== l || e[14] !== o || e[15] !== s || e[16] !== t || e[17] !== i || e[18] !== f ? (S = /* @__PURE__ */ b("div", { ref: t, className: "selections", "data-testid": "test-select-field-input-selections", "aria-disabled": l, "aria-readonly": s, "data-state-multiple-selections": o, ...i, children: f }), e[13] = l, e[14] = o, e[15] = s, e[16] = t, e[17] = i, e[18] = f, e[19] = S) : S = e[19], S;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-N.displayName = "SelectFieldSelections";
-function O(c) {
-  c.preventDefault();
-}
-export {
-  N as Selections
+exports.Selections = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _context = require("./context");
+const _excluded = ["isDisabled", "isReadOnly", "value", "label", "removeItemSelected"],
+  _excluded2 = ["isDisabled", "isReadOnly", "listOfOptionsToSelect"];
+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); }
+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 ItemSelected = props => {
+  const {
+      isDisabled,
+      isReadOnly,
+      value,
+      label,
+      removeItemSelected
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("span", _extends({
+    id: value,
+    title: label,
+    className: "selected",
+    "data-state-disabled": isDisabled,
+    "data-state-read-only": isReadOnly
+  }, rest), /*#__PURE__*/_react.default.createElement("p", {
+    className: "label"
+  }, label), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    disabled: isDisabled,
+    "data-state-read-only": isReadOnly,
+    tabIndex: -1,
+    className: "remove",
+    title: "Remover",
+    onClick: removeItemSelected,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: "cancel2"
+  })));
 };
-//# sourceMappingURL=selections.js.map
+const Selections = exports.Selections = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      isDisabled,
+      isReadOnly,
+      listOfOptionsToSelect
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded2);
+  const {
+    valueSelect,
+    isMultipleDefault,
+    handleOnChange
+  } = (0, _context.useSelectFieldContext)();
+  const hasValuesSelected = Boolean([...valueSelect]?.length);
+  const handleRemoveItemSelected = (value, label) => {
+    handleOnChange?.(value, label, true);
+  };
+  if (!hasValuesSelected) return null;
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    ref: ref,
+    className: "selections",
+    "data-testid": "test-select-field-input-selections",
+    "aria-disabled": isDisabled,
+    "aria-readonly": isReadOnly,
+    "data-state-multiple-selections": isMultipleDefault
+  }, rest), [...valueSelect].map(value => {
+    const label = listOfOptionsToSelect.get(value);
+    return /*#__PURE__*/_react.default.createElement(ItemSelected, {
+      key: value,
+      value: value,
+      label: label,
+      isDisabled: isDisabled,
+      isReadOnly: isReadOnly,
+      removeItemSelected: () => {
+        handleRemoveItemSelected(value, label);
+      }
+    });
+  }));
+});
+Selections.displayName = 'SelectFieldSelections';

package/lib/inputs2/selectfield/triggers.d.ts

@@ -1,8 +1,8 @@
 interface SelectFieldTriggersProps {
 }
 declare const Triggers: {
-    (): import("react/jsx-runtime").JSX.Element;
+    (): JSX.Element;
     displayName: string;
 };
-export { Triggers };
-export type { SelectFieldTriggersProps };
+
+export { SelectFieldTriggersProps, Triggers };

package/lib/inputs2/selectfield/triggers.js

@@ -1,82 +1,108 @@
-import { jsx as i, jsxs as y } from "react/jsx-runtime";
-import { c as A } from "../../_virtual/compiler-runtime.js";
-import { Fragment as F } from "react";
-import N from "../../icons/index.js";
-import L from "../../buttons/Button.js";
-import '../../assets/styles/button.css';/* empty css                              */
-import j from "../../list/index.js";
-import { useSelectFieldContext as E } from "./context.js";
-import O from "../../list/Item.js";
-const R = () => {
-  const e = A.c(40), {
-    isDisabled: t,
-    selectFieldId: o,
-    listBoxOpen: b,
-    showClearButton: w,
-    dropdownAlignButton: D,
-    handleClearValue: I,
-    handleChangeListBoxState: C,
-    handleCheckMultiple: n,
-    optionItens: S,
-    isMultipleSelect: T,
-    isMultipleWithCheckboxes: l
-  } = E(), B = !!S?.length, k = !T && B || l;
-  let h;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ i(N, { name: "cancel" }), e[0] = h) : h = e[0];
-  let a;
-  e[1] !== I || e[2] !== t || e[3] !== o || e[4] !== w ? (a = /* @__PURE__ */ i("button", { "data-testid": "test-select-field-trigger-clear", className: "clear", type: "button", title: "Limpar", tabIndex: -1, disabled: t, "aria-disabled": t, "aria-label": "Limpar", "aria-controls": o, onClick: I, "data-state-visible": w, onMouseDown: U, children: h }), e[1] = I, e[2] = t, e[3] = o, e[4] = w, e[5] = a) : a = e[5];
-  let s;
-  e[6] !== n ? (s = () => {
-    n(!0);
-  }, e[6] = n, e[7] = s) : s = e[7];
-  let r;
-  e[8] !== l || e[9] !== s ? (r = /* @__PURE__ */ i(O, { visible: l, itemId: "opcao-marcar-todos", leftIconName: "checkboxChecked", text: "Marcar Todos", onMouseDown: W, onClick: s }), e[8] = l, e[9] = s, e[10] = r) : r = e[10];
-  let c;
-  e[11] !== n ? (c = () => {
-    n(!1);
-  }, e[11] = n, e[12] = c) : c = e[12];
-  let d;
-  e[13] !== l || e[14] !== c ? (d = /* @__PURE__ */ i(O, { visible: l, itemId: "opcao-desmarcar-todos", leftIconName: "checkboxUnchecked", text: "Desmarcar Todos", onMouseDown: $, onClick: c }), e[13] = l, e[14] = c, e[15] = d) : d = e[15];
-  const _ = B && S;
-  let m;
-  e[16] !== _ ? (m = /* @__PURE__ */ i(F, { children: _ }), e[16] = _, e[17] = m) : m = e[17];
-  let p;
-  e[18] !== r || e[19] !== d || e[20] !== m ? (p = /* @__PURE__ */ y(j, { children: [
-    r,
-    d,
-    m
-  ] }), e[18] = r, e[19] = d, e[20] = m, e[21] = p) : p = e[21];
-  let f;
-  e[22] !== D || e[23] !== k || e[24] !== t || e[25] !== o || e[26] !== p ? (f = /* @__PURE__ */ i(L, { "data-testid": "test-select-field-trigger-options", dropdown: !0, transparent: !0, boxShadow: !1, showIconDropdown: !1, visible: k, type: "button", title: "Opções", tabIndex: -1, disabled: t, "aria-label": "Opções", "aria-controls": o, iconName: "more1", dropdownAlign: D, onMouseDown: V, children: p }), e[22] = D, e[23] = k, e[24] = t, e[25] = o, e[26] = p, e[27] = f) : f = e[27];
-  const v = b ? "Fechar" : "Abrir", M = b ? "Fechar" : "Abrir";
-  let x;
-  e[28] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ i(N, { name: "mini_down" }), e[28] = x) : x = e[28];
-  let u;
-  e[29] !== C || e[30] !== t || e[31] !== b || e[32] !== o || e[33] !== v || e[34] !== M ? (u = /* @__PURE__ */ i("button", { "data-testid": "test-select-field-trigger-open-listbox", className: "open-listbox", type: "button", title: v, tabIndex: -1, disabled: t, "aria-disabled": t, "aria-label": M, "aria-expanded": b, "aria-controls": o, onClick: C, onMouseDown: q, children: x }), e[29] = C, e[30] = t, e[31] = b, e[32] = o, e[33] = v, e[34] = M, e[35] = u) : u = e[35];
-  let g;
-  return e[36] !== a || e[37] !== u || e[38] !== f ? (g = /* @__PURE__ */ y(F, { children: [
-    a,
-    f,
-    u
-  ] }), e[36] = a, e[37] = u, e[38] = f, e[39] = g) : g = e[39], g;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Triggers = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("../../icons"));
+var _buttons = _interopRequireDefault(require("../../buttons"));
+var _list = _interopRequireWildcard(require("../../list"));
+var _context = require("./context");
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Triggers = () => {
+  const {
+    isDisabled,
+    selectFieldId,
+    listBoxOpen,
+    showClearButton,
+    dropdownAlignButton,
+    handleClearValue,
+    handleChangeListBoxState,
+    handleCheckMultiple,
+    optionItens,
+    isMultipleSelect,
+    isMultipleWithCheckboxes
+  } = (0, _context.useSelectFieldContext)();
+  const hasOptionsItens = Boolean(optionItens?.length);
+  const hasConditionToShowOptionsButton = !isMultipleSelect && hasOptionsItens || isMultipleWithCheckboxes;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    "data-testid": "test-select-field-trigger-clear",
+    className: "clear",
+    type: "button",
+    title: "Limpar",
+    tabIndex: -1,
+    disabled: isDisabled,
+    "aria-disabled": isDisabled,
+    "aria-label": "Limpar",
+    "aria-controls": selectFieldId,
+    onClick: handleClearValue,
+    "data-state-visible": showClearButton,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: "cancel"
+  })), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    "data-testid": "test-select-field-trigger-options",
+    dropdown: true,
+    transparent: true,
+    boxShadow: false,
+    showIconDropdown: false,
+    visible: hasConditionToShowOptionsButton,
+    type: "button",
+    title: "Op\xE7\xF5es",
+    tabIndex: -1,
+    disabled: isDisabled,
+    "aria-label": "Op\xE7\xF5es",
+    "aria-controls": selectFieldId,
+    iconName: "more1",
+    dropdownAlign: dropdownAlignButton,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    visible: isMultipleWithCheckboxes,
+    itemId: "opcao-marcar-todos",
+    leftIconName: "checkboxChecked",
+    text: "Marcar Todos",
+    onMouseDown: event => {
+      event?.preventDefault?.();
+    },
+    onClick: () => {
+      handleCheckMultiple(true);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_list.ListItem, {
+    visible: isMultipleWithCheckboxes,
+    itemId: "opcao-desmarcar-todos",
+    leftIconName: "checkboxUnchecked",
+    text: "Desmarcar Todos",
+    onMouseDown: event => {
+      event?.preventDefault?.();
+    },
+    onClick: () => {
+      handleCheckMultiple(false);
+    }
+  }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasOptionsItens && optionItens))), /*#__PURE__*/_react.default.createElement("button", {
+    "data-testid": "test-select-field-trigger-open-listbox",
+    className: "open-listbox",
+    type: "button",
+    title: !listBoxOpen ? 'Abrir' : 'Fechar',
+    tabIndex: -1,
+    disabled: isDisabled,
+    "aria-disabled": isDisabled,
+    "aria-label": !listBoxOpen ? 'Abrir' : 'Fechar',
+    "aria-expanded": listBoxOpen,
+    "aria-controls": selectFieldId,
+    onClick: handleChangeListBoxState,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: "mini_down"
+  })));
 };
-R.displayName = "SelectFieldTriggers";
-function U(e) {
-  e.preventDefault();
-}
-function V(e) {
-  e.preventDefault();
-}
-function W(e) {
-  e?.preventDefault?.();
-}
-function $(e) {
-  e?.preventDefault?.();
-}
-function q(e) {
-  e.preventDefault();
-}
-export {
-  R as Triggers
-};
-//# sourceMappingURL=triggers.js.map
+exports.Triggers = Triggers;
+Triggers.displayName = 'SelectFieldTriggers';

package/lib/inputs2/selectfield/types.d.ts

@@ -1,14 +1,15 @@
-import { ChangeEvent, ComponentProps } from 'react';
-import { TextAlign } from '../../@types/Align';
-import { ColorTheme } from '../../@types/ColorStyles';
-import { ITooltipCommonProps } from '../../tooltip/types';
-import { Position, HintPosition } from '../../@types/Position';
-import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr';
-export declare enum MultipleVariantEnum {
+import { TextAlign } from '../../@types/Align.js';
+import { ColorTheme } from '../../@types/ColorStyles.js';
+import { ITooltipCommonProps } from '../../tooltip/types.js';
+import { HintPosition, Position } from '../../@types/Position.js';
+import { PermissionAttr, OnDenied } from '../../@types/PermissionAttr.js';
+import 'react';
+
+declare enum MultipleVariantEnum {
     default = "default",
     checkboxes = "checkboxes"
 }
-export declare enum Keys {
+declare enum Keys {
     escape = "Escape",
     arrowDown = "ArrowDown",
     arrowUp = "ArrowUp",
@@ -17,8 +18,8 @@ export declare enum Keys {
     delete = "Delete",
     spaceBar = " "
 }
-type InputHTMLProps = Omit<ComponentProps<'input'>, 'multiple' | 'type'>;
-export interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
+type InputHTMLProps = Omit<React.ComponentProps<'input'>, 'multiple' | 'type'>;
+interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonProps {
     skeletonize?: boolean;
     undigitable?: boolean;
     externalSearch?: boolean;
@@ -46,7 +47,8 @@ export interface SelectFieldInputProps extends InputHTMLProps, ITooltipCommonPro
     permissionAttr?: PermissionAttr;
     onDeniedActions?: OnDenied;
     dropdownAlignButton?: Extract<Position, 'left' | 'right'>;
-    onSearch?: (event?: ChangeEvent<HTMLInputElement>) => void;
+    onSearch?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
     multiple?: keyof typeof MultipleVariantEnum;
 }
-export {};
+
+export { Keys, MultipleVariantEnum, SelectFieldInputProps };

package/lib/inputs2/selectfield/types.js

@@ -1,6 +1,21 @@
-var r = /* @__PURE__ */ ((e) => (e.default = "default", e.checkboxes = "checkboxes", e))(r || {}), a = /* @__PURE__ */ ((e) => (e.escape = "Escape", e.arrowDown = "ArrowDown", e.arrowUp = "ArrowUp", e.enter = "Enter", e.backspace = "Backspace", e.delete = "Delete", e.spaceBar = " ", e))(a || {});
-export {
-  a as Keys,
-  r as MultipleVariantEnum
-};
-//# sourceMappingURL=types.js.map
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultipleVariantEnum = exports.Keys = void 0;
+let MultipleVariantEnum = exports.MultipleVariantEnum = /*#__PURE__*/function (MultipleVariantEnum) {
+  MultipleVariantEnum["default"] = "default";
+  MultipleVariantEnum["checkboxes"] = "checkboxes";
+  return MultipleVariantEnum;
+}({});
+let Keys = exports.Keys = /*#__PURE__*/function (Keys) {
+  Keys["escape"] = "Escape";
+  Keys["arrowDown"] = "ArrowDown";
+  Keys["arrowUp"] = "ArrowUp";
+  Keys["enter"] = "Enter";
+  Keys["backspace"] = "Backspace";
+  Keys["delete"] = "Delete";
+  Keys["spaceBar"] = " ";
+  return Keys;
+}({});