@loja-integrada/admin-components 1.3.23 → 1.3.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-5H4IHAI5.js +14 -0
- package/dist/{chunk-JTJXUDMO.js → chunk-6Y5UPWMD.js} +1 -1
- package/dist/forms/Calendar/index.js +1 -1
- package/dist/forms/Dropdown/Dropdown.client.d.ts +1 -1
- package/dist/forms/Dropdown/index.js +2 -2
- package/dist/forms/Input/index.js +1 -1
- package/dist/forms/InputCurrency/index.js +1 -1
- package/dist/forms/InputLabel/index.js +1 -1
- package/dist/forms/InputMask/index.js +1 -1
- package/dist/forms/InputWithUnit/index.js +3 -3
- package/dist/forms/Select/index.js +1 -1
- package/dist/forms/TextArea/index.js +1 -1
- package/dist/forms/index.js +3 -3
- package/dist/index.js +3 -3
- package/dist/indicators/index.js +1 -1
- package/dist/navigation/Pagination/index.js +1 -1
- package/dist/navigation/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-HAJWKP2L.js +0 -14
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { a as a$1 } from './chunk-2BHQJL6C.js';
|
|
2
|
+
import { a as a$4 } from './chunk-NRAIF4I3.js';
|
|
3
|
+
import { a as a$2 } from './chunk-BW4TJLAD.js';
|
|
4
|
+
import { a as a$3 } from './chunk-UZZ5JUF7.js';
|
|
5
|
+
import { a } from './chunk-AGCI6C3Z.js';
|
|
6
|
+
import { cva } from 'class-variance-authority';
|
|
7
|
+
import w, { useMemo } from 'react';
|
|
8
|
+
import q, { components } from 'react-select';
|
|
9
|
+
import A from 'react-select/creatable';
|
|
10
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
11
|
+
|
|
12
|
+
var K=cva("flex w-full cursor-pointer items-center border bg-base-1 transition-colors",{variants:{size:{small:"text-f7 h-10",default:"text-f6 h-12",large:"text-f5 h-14",xlarge:"text-f4 h-24"},variant:{default:"rounded border-card-stroke font-normal text-on-base",secondary:"rounded-md border-inverted-2 font-semibold shadow-inner hover:bg-base-3 focus:bg-base-1 focus:ring-2 focus:ring-focus focus:ring-offset-2",minimal:"rounded border-none font-normal text-on-base"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2"},readOnly:{true:"pointer-events-none bg-base-2"},hasErrorState:{true:"border-danger focus:border-danger"}},defaultVariants:{variant:"default",size:"default",hasErrorState:!1,disabled:!1,readOnly:!1}}),{Option:Q,DropdownIndicator:U}=components,Y=r=>{let{selectProps:s}=r,t=`transform transition duration-200 ${s.menuIsOpen?"rotate-180":"rotate-0"} text-inverted-2`;return jsx(U,{...r,className:"mr-2",children:jsx(a$3,{icon:"sortDown",size:5,className:t})})},Z=r=>{let{data:s,removeProps:t}=r;return jsxs("div",{...r,className:"selected-option mr-2 flex items-center gap-x-1.5 rounded-sm bg-primary-light px-2 text-inverted-1",children:[jsx("span",{className:"text-f7 truncate font-semibold",children:s.label}),jsx("div",{onClick:t.onClick,...t,className:"cursor-pointer",children:jsx(a$3,{icon:"close",size:3})})]})},_=r=>{let{isSelected:s,isDisabled:t,isFocused:a$1,data:n,isMulti:l}=r,c=useMemo(()=>n.element?n.element:jsx(Fragment,{children:l?jsx(a$4,{label:n.label,checked:s}):jsxs(Fragment,{children:[n.icon?jsx(a$3,{icon:n.icon,className:"mr-2"}):null,n.label]})}),[n,s,l]);return jsx(Q,{...r,className:a("text-f6 first:mt-2 last:mb-2 py-2 px-5 font-semibold transition-colors flex items-center",t?"opacity-50 cursor-not-allowed":"hover:text-on-base hover:bg-inverted-2/5 cursor-pointer",s?"text-inverted-1":"text-inverted-2",a$1&&"bg-inverted-2/5"),children:c})},ee=({options:r,isSearchable:s=!1,allowCreation:t=!1,isMultivalued:a$3=!1,onChange:n,onMultiChange:l,onBlur:c,size:S="default",variant:I="default",placeholder:y="Selecione um item",emptyMessage:M="Nenhuma op\xE7\xE3o dispon\xEDvel",hasError:V=!1,errorMessage:g,helpText:D,label:N,labelComplement:L,id:E,name:W,required:k=!1,disabled:h,readOnly:m,maxMenuHeight:G=300,menuPosition:B="absolute",menuPlacement:z="auto",menuWidth:R="100%",menuHorizontalPlacement:i,formGroupClassName:T="",value:F},H)=>{let X=useMemo(()=>Math.random().toString(36).substring(7),[]),x=E||W||X,p=V||!!g,$=useMemo(()=>t?A:q,[t]);return jsxs("div",{className:a("form-group flex flex-col",T),children:[jsx(a$1,{label:N,labelComplement:L,required:k,hasError:p,htmlFor:x,className:"mb-1"}),jsx($,{id:x,ref:H,value:F,classNamePrefix:"select",options:r,isSearchable:t||s,blurInputOnSelect:!a$3,isMulti:a$3,hideSelectedOptions:!1,closeMenuOnSelect:!a$3,isDisabled:h||m,maxMenuHeight:G,menuPortalTarget:document?.body,menuPosition:B,menuPlacement:z,placeholder:y,noOptionsMessage:({inputValue:e})=>e?`Nenhum resultado para "${e}"`:M,formatCreateLabel:e=>`Selecionar "${e}"`,onChange:e=>{a$3&&l?l(e):n&&e&&n(e);},onBlur:e=>c?.(e),components:{Option:e=>_(e),DropdownIndicator:e=>Y(e),MultiValue:e=>Z(e),ClearIndicator:()=>null},classNames:{input:()=>t?"":"absolute !mx-0",noOptionsMessage:()=>"text-on-base-3 text-f6 font-semibold break-words",valueContainer:()=>"w-full min-h-10",singleValue:()=>"truncate",placeholder:()=>"w-full truncate pr-2 h-full text-on-base-3",control:({isFocused:e})=>a(K({variant:I,size:S,hasErrorState:p,disabled:h,readOnly:m}),e&&!p&&!m&&"border-inverted-1"),groupHeading:()=>"px-5 text-on-base-3 text-f7 font-semibold uppercase"},styles:{option:()=>({}),control:()=>({}),menu:e=>({...e,width:R,backgroundColor:"rgb(var(--color-base-1) / 100)",zIndex:999,...i&&i==="left"&&{left:0},...i&&i==="right"&&{right:0}}),menuPortal:e=>({...e,zIndex:9999}),indicatorSeparator:()=>({}),groupHeading:()=>({}),singleValue:()=>({maxWidth:"calc(100% - 6px)"}),valueContainer:e=>({...e,paddingLeft:16,display:"flex",flexWrap:"nowrap",alignItems:"center",overflowX:"auto",msOverflowStyle:"none",scrollbarWidth:"none","::-webkit-scrollbar":{display:"none"}}),placeholder:()=>({}),multiValue:e=>({...e,overflow:"scroll",display:"flex",flexWrap:"nowrap",overflowX:"auto",scrollbarWidth:"thin",msOverflowStyle:"auto",whiteSpace:"nowrap"})}}),jsx(a$2,{helpText:g||D,hasError:p,className:"mt-2"})]})},oe=w.forwardRef(ee),te=w.memo(oe);te.displayName="Dropdown";
|
|
13
|
+
|
|
14
|
+
export { te as a };
|
|
@@ -13,8 +13,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
13
13
|
import '../../chunk-DCLZNUOB.js';
|
|
14
14
|
import '../../chunk-FGRCQDIX.js';
|
|
15
15
|
import '../../chunk-7NYGOWFC.js';
|
|
16
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
17
16
|
import '../../chunk-TZI6YTCW.js';
|
|
17
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
18
18
|
import '../../chunk-RLOTNDPD.js';
|
|
19
19
|
import '../../chunk-UF4BFCSP.js';
|
|
20
20
|
import '../../chunk-NRAIF4I3.js';
|
|
@@ -5,7 +5,7 @@ import { IconProps } from '../../components/Icon';
|
|
|
5
5
|
import { InputLabelProps } from '../InputLabel';
|
|
6
6
|
declare const dropdownVariants: (props?: ({
|
|
7
7
|
size?: "small" | "default" | "large" | "xlarge" | null | undefined;
|
|
8
|
-
variant?: "secondary" | "default" | null | undefined;
|
|
8
|
+
variant?: "secondary" | "default" | "minimal" | null | undefined;
|
|
9
9
|
disabled?: boolean | null | undefined;
|
|
10
10
|
readOnly?: boolean | null | undefined;
|
|
11
11
|
hasErrorState?: boolean | null | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";export { a as Dropdown } from '../../chunk-
|
|
1
|
+
"use client";export { a as Dropdown } from '../../chunk-5H4IHAI5.js';
|
|
2
2
|
import '../../chunk-2BHQJL6C.js';
|
|
3
3
|
import '../../chunk-KN7DOGNL.js';
|
|
4
4
|
import '../../chunk-QEFCC7YX.js';
|
|
@@ -6,8 +6,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
6
6
|
import '../../chunk-DCLZNUOB.js';
|
|
7
7
|
import '../../chunk-FGRCQDIX.js';
|
|
8
8
|
import '../../chunk-7NYGOWFC.js';
|
|
9
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
10
9
|
import '../../chunk-TZI6YTCW.js';
|
|
10
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
11
11
|
import '../../chunk-RLOTNDPD.js';
|
|
12
12
|
import '../../chunk-UF4BFCSP.js';
|
|
13
13
|
import '../../chunk-NRAIF4I3.js';
|
|
@@ -6,8 +6,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
6
6
|
import '../../chunk-DCLZNUOB.js';
|
|
7
7
|
import '../../chunk-FGRCQDIX.js';
|
|
8
8
|
import '../../chunk-7NYGOWFC.js';
|
|
9
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
10
9
|
import '../../chunk-TZI6YTCW.js';
|
|
10
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
11
11
|
import '../../chunk-RLOTNDPD.js';
|
|
12
12
|
import '../../chunk-UF4BFCSP.js';
|
|
13
13
|
import '../../chunk-NRAIF4I3.js';
|
|
@@ -7,8 +7,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
7
7
|
import '../../chunk-DCLZNUOB.js';
|
|
8
8
|
import '../../chunk-FGRCQDIX.js';
|
|
9
9
|
import '../../chunk-7NYGOWFC.js';
|
|
10
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
11
10
|
import '../../chunk-TZI6YTCW.js';
|
|
11
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
12
12
|
import '../../chunk-RLOTNDPD.js';
|
|
13
13
|
import '../../chunk-UF4BFCSP.js';
|
|
14
14
|
import '../../chunk-NRAIF4I3.js';
|
|
@@ -5,8 +5,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
5
5
|
import '../../chunk-DCLZNUOB.js';
|
|
6
6
|
import '../../chunk-FGRCQDIX.js';
|
|
7
7
|
import '../../chunk-7NYGOWFC.js';
|
|
8
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
9
8
|
import '../../chunk-TZI6YTCW.js';
|
|
9
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
10
10
|
import '../../chunk-RLOTNDPD.js';
|
|
11
11
|
import '../../chunk-UF4BFCSP.js';
|
|
12
12
|
import '../../chunk-NRAIF4I3.js';
|
|
@@ -7,8 +7,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
7
7
|
import '../../chunk-DCLZNUOB.js';
|
|
8
8
|
import '../../chunk-FGRCQDIX.js';
|
|
9
9
|
import '../../chunk-7NYGOWFC.js';
|
|
10
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
11
10
|
import '../../chunk-TZI6YTCW.js';
|
|
11
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
12
12
|
import '../../chunk-RLOTNDPD.js';
|
|
13
13
|
import '../../chunk-UF4BFCSP.js';
|
|
14
14
|
import '../../chunk-NRAIF4I3.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use client";export { a as DEFAULT_UNITS, b as InputWithUnit } from '../../chunk-
|
|
2
|
-
import '../../chunk-
|
|
1
|
+
"use client";export { a as DEFAULT_UNITS, b as InputWithUnit } from '../../chunk-6Y5UPWMD.js';
|
|
2
|
+
import '../../chunk-5H4IHAI5.js';
|
|
3
3
|
import '../../chunk-MG4XNTQM.js';
|
|
4
4
|
import '../../chunk-KX4ZN75R.js';
|
|
5
5
|
import '../../chunk-2BHQJL6C.js';
|
|
@@ -9,8 +9,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
9
9
|
import '../../chunk-DCLZNUOB.js';
|
|
10
10
|
import '../../chunk-FGRCQDIX.js';
|
|
11
11
|
import '../../chunk-7NYGOWFC.js';
|
|
12
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
13
12
|
import '../../chunk-TZI6YTCW.js';
|
|
13
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
14
14
|
import '../../chunk-RLOTNDPD.js';
|
|
15
15
|
import '../../chunk-UF4BFCSP.js';
|
|
16
16
|
import '../../chunk-NRAIF4I3.js';
|
|
@@ -6,8 +6,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
6
6
|
import '../../chunk-DCLZNUOB.js';
|
|
7
7
|
import '../../chunk-FGRCQDIX.js';
|
|
8
8
|
import '../../chunk-7NYGOWFC.js';
|
|
9
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
10
9
|
import '../../chunk-TZI6YTCW.js';
|
|
10
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
11
11
|
import '../../chunk-RLOTNDPD.js';
|
|
12
12
|
import '../../chunk-UF4BFCSP.js';
|
|
13
13
|
import '../../chunk-NRAIF4I3.js';
|
|
@@ -6,8 +6,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
6
6
|
import '../../chunk-DCLZNUOB.js';
|
|
7
7
|
import '../../chunk-FGRCQDIX.js';
|
|
8
8
|
import '../../chunk-7NYGOWFC.js';
|
|
9
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
10
9
|
import '../../chunk-TZI6YTCW.js';
|
|
10
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
11
11
|
import '../../chunk-RLOTNDPD.js';
|
|
12
12
|
import '../../chunk-UF4BFCSP.js';
|
|
13
13
|
import '../../chunk-NRAIF4I3.js';
|
package/dist/forms/index.js
CHANGED
|
@@ -8,8 +8,8 @@ import '../chunk-B3V3TXJU.js';
|
|
|
8
8
|
import '../chunk-NXRYURC6.js';
|
|
9
9
|
import '../chunk-L6H2NDVS.js';
|
|
10
10
|
export { a as InputCurrency } from '../chunk-E6U67LUI.js';
|
|
11
|
-
export { a as DEFAULT_UNITS, b as InputWithUnit } from '../chunk-
|
|
12
|
-
export { a as Dropdown } from '../chunk-
|
|
11
|
+
export { a as DEFAULT_UNITS, b as InputWithUnit } from '../chunk-6Y5UPWMD.js';
|
|
12
|
+
export { a as Dropdown } from '../chunk-5H4IHAI5.js';
|
|
13
13
|
export { a as InputMask } from '../chunk-MG4XNTQM.js';
|
|
14
14
|
export { a as Input } from '../chunk-KX4ZN75R.js';
|
|
15
15
|
export { a as InputLabel } from '../chunk-2BHQJL6C.js';
|
|
@@ -19,8 +19,8 @@ import '../chunk-7RP4L6ZM.js';
|
|
|
19
19
|
import '../chunk-DCLZNUOB.js';
|
|
20
20
|
import '../chunk-FGRCQDIX.js';
|
|
21
21
|
import '../chunk-7NYGOWFC.js';
|
|
22
|
-
import '../chunk-ZWW7VJFD.js';
|
|
23
22
|
import '../chunk-TZI6YTCW.js';
|
|
23
|
+
import '../chunk-ZWW7VJFD.js';
|
|
24
24
|
export { a as Toggle } from '../chunk-K4PEKBET.js';
|
|
25
25
|
export { a as ToggleButton } from '../chunk-2FXYZXCT.js';
|
|
26
26
|
import '../chunk-RLOTNDPD.js';
|
package/dist/index.js
CHANGED
|
@@ -13,8 +13,8 @@ export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from './
|
|
|
13
13
|
export { a as Container, b as ContainerHeader } from './chunk-NXRYURC6.js';
|
|
14
14
|
import './chunk-L6H2NDVS.js';
|
|
15
15
|
export { a as InputCurrency } from './chunk-E6U67LUI.js';
|
|
16
|
-
export { a as DEFAULT_UNITS, b as InputWithUnit } from './chunk-
|
|
17
|
-
export { a as Dropdown } from './chunk-
|
|
16
|
+
export { a as DEFAULT_UNITS, b as InputWithUnit } from './chunk-6Y5UPWMD.js';
|
|
17
|
+
export { a as Dropdown } from './chunk-5H4IHAI5.js';
|
|
18
18
|
export { a as InputMask } from './chunk-MG4XNTQM.js';
|
|
19
19
|
export { a as Input } from './chunk-KX4ZN75R.js';
|
|
20
20
|
export { a as InputLabel } from './chunk-2BHQJL6C.js';
|
|
@@ -24,8 +24,8 @@ import './chunk-7RP4L6ZM.js';
|
|
|
24
24
|
export { a as Badge } from './chunk-DCLZNUOB.js';
|
|
25
25
|
export { a as Tag } from './chunk-FGRCQDIX.js';
|
|
26
26
|
export { b as ToastContainer, a as notify } from './chunk-7NYGOWFC.js';
|
|
27
|
-
export { a as Button } from './chunk-ZWW7VJFD.js';
|
|
28
27
|
export { a as Tooltip } from './chunk-TZI6YTCW.js';
|
|
28
|
+
export { a as Button } from './chunk-ZWW7VJFD.js';
|
|
29
29
|
export { a as Toggle } from './chunk-K4PEKBET.js';
|
|
30
30
|
export { a as ToggleButton } from './chunk-2FXYZXCT.js';
|
|
31
31
|
export { a as Alert } from './chunk-RLOTNDPD.js';
|
package/dist/indicators/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import '../chunk-7RP4L6ZM.js';
|
|
|
2
2
|
export { a as Badge } from '../chunk-DCLZNUOB.js';
|
|
3
3
|
export { a as Tag } from '../chunk-FGRCQDIX.js';
|
|
4
4
|
export { b as ToastContainer, a as notify } from '../chunk-7NYGOWFC.js';
|
|
5
|
-
import '../chunk-ZWW7VJFD.js';
|
|
6
5
|
export { a as Tooltip } from '../chunk-TZI6YTCW.js';
|
|
6
|
+
import '../chunk-ZWW7VJFD.js';
|
|
7
7
|
export { a as Alert } from '../chunk-RLOTNDPD.js';
|
|
8
8
|
import '../chunk-LTWCICTK.js';
|
|
9
9
|
import '../chunk-UZZ5JUF7.js';
|
|
@@ -7,8 +7,8 @@ import '../../chunk-7RP4L6ZM.js';
|
|
|
7
7
|
import '../../chunk-DCLZNUOB.js';
|
|
8
8
|
import '../../chunk-FGRCQDIX.js';
|
|
9
9
|
import '../../chunk-7NYGOWFC.js';
|
|
10
|
-
import '../../chunk-ZWW7VJFD.js';
|
|
11
10
|
import '../../chunk-TZI6YTCW.js';
|
|
11
|
+
import '../../chunk-ZWW7VJFD.js';
|
|
12
12
|
import '../../chunk-RLOTNDPD.js';
|
|
13
13
|
import '../../chunk-UF4BFCSP.js';
|
|
14
14
|
import '../../chunk-NRAIF4I3.js';
|
package/dist/navigation/index.js
CHANGED
|
@@ -11,8 +11,8 @@ import '../chunk-7RP4L6ZM.js';
|
|
|
11
11
|
import '../chunk-DCLZNUOB.js';
|
|
12
12
|
import '../chunk-FGRCQDIX.js';
|
|
13
13
|
import '../chunk-7NYGOWFC.js';
|
|
14
|
-
import '../chunk-ZWW7VJFD.js';
|
|
15
14
|
import '../chunk-TZI6YTCW.js';
|
|
15
|
+
import '../chunk-ZWW7VJFD.js';
|
|
16
16
|
import '../chunk-RLOTNDPD.js';
|
|
17
17
|
import '../chunk-UF4BFCSP.js';
|
|
18
18
|
import '../chunk-NRAIF4I3.js';
|
package/package.json
CHANGED
package/dist/chunk-HAJWKP2L.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { a as a$1 } from './chunk-2BHQJL6C.js';
|
|
2
|
-
import { a as a$4 } from './chunk-NRAIF4I3.js';
|
|
3
|
-
import { a as a$2 } from './chunk-BW4TJLAD.js';
|
|
4
|
-
import { a as a$3 } from './chunk-UZZ5JUF7.js';
|
|
5
|
-
import { a } from './chunk-AGCI6C3Z.js';
|
|
6
|
-
import { cva } from 'class-variance-authority';
|
|
7
|
-
import w, { useMemo } from 'react';
|
|
8
|
-
import q, { components } from 'react-select';
|
|
9
|
-
import A from 'react-select/creatable';
|
|
10
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
11
|
-
|
|
12
|
-
var K=cva("flex w-full cursor-pointer items-center border bg-base-1 transition-colors",{variants:{size:{small:"text-f7 h-10",default:"text-f6 h-12",large:"text-f5 h-14",xlarge:"text-f4 h-24"},variant:{default:"rounded border-card-stroke font-normal text-on-base",secondary:"rounded-md border-inverted-2 font-semibold shadow-inner hover:bg-base-3 focus:bg-base-1 focus:ring-2 focus:ring-focus focus:ring-offset-2"},disabled:{true:"pointer-events-none bg-base-3 text-on-base-2"},readOnly:{true:"pointer-events-none bg-base-2"},hasErrorState:{true:"border-danger focus:border-danger"}},defaultVariants:{variant:"default",size:"default",hasErrorState:!1,disabled:!1,readOnly:!1}}),{Option:Q,DropdownIndicator:U}=components,Y=r=>{let{selectProps:s}=r,t=`transform transition duration-200 ${s.menuIsOpen?"rotate-180":"rotate-0"} text-inverted-2`;return jsx(U,{...r,className:"mr-2",children:jsx(a$3,{icon:"sortDown",size:5,className:t})})},Z=r=>{let{data:s,removeProps:t}=r;return jsxs("div",{...r,className:"selected-option mr-2 flex items-center gap-x-1.5 rounded-sm bg-primary-light px-2 text-inverted-1",children:[jsx("span",{className:"text-f7 truncate font-semibold",children:s.label}),jsx("div",{onClick:t.onClick,...t,className:"cursor-pointer",children:jsx(a$3,{icon:"close",size:3})})]})},_=r=>{let{isSelected:s,isDisabled:t,isFocused:a$1,data:n,isMulti:l}=r,c=useMemo(()=>n.element?n.element:jsx(Fragment,{children:l?jsx(a$4,{label:n.label,checked:s}):jsxs(Fragment,{children:[n.icon?jsx(a$3,{icon:n.icon,className:"mr-2"}):null,n.label]})}),[n,s,l]);return jsx(Q,{...r,className:a("text-f6 first:mt-2 last:mb-2 py-2 px-5 font-semibold transition-colors flex items-center",t?"opacity-50 cursor-not-allowed":"hover:text-on-base hover:bg-inverted-2/5 cursor-pointer",s?"text-inverted-1":"text-inverted-2",a$1&&"bg-inverted-2/5"),children:c})},ee=({options:r,isSearchable:s=!1,allowCreation:t=!1,isMultivalued:a$3=!1,onChange:n,onMultiChange:l,onBlur:c,size:S="default",variant:I="default",placeholder:y="Selecione um item",emptyMessage:M="Nenhuma op\xE7\xE3o dispon\xEDvel",hasError:V=!1,errorMessage:g,helpText:D,label:N,labelComplement:L,id:E,name:W,required:k=!1,disabled:h,readOnly:m,maxMenuHeight:G=300,menuPosition:B="absolute",menuPlacement:z="auto",menuWidth:R="100%",menuHorizontalPlacement:i,formGroupClassName:T="",value:F},H)=>{let X=useMemo(()=>Math.random().toString(36).substring(7),[]),x=E||W||X,p=V||!!g,$=useMemo(()=>t?A:q,[t]);return jsxs("div",{className:a("form-group flex flex-col",T),children:[jsx(a$1,{label:N,labelComplement:L,required:k,hasError:p,htmlFor:x,className:"mb-1"}),jsx($,{id:x,ref:H,value:F,classNamePrefix:"select",options:r,isSearchable:t||s,blurInputOnSelect:!a$3,isMulti:a$3,hideSelectedOptions:!1,closeMenuOnSelect:!a$3,isDisabled:h||m,maxMenuHeight:G,menuPortalTarget:document?.body,menuPosition:B,menuPlacement:z,placeholder:y,noOptionsMessage:({inputValue:e})=>e?`Nenhum resultado para "${e}"`:M,formatCreateLabel:e=>`Selecionar "${e}"`,onChange:e=>{a$3&&l?l(e):n&&e&&n(e);},onBlur:e=>c?.(e),components:{Option:e=>_(e),DropdownIndicator:e=>Y(e),MultiValue:e=>Z(e),ClearIndicator:()=>null},classNames:{input:()=>t?"":"absolute !mx-0",noOptionsMessage:()=>"text-on-base-3 text-f6 font-semibold break-words",valueContainer:()=>"w-full min-h-10",singleValue:()=>"truncate",placeholder:()=>"w-full truncate pr-2 h-full text-on-base-3",control:({isFocused:e})=>a(K({variant:I,size:S,hasErrorState:p,disabled:h,readOnly:m}),e&&!p&&!m&&"border-inverted-1"),groupHeading:()=>"px-5 text-on-base-3 text-f7 font-semibold uppercase"},styles:{option:()=>({}),control:()=>({}),menu:e=>({...e,width:R,backgroundColor:"rgb(var(--color-base-1) / 100)",zIndex:999,...i&&i==="left"&&{left:0},...i&&i==="right"&&{right:0}}),menuPortal:e=>({...e,zIndex:9999}),indicatorSeparator:()=>({}),groupHeading:()=>({}),singleValue:()=>({maxWidth:"calc(100% - 6px)"}),valueContainer:e=>({...e,paddingLeft:16,display:"flex",flexWrap:"nowrap",alignItems:"center",overflowX:"auto",msOverflowStyle:"none",scrollbarWidth:"none","::-webkit-scrollbar":{display:"none"}}),placeholder:()=>({}),multiValue:e=>({...e,overflow:"scroll",display:"flex",flexWrap:"nowrap",overflowX:"auto",scrollbarWidth:"thin",msOverflowStyle:"auto",whiteSpace:"nowrap"})}}),jsx(a$2,{helpText:g||D,hasError:p,className:"mt-2"})]})},oe=w.forwardRef(ee),te=w.memo(oe);te.displayName="Dropdown";
|
|
13
|
-
|
|
14
|
-
export { te as a };
|