@zydon/common 2.7.64 → 2.7.66
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-5NIMUEW5.js → chunk-6FG5S5PI.js} +2 -2
- package/dist/chunk-7HLCQRIH.js +21 -0
- package/dist/chunk-7HLCQRIH.js.map +1 -0
- package/dist/{chunk-4RNGASI4.js → chunk-CU7PKEY2.js} +2 -2
- package/dist/{chunk-MP2LAJS5.js → chunk-KQTA6B4Y.js} +2 -2
- package/dist/chunk-RPPQBAVO.js +12 -0
- package/dist/chunk-RPPQBAVO.js.map +1 -0
- package/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/AvatarButton/index.js +2 -2
- package/dist/components/Common/index.js +2 -2
- package/dist/components/DataView/index.js +2 -2
- package/dist/components/DynamicDataView/index.js +2 -2
- package/dist/components/FrameSkeleton/index.d.ts +1 -0
- package/dist/components/FrameSkeleton/index.js +2 -2
- package/dist/components/FrameSkeleton/index.js.map +1 -1
- package/dist/components/Incrementer/index.d.ts +0 -3
- package/dist/components/ListBundles/index.d.ts +0 -8
- package/dist/components/SearchInput/index.js +1 -1
- package/dist/components/SelectList/index.d.ts +7 -0
- package/dist/components/SelectList/index.js +10 -0
- package/dist/components/SelectList/index.js.map +1 -0
- package/dist/components/SelectableCards/index.js +2 -2
- package/dist/components/StateDisplay/index.d.ts +0 -42
- package/dist/components/SwapList/index.js +1 -1
- package/dist/components/ToggleTheme/index.js +2 -2
- package/dist/components/carousel/index.d.ts +0 -18
- package/dist/components/form/FileUpload/index.d.ts +0 -200
- package/dist/components/form/SelectList/index.d.ts +13 -0
- package/dist/components/form/SelectList/index.js +16 -0
- package/dist/components/form/SelectList/index.js.map +1 -0
- package/dist/components/form/SelectableCards/index.js +2 -2
- package/dist/contexts/PushNotifications/index.js +1 -1
- package/dist/hooks/useMount.d.ts +0 -20
- package/dist/hooks/useSnackbar.d.ts +1 -1
- package/dist/hooks/useThemeToggle.js +2 -2
- package/dist/hooks/useWindowFocus.d.ts +0 -3
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -2
- package/dist/theme/core/index.d.ts +1 -1
- package/dist/theme/styles/index.d.ts +13 -77
- package/dist/theme/theme-provider.js +2 -2
- package/dist/theme/with-settings/index.d.ts +0 -4
- package/dist/types/sectionProps.d.ts +2 -0
- package/dist/types/selectList.d.ts +31 -0
- package/dist/types/selectList.js +3 -0
- package/dist/types/selectList.js.map +1 -0
- package/dist/utils/compare.d.ts +0 -21
- package/dist/utils/execution.d.ts +0 -70
- package/dist/utils/object.d.ts +0 -6
- package/dist/utils/paymentValidators.d.ts +0 -6
- package/dist/utils/popup.d.ts +0 -7
- package/dist/utils/string.d.ts +0 -5
- package/package.json +3 -1
- package/dist/chunk-OTVEMGF2.js +0 -12
- package/dist/chunk-OTVEMGF2.js.map +0 -1
- package/dist/{chunk-5NIMUEW5.js.map → chunk-6FG5S5PI.js.map} +0 -0
- package/dist/{chunk-4RNGASI4.js.map → chunk-CU7PKEY2.js.map} +0 -0
- package/dist/{chunk-MP2LAJS5.js.map → chunk-KQTA6B4Y.js.map} +0 -0
- package/dist/{index-5a5e5dc8.d.ts → index-c8f1e6e7.d.ts} +12 -12
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as a$5 } from './chunk-
|
|
1
|
+
import { a as a$5 } from './chunk-RPPQBAVO.js';
|
|
2
2
|
import { a as a$6 } from './chunk-IJZCVZ32.js';
|
|
3
3
|
import { a as a$9 } from './chunk-7MVZYOHX.js';
|
|
4
4
|
import { a as a$7 } from './chunk-6U5LS7MP.js';
|
|
@@ -22,4 +22,4 @@ var C="datagrid-actions";var So=forwardRef(({children:a$1,...n},t)=>jsx(B,{...n,
|
|
|
22
22
|
|
|
23
23
|
export { no as a, it as b };
|
|
24
24
|
//# sourceMappingURL=out.js.map
|
|
25
|
-
//# sourceMappingURL=chunk-
|
|
25
|
+
//# sourceMappingURL=chunk-6FG5S5PI.js.map
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { a } from './chunk-RUABKHIV.js';
|
|
2
|
+
import { a as a$1 } from './chunk-RPPQBAVO.js';
|
|
3
|
+
import { a as a$3 } from './chunk-IJZCVZ32.js';
|
|
4
|
+
import { a as a$4 } from './chunk-6U5LS7MP.js';
|
|
5
|
+
import { a as a$2 } from './chunk-LEMPYV5U.js';
|
|
6
|
+
import { useMemo, useCallback } from 'react';
|
|
7
|
+
import B from '@mui/material/Checkbox';
|
|
8
|
+
import H from '@mui/material/FormControlLabel';
|
|
9
|
+
import D from '@mui/material/FormHelperText';
|
|
10
|
+
import G from '@mui/material/Pagination';
|
|
11
|
+
import K from '@mui/material/Radio';
|
|
12
|
+
import i from '@mui/material/Stack';
|
|
13
|
+
import u from '@mui/material/Typography';
|
|
14
|
+
import { styled } from '@mui/material/styles';
|
|
15
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
16
|
+
|
|
17
|
+
var A=styled(i)(({theme:r})=>({flexDirection:"row",minHeight:48,alignItems:"flex-start",justifyContent:"flex-start",padding:r.spacing(1.5,0),borderBottom:`1px dashed ${r.palette.divider}`,"& label":{marginInline:0,userSelect:"none",alignItems:"flex-start","& .MuiFormControlLabel-label":{minHeight:36,display:"flex",alignItems:"center"}}}));var $=Array.from({length:12},(r,p)=>jsx(a,{height:48},p)),q=({value:r,multiple:p,options:l,onChange:c,pagination:n,onSearch:f,onAdd:g,total:m=0,label:h,loading:b,loadingView:O,fetching:S,fetchingView:v,emptyView:M,error:N,helperText:k})=>{let s=p&&Array.isArray(r),C=useMemo(()=>Math.ceil(m/(n?.perPage||1)),[m,n?.perPage]),_=useMemo(()=>l.map(e=>e.value),[l]),j=s&&m>0&&_.every(e=>r.includes(e)),z=useCallback(()=>{if(!s)return;let e=l.filter(o=>!o.disabled).map(o=>o.value),a=e.every(o=>r.includes(o));c(a?r.filter(o=>!e.includes(o)):[...r,...e.filter(o=>!r.includes(o))]);},[s,r,c,l]),y=useCallback((e,a)=>{if(!s){c(e);return}c(a?[...r,e]:r.filter(o=>o!==e));},[s,r,c]),E=useCallback(e=>s?jsx(B,{checked:r.includes(e.value),onChange:(a,o)=>y(e.value,o),disabled:e.disabled}):jsx(K,{checked:r===e.value,onChange:()=>y(e.value,!0),disabled:e.disabled}),[s,r,y]);return jsxs(i,{gap:2,width:1,children:[h&&jsx(u,{variant:"overline",color:"text.secondary",children:h}),s&&jsxs(i,{direction:{xs:"column",sm:"row"},alignItems:{xs:"flex-start",sm:"center"},justifyContent:"space-between",gap:1,children:[jsx(H,{label:"Selecionar todos",control:jsx(B,{checked:j,onChange:z}),componentsProps:{typography:{color:"text.secondary",ml:.5,sx:{fontSize:"12px !important"}}}}),m>0&&jsxs(u,{variant:"caption",color:"text.secondary",children:[jsx("strong",{children:r.length})," de ",jsx("strong",{children:m})," ","selecionados"]})]}),(f||g)&&jsxs(i,{direction:{xs:"column",sm:"row"},alignItems:{xs:"flex-start",sm:"center"},justifyContent:"space-between",gap:1,children:[jsx(i,{maxWidth:280,flex:1,children:f&&jsx(a$1,{onSearch:f,trigger:"click",size:"small",fullWidth:!0,placeholder:"Buscar",iconPosition:"start"})}),g&&jsx(a$2,{actionType:"NEW",onClick:g,size:"small",variant:"text",children:"Adicionar"})]}),jsx(i,{display:"grid",gridTemplateColumns:{xs:"1fr",sm:"1fr 1fr"},gap:1,children:jsx(a$3,{isFetching:S,fetching:v||jsx(a$4,{}),isLoading:b,loading:O||$,children:l.map(e=>jsxs(A,{minHeight:48,justifyContent:"center",p:1.5,children:[e.startContent&&jsx(i,{children:e.startContent}),jsx(H,{label:e.label,control:E(e),componentsProps:{typography:{ml:.5}}})]},e.value))})}),k&&jsx(D,{error:N,children:k}),!b&&!S&&l.length===0&&(M||jsx(u,{variant:"body1",color:"text.secondary",align:"center",my:3,children:"Nenhum resultado encontrado"})),n&&C>1&&jsx(G,{page:n.page+1,count:C,onChange:(e,a)=>n.onChange(a-1,n.perPage),variant:"soft",sx:{mx:"auto"}})]})},me=q;
|
|
18
|
+
|
|
19
|
+
export { me as a };
|
|
20
|
+
//# sourceMappingURL=out.js.map
|
|
21
|
+
//# sourceMappingURL=chunk-7HLCQRIH.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/SelectList/index.tsx","../src/components/SelectList/styles.ts"],"names":["useCallback","useMemo","Checkbox","FormControlLabel","FormHelperText","Pagination","Radio","Stack","Typography","styled","OptionItem","theme","jsx","jsxs","LOADING_SKELETON","_","i","Skeleton_default","SelectList","value","multiple","options","onChange","pagination","onSearch","onAdd","total","label","loading","loadingView","fetching","fetchingView","emptyView","error","helperText","isMultiple","totalPages","availableValues","o","allItemsSelected","v","toggleAll","selectableValues","allSelected","handleSelect","optionValue","checked","renderControl","option","SearchInput_default","ActionButton_default","Result_default","FixedProgressBar_default","page","SelectList_default"],"mappings":"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","sourcesContent":["import { useCallback, useMemo } from 'react';\nimport Checkbox from '@mui/material/Checkbox';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Pagination from '@mui/material/Pagination';\nimport Radio from '@mui/material/Radio';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport ActionButton from 'components/ActionButton';\nimport FixedProgressBar from 'components/FixedProgressBar';\nimport Result from 'components/Result';\nimport SearchInput from 'components/SearchInput';\nimport Skeleton from 'components/Skeleton';\nimport { SelectListProps } from 'types/selectList';\n\nimport { OptionItem } from './styles';\n\nconst LOADING_SKELETON = Array.from({ length: 12 }, (_, i) => (\n <Skeleton key={i} height={48} />\n));\n\nconst SelectList = ({\n value,\n multiple,\n options,\n onChange,\n pagination,\n onSearch,\n onAdd,\n total = 0,\n label,\n loading,\n loadingView,\n fetching,\n fetchingView,\n emptyView,\n error,\n helperText,\n}: SelectListProps) => {\n const isMultiple = multiple && Array.isArray(value);\n const totalPages = useMemo(\n () => Math.ceil(total / (pagination?.perPage || 1)),\n [total, pagination?.perPage],\n );\n const availableValues = useMemo(() => options.map(o => o.value), [options]);\n const allItemsSelected =\n isMultiple && total > 0 && availableValues.every(v => value.includes(v));\n\n const toggleAll = useCallback(() => {\n if (!isMultiple) return;\n\n const selectableValues = options.filter(o => !o.disabled).map(o => o.value);\n const allSelected = selectableValues.every(v => value.includes(v));\n\n onChange(\n allSelected\n ? value.filter(v => !selectableValues.includes(v))\n : [...value, ...selectableValues.filter(v => !value.includes(v))],\n );\n }, [isMultiple, value, onChange, options]);\n\n const handleSelect = useCallback(\n (optionValue: string, checked: boolean) => {\n if (!isMultiple) {\n onChange(optionValue);\n return;\n }\n\n onChange(\n checked\n ? [...value, optionValue]\n : value.filter(v => v !== optionValue),\n );\n },\n [isMultiple, value, onChange],\n );\n\n const renderControl = useCallback(\n (option: SelectListProps['options'][number]) =>\n isMultiple ? (\n <Checkbox\n checked={value.includes(option.value)}\n onChange={(_, checked) => handleSelect(option.value, checked)}\n disabled={option.disabled}\n />\n ) : (\n <Radio\n checked={value === option.value}\n onChange={() => handleSelect(option.value, true)}\n disabled={option.disabled}\n />\n ),\n [isMultiple, value, handleSelect],\n );\n\n return (\n <Stack gap={2} width={1}>\n {label && (\n <Typography variant=\"overline\" color=\"text.secondary\">\n {label}\n </Typography>\n )}\n\n {isMultiple && (\n <Stack\n direction={{ xs: 'column', sm: 'row' }}\n alignItems={{ xs: 'flex-start', sm: 'center' }}\n justifyContent=\"space-between\"\n gap={1}\n >\n <FormControlLabel\n label=\"Selecionar todos\"\n control={\n <Checkbox checked={allItemsSelected} onChange={toggleAll} />\n }\n componentsProps={{\n typography: {\n color: 'text.secondary',\n ml: 0.5,\n sx: { fontSize: '12px !important' },\n },\n }}\n />\n\n {total > 0 && (\n <Typography variant=\"caption\" color=\"text.secondary\">\n <strong>{value.length}</strong> de <strong>{total}</strong>{' '}\n selecionados\n </Typography>\n )}\n </Stack>\n )}\n\n {(onSearch || onAdd) && (\n <Stack\n direction={{ xs: 'column', sm: 'row' }}\n alignItems={{ xs: 'flex-start', sm: 'center' }}\n justifyContent=\"space-between\"\n gap={1}\n >\n <Stack maxWidth={280} flex={1}>\n {onSearch && (\n <SearchInput\n onSearch={onSearch}\n trigger=\"click\"\n size=\"small\"\n fullWidth\n placeholder=\"Buscar\"\n iconPosition=\"start\"\n />\n )}\n </Stack>\n\n {onAdd && (\n <ActionButton\n actionType=\"NEW\"\n onClick={onAdd}\n size=\"small\"\n variant=\"text\"\n >\n Adicionar\n </ActionButton>\n )}\n </Stack>\n )}\n\n <Stack\n display=\"grid\"\n gridTemplateColumns={{ xs: '1fr', sm: '1fr 1fr' }}\n gap={1}\n >\n <Result\n isFetching={fetching}\n fetching={fetchingView || <FixedProgressBar />}\n isLoading={loading}\n loading={loadingView || LOADING_SKELETON}\n >\n {options.map(option => (\n <OptionItem\n key={option.value}\n minHeight={48}\n justifyContent=\"center\"\n p={1.5}\n >\n {option.startContent && <Stack>{option.startContent}</Stack>}\n <FormControlLabel\n label={option.label}\n control={renderControl(option)}\n componentsProps={{ typography: { ml: 0.5 } }}\n />\n </OptionItem>\n ))}\n </Result>\n </Stack>\n\n {helperText && (\n <FormHelperText error={error}>{helperText}</FormHelperText>\n )}\n\n {!loading &&\n !fetching &&\n options.length === 0 &&\n (emptyView || (\n <Typography\n variant=\"body1\"\n color=\"text.secondary\"\n align=\"center\"\n my={3}\n >\n Nenhum resultado encontrado\n </Typography>\n ))}\n\n {pagination && totalPages > 1 && (\n <Pagination\n page={pagination.page + 1}\n count={totalPages}\n onChange={(_, page) =>\n pagination.onChange(page - 1, pagination.perPage)\n }\n variant=\"soft\"\n sx={{ mx: 'auto' }}\n />\n )}\n </Stack>\n );\n};\n\nexport default SelectList;\n","import Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\n\nexport const OptionItem = styled(Stack)(({ theme }) => ({\n flexDirection: 'row',\n minHeight: 48,\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n padding: theme.spacing(1.5, 0),\n borderBottom: `1px dashed ${theme.palette.divider}`,\n\n '& label': {\n marginInline: 0,\n userSelect: 'none',\n alignItems: 'flex-start',\n\n '& .MuiFormControlLabel-label': {\n minHeight: 36,\n display: 'flex',\n alignItems: 'center',\n },\n },\n}));\n"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { a } from './chunk-LDGBS7ZI.js';
|
|
2
|
+
import { c, b as b$1 } from './chunk-2WG6OWB4.js';
|
|
2
3
|
import { a as a$1, e } from './chunk-6W52DPH4.js';
|
|
3
4
|
import { a as a$3, b } from './chunk-TWSAWMZ3.js';
|
|
4
5
|
import { p, r, a as a$2 } from './chunk-EQYL7U3J.js';
|
|
5
6
|
import { a as a$5 } from './chunk-WUFEPE2G.js';
|
|
6
|
-
import { c, b as b$1 } from './chunk-2WG6OWB4.js';
|
|
7
7
|
import { d, a as a$4 } from './chunk-GLRLKFPS.js';
|
|
8
8
|
import { useEffect, useMemo } from 'react';
|
|
9
9
|
import M from '@mui/material/CssBaseline';
|
|
@@ -15,4 +15,4 @@ var W=t=>({lighter:lighten(t,.815),light:lighten(t,.225),main:t,dark:darken(t,.1
|
|
|
15
15
|
|
|
16
16
|
export { x as a, te as b };
|
|
17
17
|
//# sourceMappingURL=out.js.map
|
|
18
|
-
//# sourceMappingURL=chunk-
|
|
18
|
+
//# sourceMappingURL=chunk-CU7PKEY2.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { a as a$4 } from './chunk-6ZSTKYGL.js';
|
|
2
|
-
import { a as a$1 } from './chunk-
|
|
2
|
+
import { a as a$1 } from './chunk-RPPQBAVO.js';
|
|
3
3
|
import { a as a$3 } from './chunk-IJZCVZ32.js';
|
|
4
4
|
import { a as a$5 } from './chunk-NQNNMRLC.js';
|
|
5
5
|
import { a as a$2 } from './chunk-XWUVJ22J.js';
|
|
@@ -17,4 +17,4 @@ var b=styled(O,{shouldForwardProp:t=>t!=="active"})(({theme:t,active:i})=>({boxS
|
|
|
17
17
|
|
|
18
18
|
export { Z as a };
|
|
19
19
|
//# sourceMappingURL=out.js.map
|
|
20
|
-
//# sourceMappingURL=chunk-
|
|
20
|
+
//# sourceMappingURL=chunk-KQTA6B4Y.js.map
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { a } from './chunk-NQNNMRLC.js';
|
|
2
|
+
import { useRef } from 'react';
|
|
3
|
+
import A from '@mui/material/IconButton';
|
|
4
|
+
import c from '@mui/material/InputAdornment';
|
|
5
|
+
import g from '@mui/material/TextField';
|
|
6
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var h=({onSearch:n,onChange:a$1,trigger:d="click",iconPosition:r="end",tabIndex:f,InputProps:e,iconButtonAriaLabel:s="Buscar",...o})=>{let u=useRef(null),i=jsx(A,{color:"inherit",onClick:()=>{n(u.current?.value);},"aria-label":s,children:jsx(a,{icon:"SEARCH_MAGNIFYING_GLASS",width:20,height:20,color:"text.secondary"})});return jsx(g,{inputRef:u,sx:{"& .MuiOutlinedInput-root":{backgroundColor:"background.paper","& input::placeholder":{color:"text.disabled",opacity:.7}}},InputProps:{...e,onKeyDown:t=>{t.key==="Enter"&&(n(u.current?.value),t.preventDefault());},...r==="start"?{startAdornment:jsxs(c,{position:r,children:[i,e?.startAdornment]})}:{endAdornment:jsxs(c,{position:r,children:[i,e?.endAdornment]})}},inputProps:{tabIndex:f,name:o.name,...o.inputProps},onChange:t=>{if(d==="change"){n(t.target.value);return}t.target.value===""&&n(""),a$1&&a$1(t);},...o})},R=h;
|
|
9
|
+
|
|
10
|
+
export { R as a };
|
|
11
|
+
//# sourceMappingURL=out.js.map
|
|
12
|
+
//# sourceMappingURL=chunk-RPPQBAVO.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/SearchInput/index.tsx"],"names":["useRef","IconButton","InputAdornment","TextField","jsx","jsxs","SearchInput","onSearch","onChange","trigger","iconPosition","tabIndex","InputProps","iconButtonAriaLabel","other","inputRef","seachIcon","Icon_default","e","SearchInput_default"],"mappings":"wCAAA,OAAS,UAAAA,MAAc,QACvB,OAAOC,MAAgB,2BACvB,OAAOC,MAAoB,+BAC3B,OAAOC,MAAe,0BA0BhB,cAAAC,EAgCU,QAAAC,MAhCV,oBApBN,IAAMC,EAAc,CAAC,CACnB,SAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,QACV,aAAAC,EAAe,MACf,SAAAC,EACA,WAAAC,EACA,oBAAAC,EAAsB,SACtB,GAAGC,CACL,IAAwB,CACtB,IAAMC,EAAWf,EAAyB,IAAI,EAExCgB,EACJZ,EAACH,EAAA,CACC,MAAM,UACN,QAAS,IAAM,CACbM,EAASQ,EAAS,SAAS,KAAK,CAClC,EACA,aAAYF,EAEZ,SAAAT,EAACa,EAAA,CACC,KAAK,0BACL,MAAO,GACP,OAAQ,GACR,MAAM,iBACR,EACF,EAGF,OACEb,EAACD,EAAA,CACC,SAAUY,EACV,GAAI,CACF,2BAA4B,CAC1B,gBAAiB,mBACjB,uBAAwB,CACtB,MAAO,gBACP,QAAS,EACX,CACF,CACF,EACA,WAAY,CACV,GAAGH,EACH,UAAWM,GAAK,CACVA,EAAE,MAAQ,UACZX,EAASQ,EAAS,SAAS,KAAK,EAChCG,EAAE,eAAe,EAErB,EACA,GAAIR,IAAiB,QACjB,CACE,eACEL,EAACH,EAAA,CAAe,SAAUQ,EACvB,UAAAM,EACAJ,GAAY,gBACf,CAEJ,EACA,CACE,aACEP,EAACH,EAAA,CAAe,SAAUQ,EACvB,UAAAM,EACAJ,GAAY,cACf,CAEJ,CACN,EACA,WAAY,CACV,SAAAD,EACA,KAAMG,EAAM,KACZ,GAAGA,EAAM,UACX,EACA,SAAUI,GAAK,CACb,GAAIT,IAAY,SAAU,CACxBF,EAASW,EAAE,OAAO,KAAK,EACvB,OAGEA,EAAE,OAAO,QAAU,IAAIX,EAAS,EAAE,EAElCC,GAAUA,EAASU,CAAC,CAC1B,EACC,GAAGJ,EACN,CAEJ,EAEOK,EAAQb","sourcesContent":["import { useRef } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport TextField from '@mui/material/TextField';\n\nimport { SearchInputProps } from 'types/searchInputProps';\n\nimport Icon from '../Icon';\n\nconst SearchInput = ({\n onSearch,\n onChange,\n trigger = 'click',\n iconPosition = 'end',\n tabIndex,\n InputProps,\n iconButtonAriaLabel = 'Buscar',\n ...other\n}: SearchInputProps) => {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const seachIcon = (\n <IconButton\n color=\"inherit\"\n onClick={() => {\n onSearch(inputRef.current?.value);\n }}\n aria-label={iconButtonAriaLabel}\n >\n <Icon\n icon=\"SEARCH_MAGNIFYING_GLASS\"\n width={20}\n height={20}\n color=\"text.secondary\"\n />\n </IconButton>\n );\n\n return (\n <TextField\n inputRef={inputRef}\n sx={{\n '& .MuiOutlinedInput-root': {\n backgroundColor: 'background.paper',\n '& input::placeholder': {\n color: 'text.disabled',\n opacity: 0.7,\n },\n },\n }}\n InputProps={{\n ...InputProps,\n onKeyDown: e => {\n if (e.key === 'Enter') {\n onSearch(inputRef.current?.value);\n e.preventDefault();\n }\n },\n ...(iconPosition === 'start'\n ? {\n startAdornment: (\n <InputAdornment position={iconPosition}>\n {seachIcon}\n {InputProps?.startAdornment}\n </InputAdornment>\n ),\n }\n : {\n endAdornment: (\n <InputAdornment position={iconPosition}>\n {seachIcon}\n {InputProps?.endAdornment}\n </InputAdornment>\n ),\n }),\n }}\n inputProps={{\n tabIndex,\n name: other.name,\n ...other.inputProps,\n }}\n onChange={e => {\n if (trigger === 'change') {\n onSearch(e.target.value);\n return;\n }\n\n if (e.target.value === '') onSearch('');\n\n if (onChange) onChange(e);\n }}\n {...other}\n />\n );\n};\n\nexport default SearchInput;\n"]}
|
|
@@ -11,7 +11,7 @@ interface ImageContainerProps {
|
|
|
11
11
|
|
|
12
12
|
declare const Avatar: react.ForwardRefExoticComponent<Omit<PropsWithChildren<ImageContainerProps & _mui_material_Avatar.AvatarOwnProps & _mui_material_Avatar.AvatarSlotsAndSlotProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
14
|
-
}, "children" | "className" | "style" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "
|
|
14
|
+
}, "children" | "className" | "style" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "alt" | "src" | "sizes" | "srcSet" | "imgProps"> & {
|
|
15
15
|
component?: react.ElementType<any, keyof react.JSX.IntrinsicElements> | undefined;
|
|
16
16
|
}>, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
17
17
|
|
|
@@ -6,14 +6,14 @@ import { a as a$3 } from '../../chunk-NQNNMRLC.js';
|
|
|
6
6
|
import '../../chunk-CIGSMWKF.js';
|
|
7
7
|
import { a as a$1 } from '../../chunk-LQRRMVFN.js';
|
|
8
8
|
import '../../chunk-UHXAPEIF.js';
|
|
9
|
-
import '../../chunk-
|
|
9
|
+
import '../../chunk-CU7PKEY2.js';
|
|
10
10
|
import '../../chunk-LDGBS7ZI.js';
|
|
11
|
+
import '../../chunk-2WG6OWB4.js';
|
|
11
12
|
import '../../chunk-6W52DPH4.js';
|
|
12
13
|
import '../../chunk-TWSAWMZ3.js';
|
|
13
14
|
import '../../chunk-ROVD7OGE.js';
|
|
14
15
|
import '../../chunk-EQYL7U3J.js';
|
|
15
16
|
import '../../chunk-WUFEPE2G.js';
|
|
16
|
-
import '../../chunk-2WG6OWB4.js';
|
|
17
17
|
import '../../chunk-GLRLKFPS.js';
|
|
18
18
|
import j from '@mui/material/Avatar';
|
|
19
19
|
import d from '@mui/material/Divider';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { a } from '../../chunk-NQNNMRLC.js';
|
|
2
2
|
import '../../chunk-CIGSMWKF.js';
|
|
3
|
-
import { b } from '../../chunk-
|
|
3
|
+
import { b } from '../../chunk-CU7PKEY2.js';
|
|
4
4
|
import '../../chunk-LDGBS7ZI.js';
|
|
5
|
+
import '../../chunk-2WG6OWB4.js';
|
|
5
6
|
import '../../chunk-6W52DPH4.js';
|
|
6
7
|
import '../../chunk-TWSAWMZ3.js';
|
|
7
8
|
import '../../chunk-ROVD7OGE.js';
|
|
8
9
|
import '../../chunk-EQYL7U3J.js';
|
|
9
10
|
import '../../chunk-WUFEPE2G.js';
|
|
10
|
-
import '../../chunk-2WG6OWB4.js';
|
|
11
11
|
import { k } from '../../chunk-GLRLKFPS.js';
|
|
12
12
|
import 'dayjs/locale/pt-br';
|
|
13
13
|
import _ from 'dayjs';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export { a as Toolbar, b as default } from '../../chunk-
|
|
2
|
-
import '../../chunk-
|
|
1
|
+
export { a as Toolbar, b as default } from '../../chunk-6FG5S5PI.js';
|
|
2
|
+
import '../../chunk-RPPQBAVO.js';
|
|
3
3
|
import '../../chunk-IJZCVZ32.js';
|
|
4
4
|
import '../../chunk-7MVZYOHX.js';
|
|
5
5
|
import '../../chunk-BNBE2OMA.js';
|
|
@@ -3,8 +3,8 @@ import { a } from '../../chunk-FK4XGRYF.js';
|
|
|
3
3
|
import { h, a as a$3 } from '../../chunk-OF6623HG.js';
|
|
4
4
|
import { a as a$2 } from '../../chunk-ZGSSTXUO.js';
|
|
5
5
|
import '../../chunk-45OMMG7D.js';
|
|
6
|
-
import { b } from '../../chunk-
|
|
7
|
-
import '../../chunk-
|
|
6
|
+
import { b } from '../../chunk-6FG5S5PI.js';
|
|
7
|
+
import '../../chunk-RPPQBAVO.js';
|
|
8
8
|
import '../../chunk-IJZCVZ32.js';
|
|
9
9
|
import '../../chunk-7MVZYOHX.js';
|
|
10
10
|
import '../../chunk-BNBE2OMA.js';
|
|
@@ -11,11 +11,11 @@ import '../../chunk-ET3WPQIO.js';
|
|
|
11
11
|
import O from '@mui/material/IconButton';
|
|
12
12
|
import i from '@mui/material/Stack';
|
|
13
13
|
import l from '@mui/material/Typography';
|
|
14
|
-
import
|
|
14
|
+
import L from '@mui/material/Button';
|
|
15
15
|
import { styled } from '@mui/material/styles';
|
|
16
16
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
17
17
|
|
|
18
|
-
var u=styled(i)(({theme:t})=>({backgroundColor:t.palette.background.paper,maxWidth:300,flex:1,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(i)({position:"sticky",top:"calc(var(--sticky-header-height, 64px))",height:"calc(100vh - var(--sticky-header-height, 64px))"}),y=styled(i)(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),C=styled(i)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",backgroundColor:t.palette.background.paper,zIndex:t.zIndex.appBar,width:"100%",padding:"12px 24px",height:64,gap:12,[t.breakpoints.down("md")]:{padding:"14px 16px",gap:6},borderBottom:`1px solid ${t.palette.divider}`})),v=styled(
|
|
18
|
+
var u=styled(i)(({theme:t})=>({backgroundColor:t.palette.background.paper,maxWidth:300,flex:1,borderRight:`1px solid ${t.palette.divider}`,[t.breakpoints.down("md")]:{display:"none"}})),k=styled(i)({position:"sticky",top:"calc(var(--sticky-header-height, 64px))",height:"calc(100vh - var(--sticky-header-height, 64px))"}),y=styled(i)(({theme:t})=>({flex:1,width:"100%",maxWidth:"100%",[t.breakpoints.up("md")]:{"&.with-left-box":{maxWidth:"calc(100% - 300px)"}}})),C=styled(i)(({theme:t})=>({position:"sticky",top:"var(--sticky-header-height, 64px)",flexDirection:"row",alignItems:"center",backgroundColor:t.palette.background.paper,zIndex:t.zIndex.appBar,width:"100%",padding:"12px 24px",height:64,gap:12,[t.breakpoints.down("md")]:{padding:"14px 16px",gap:6},borderBottom:`1px solid ${t.palette.divider}`})),v=styled(L)(({theme:t})=>({height:50,background:"none",fontSize:13,fontWeight:400,justifyContent:"flex-start",padding:"12px 8px",color:t.palette.text.secondary,borderBottom:`1px dashed ${t.palette.divider}`,borderRadius:0,gap:4,"&:hover":{backgroundColor:"transparent"},"& .required":{color:t.palette.error.main}})),p=styled(i)(({theme:t})=>({flex:1,flexDirection:"row",alignItems:"center",gap:24,"&.header-left-content":{justifyContent:"flex-start",marginLeft:12},[t.breakpoints.down("md")]:{gap:8,flex:"initial","& button, & a":{display:"flex",textIndent:"-9999em",fontSize:0,minWidth:36,maxWidth:36,height:36,width:36,overflow:"hidden","& .MuiButton-icon":{margin:"auto"}},"&.header-left-content":{justifyContent:"flex-end",marginLeft:"auto",marginRight:-6,"& label":{marginRight:0},"& .MuiTypography-root":{display:"none"}}}})),w=styled(i)(({theme:t})=>({flex:1,width:"100%",padding:24,gap:24,alignItems:"center",overflow:"hidden",[t.breakpoints.down("md")]:{padding:"24px 16px"}})),d=styled(i)(({theme:t})=>({alignItems:"start",width:"100%",maxWidth:900,[t.breakpoints.down("md")]:{maxWidth:"100%"}})),T=styled(a)(({theme:t})=>({width:"100%",borderRadius:12,gap:12,[t.breakpoints.down("md")]:{padding:"24px 16px"}})),W=styled(l)(({theme:t})=>({color:t.palette.text.primary,fontSize:18,fontWeight:900})),I=styled(l)(({theme:t})=>({color:t.palette.text.secondary,fontSize:14,fontWeight:400,paddingBottom:24}));var j=({title:t,subtitle:c,children:B,sections:x,headerLeftContent:R,headerRightContent:P,showLeftContent:s=!0,onClickBack:z})=>(a$1(!0),jsxs(i,{direction:"row",flex:1,children:[s&&jsx(u,{id:"frame-skeleton-left-box",children:jsx(k,{children:jsx(a$2,{fillContent:!0,sx:{p:3},children:jsxs(i,{gap:1.5,children:[jsx(l,{variant:"overline",color:"text.disabled",fontWeight:700,pl:1,children:"ACESSO R\xC1PIDO"}),jsx(i,{children:x.map(o=>jsxs(v,{onClick:()=>{o.ref.current&&o.ref.current.scrollIntoView({block:"center",behavior:"smooth"});},children:[o.title,o.isRequired&&jsx("span",{className:"required",children:"*"})]},o.title))})]})})})}),jsxs(y,{className:s?"with-left-box":"",children:[jsxs(C,{children:[jsx(O,{color:"inherit",onClick:()=>z(),"data-testid":"backToPreviousPage","aria-label":"Voltar",children:jsx(a$3,{icon:"CHEVRON_LEFT"})}),jsxs(i,{overflow:"hidden",children:[jsx(l,{variant:"subtitle1",noWrap:!0,component:"div",children:t}),c&&jsx(l,{variant:"caption",color:"text.secondary",noWrap:!0,component:"div",children:c})]}),jsx(p,{className:"header-left-content",children:R}),jsx(p,{justifyContent:"flex-end",color:"text.secondary",children:P})]}),jsxs(w,{children:[jsx(d,{children:B}),x.map((o,H)=>{let m=o.id||`section-${H}`;return jsxs(d,{id:m,children:[o.title&&jsx(W,{ref:o.ref,children:o.title}),o.subTitle&&jsx(I,{children:o.subTitle}),jsx(T,{...o.sectionContentProps,children:o.child})]},o.title||m)})]})]})]})),Q=j;
|
|
19
19
|
|
|
20
20
|
export { Q as default };
|
|
21
21
|
//# sourceMappingURL=out.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/styles.ts"],"names":["IconButton","Stack","Typography","Button","styled","Sidebar","theme","SidebarContent","Content","TopBox","SectionLink","HeaderContent","Children","Section","SectionContent","Panel_default","SectionTitle","SectionSubtitle","jsx","jsxs","FrameSkeleton","title","subtitle","children","sections","headerLeftContent","headerRightContent","showLeftContent","onClickBack","useCollapseSidebarOnMount_default","Scrollbar_default","section","Icon_default","index","id","FrameSkeleton_default"],"mappings":"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","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Scrollbar from 'components/Scrollbar';\nimport useCollapseSidebarOnMount from 'hooks/useCollapseSidebarOnMount';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n Children,\n Content,\n HeaderContent,\n Section,\n SectionContent,\n SectionLink,\n SectionSubtitle,\n SectionTitle,\n Sidebar,\n SidebarContent,\n TopBox,\n} from './styles';\n\nconst FrameSkeleton = ({\n title,\n subtitle,\n children,\n sections,\n headerLeftContent,\n headerRightContent,\n showLeftContent = true,\n onClickBack,\n}: FrameSkeletonProps) => {\n useCollapseSidebarOnMount(true);\n return (\n <Stack direction=\"row\" flex={1}>\n {showLeftContent && (\n <Sidebar id=\"frame-skeleton-left-box\">\n <SidebarContent>\n <Scrollbar fillContent sx={{ p: 3 }}>\n <Stack gap={1.5}>\n <Typography\n variant=\"overline\"\n color=\"text.disabled\"\n fontWeight={700}\n pl={1}\n >\n ACESSO RÁPIDO\n </Typography>\n\n <Stack>\n {sections.map(section => (\n <SectionLink\n key={section.title}\n onClick={() => {\n if (section.ref.current)\n section.ref.current.scrollIntoView({\n block: 'center',\n behavior: 'smooth',\n });\n }}\n >\n {section.title}\n {section.isRequired && (\n <span className=\"required\">*</span>\n )}\n </SectionLink>\n ))}\n </Stack>\n </Stack>\n </Scrollbar>\n </SidebarContent>\n </Sidebar>\n )}\n\n <Content className={showLeftContent ? 'with-left-box' : ''}>\n <TopBox>\n <IconButton\n color=\"inherit\"\n onClick={() => onClickBack()}\n data-testid=\"backToPreviousPage\"\n aria-label=\"Voltar\"\n >\n <Icon icon=\"CHEVRON_LEFT\" />\n </IconButton>\n\n <Stack overflow=\"hidden\">\n <Typography variant=\"subtitle1\" noWrap component=\"div\">\n {title}\n </Typography>\n {subtitle && (\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n noWrap\n component=\"div\"\n >\n {subtitle}\n </Typography>\n )}\n </Stack>\n\n <HeaderContent className=\"header-left-content\">\n {headerLeftContent}\n </HeaderContent>\n\n <HeaderContent justifyContent=\"flex-end\" color=\"text.secondary\">\n {headerRightContent}\n </HeaderContent>\n </TopBox>\n\n <Children>\n <Section>{children}</Section>\n\n {sections.map((section, index) => {\n const id = section.id || `section-${index}`;\n return (\n <Section key={section.title || id} id={id}>\n {section.title && (\n <SectionTitle\n ref={section.ref as React.RefObject<HTMLDivElement>}\n >\n {section.title}\n </SectionTitle>\n )}\n {section.subTitle && (\n <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n )}\n\n <SectionContent>{section.child}</SectionContent>\n </Section>\n );\n })}\n </Children>\n </Content>\n </Stack>\n );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled(Stack)(({ theme }) => ({\n backgroundColor: theme.palette.background.paper,\n maxWidth: 300,\n flex: 1,\n borderRight: `1px solid ${theme.palette.divider}`,\n\n [theme.breakpoints.down('md')]: {\n display: 'none',\n },\n}));\n\nexport const SidebarContent = styled(Stack)({\n position: 'sticky',\n top: 'calc(var(--sticky-header-height, 64px))',\n height: 'calc(100vh - var(--sticky-header-height, 64px))',\n});\n\nexport const Content = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n maxWidth: '100%',\n\n [theme.breakpoints.up('md')]: {\n '&.with-left-box': { maxWidth: 'calc(100% - 300px)' },\n },\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n position: 'sticky',\n top: 'var(--sticky-header-height, 64px)',\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: theme.palette.background.paper,\n zIndex: theme.zIndex.appBar,\n width: '100%',\n padding: '12px 24px',\n height: 64,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '14px 16px',\n gap: 6,\n },\n borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nexport const SectionLink = styled(Button)(({ theme }) => ({\n height: 50,\n background: 'none',\n fontSize: 13,\n fontWeight: 400,\n justifyContent: 'flex-start',\n padding: '12px 8px',\n color: theme.palette.text.secondary,\n borderBottom: `1px dashed ${theme.palette.divider}`,\n borderRadius: 0,\n gap: 4,\n\n '&:hover': {\n backgroundColor: 'transparent',\n },\n\n '& .required': {\n color: theme.palette.error.main,\n },\n}));\n\nexport const HeaderContent = styled(Stack)(({ theme }) => ({\n flex: 1,\n flexDirection: 'row',\n alignItems: 'center',\n gap: 24,\n\n '&.header-left-content': {\n justifyContent: 'flex-start',\n marginLeft: 12,\n },\n\n [theme.breakpoints.down('md')]: {\n gap: 8,\n flex: 'initial',\n\n '& button, & a': {\n display: 'flex',\n textIndent: '-9999em',\n fontSize: 0,\n minWidth: 36,\n maxWidth: 36,\n height: 36,\n width: 36,\n overflow: 'hidden',\n\n '& .MuiButton-icon': {\n margin: 'auto',\n },\n },\n\n '&.header-left-content': {\n justifyContent: 'flex-end',\n marginLeft: 'auto',\n marginRight: -6,\n\n '& label': {\n marginRight: 0,\n },\n\n '& .MuiTypography-root': {\n display: 'none',\n },\n },\n },\n}));\n\nexport const Children = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n padding: 24,\n gap: 24,\n alignItems: 'center',\n overflow: 'hidden',\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const Section = styled(Stack)(({ theme }) => ({\n alignItems: 'start',\n width: '100%',\n maxWidth: 900,\n\n [theme.breakpoints.down('md')]: {\n maxWidth: '100%',\n },\n}));\n\nexport const SectionContent = styled(Panel)(({ theme }) => ({\n width: '100%',\n borderRadius: 12,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const SectionTitle = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.primary,\n fontSize: 18,\n fontWeight: 900,\n}));\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.secondary,\n fontSize: 14,\n fontWeight: 400,\n paddingBottom: 24,\n}));\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx","../../../src/components/FrameSkeleton/styles.ts"],"names":["IconButton","Stack","Typography","Button","styled","Sidebar","theme","SidebarContent","Content","TopBox","SectionLink","HeaderContent","Children","Section","SectionContent","Panel_default","SectionTitle","SectionSubtitle","jsx","jsxs","FrameSkeleton","title","subtitle","children","sections","headerLeftContent","headerRightContent","showLeftContent","onClickBack","useCollapseSidebarOnMount_default","Scrollbar_default","section","Icon_default","index","id","FrameSkeleton_default"],"mappings":"gXAAA,OAAOA,MAAgB,2BACvB,OAAOC,MAAW,sBAClB,OAAOC,MAAgB,2BCFvB,OAAOC,MAAY,uBACnB,OAAOF,MAAW,sBAClB,OAAS,UAAAG,MAAc,uBACvB,OAAOF,MAAgB,2BAIhB,IAAMG,EAAUD,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CACnD,gBAAiBA,EAAM,QAAQ,WAAW,MAC1C,SAAU,IACV,KAAM,EACN,YAAa,aAAaA,EAAM,QAAQ,UAExC,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAAS,MACX,CACF,EAAE,EAEWC,EAAiBH,EAAOH,CAAK,EAAE,CAC1C,SAAU,SACV,IAAK,0CACL,OAAQ,iDACV,CAAC,EAEYO,EAAUJ,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CACnD,KAAM,EACN,MAAO,OACP,SAAU,OAEV,CAACA,EAAM,YAAY,GAAG,IAAI,CAAC,EAAG,CAC5B,kBAAmB,CAAE,SAAU,oBAAqB,CACtD,CACF,EAAE,EAEWG,EAASL,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CAClD,SAAU,SACV,IAAK,oCACL,cAAe,MACf,WAAY,SACZ,gBAAiBA,EAAM,QAAQ,WAAW,MAC1C,OAAQA,EAAM,OAAO,OACrB,MAAO,OACP,QAAS,YACT,OAAQ,GACR,IAAK,GAEL,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAAS,YACT,IAAK,CACP,EACA,aAAc,aAAaA,EAAM,QAAQ,SAC3C,EAAE,EAEWI,EAAcN,EAAOD,CAAM,EAAE,CAAC,CAAE,MAAAG,CAAM,KAAO,CACxD,OAAQ,GACR,WAAY,OACZ,SAAU,GACV,WAAY,IACZ,eAAgB,aAChB,QAAS,WACT,MAAOA,EAAM,QAAQ,KAAK,UAC1B,aAAc,cAAcA,EAAM,QAAQ,UAC1C,aAAc,EACd,IAAK,EAEL,UAAW,CACT,gBAAiB,aACnB,EAEA,cAAe,CACb,MAAOA,EAAM,QAAQ,MAAM,IAC7B,CACF,EAAE,EAEWK,EAAgBP,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CACzD,KAAM,EACN,cAAe,MACf,WAAY,SACZ,IAAK,GAEL,wBAAyB,CACvB,eAAgB,aAChB,WAAY,EACd,EAEA,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,IAAK,EACL,KAAM,UAEN,gBAAiB,CACf,QAAS,OACT,WAAY,UACZ,SAAU,EACV,SAAU,GACV,SAAU,GACV,OAAQ,GACR,MAAO,GACP,SAAU,SAEV,oBAAqB,CACnB,OAAQ,MACV,CACF,EAEA,wBAAyB,CACvB,eAAgB,WAChB,WAAY,OACZ,YAAa,GAEb,UAAW,CACT,YAAa,CACf,EAEA,wBAAyB,CACvB,QAAS,MACX,CACF,CACF,CACF,EAAE,EAEWM,EAAWR,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CACpD,KAAM,EACN,MAAO,OACP,QAAS,GACT,IAAK,GACL,WAAY,SACZ,SAAU,SAEV,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAAS,WACX,CACF,EAAE,EAEWO,EAAUT,EAAOH,CAAK,EAAE,CAAC,CAAE,MAAAK,CAAM,KAAO,CACnD,WAAY,QACZ,MAAO,OACP,SAAU,IAEV,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,SAAU,MACZ,CACF,EAAE,EAEWQ,EAAiBV,EAAOW,CAAK,EAAE,CAAC,CAAE,MAAAT,CAAM,KAAO,CAC1D,MAAO,OACP,aAAc,GACd,IAAK,GAEL,CAACA,EAAM,YAAY,KAAK,IAAI,CAAC,EAAG,CAC9B,QAAS,WACX,CACF,EAAE,EAEWU,EAAeZ,EAAOF,CAAU,EAAE,CAAC,CAAE,MAAAI,CAAM,KAAO,CAC7D,MAAOA,EAAM,QAAQ,KAAK,QAC1B,SAAU,GACV,WAAY,GACd,EAAE,EAEWW,EAAkBb,EAAOF,CAAU,EAAE,CAAC,CAAE,MAAAI,CAAM,KAAO,CAChE,MAAOA,EAAM,QAAQ,KAAK,UAC1B,SAAU,GACV,WAAY,IACZ,cAAe,EACjB,EAAE,ED3Hc,cAAAY,EAWI,QAAAC,MAXJ,oBAlBhB,IAAMC,EAAgB,CAAC,CACrB,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,gBAAAC,EAAkB,GAClB,YAAAC,CACF,KACEC,EAA0B,EAAI,EAE5BV,EAAClB,EAAA,CAAM,UAAU,MAAM,KAAM,EAC1B,UAAA0B,GACCT,EAACb,EAAA,CAAQ,GAAG,0BACV,SAAAa,EAACX,EAAA,CACC,SAAAW,EAACY,EAAA,CAAU,YAAW,GAAC,GAAI,CAAE,EAAG,CAAE,EAChC,SAAAX,EAAClB,EAAA,CAAM,IAAK,IACV,UAAAiB,EAAChB,EAAA,CACC,QAAQ,WACR,MAAM,gBACN,WAAY,IACZ,GAAI,EACL,4BAED,EAEAgB,EAACjB,EAAA,CACE,SAAAuB,EAAS,IAAIO,GACZZ,EAACT,EAAA,CAEC,QAAS,IAAM,CACTqB,EAAQ,IAAI,SACdA,EAAQ,IAAI,QAAQ,eAAe,CACjC,MAAO,SACP,SAAU,QACZ,CAAC,CACL,EAEC,UAAAA,EAAQ,MACRA,EAAQ,YACPb,EAAC,QAAK,UAAU,WAAW,aAAC,IAXzBa,EAAQ,KAaf,CACD,EACH,GACF,EACF,EACF,EACF,EAGFZ,EAACX,EAAA,CAAQ,UAAWmB,EAAkB,gBAAkB,GACtD,UAAAR,EAACV,EAAA,CACC,UAAAS,EAAClB,EAAA,CACC,MAAM,UACN,QAAS,IAAM4B,EAAY,EAC3B,cAAY,qBACZ,aAAW,SAEX,SAAAV,EAACc,EAAA,CAAK,KAAK,eAAe,EAC5B,EAEAb,EAAClB,EAAA,CAAM,SAAS,SACd,UAAAiB,EAAChB,EAAA,CAAW,QAAQ,YAAY,OAAM,GAAC,UAAU,MAC9C,SAAAmB,EACH,EACCC,GACCJ,EAAChB,EAAA,CACC,QAAQ,UACR,MAAM,iBACN,OAAM,GACN,UAAU,MAET,SAAAoB,EACH,GAEJ,EAEAJ,EAACP,EAAA,CAAc,UAAU,sBACtB,SAAAc,EACH,EAEAP,EAACP,EAAA,CAAc,eAAe,WAAW,MAAM,iBAC5C,SAAAe,EACH,GACF,EAEAP,EAACP,EAAA,CACC,UAAAM,EAACL,EAAA,CAAS,SAAAU,EAAS,EAElBC,EAAS,IAAI,CAACO,EAASE,IAAU,CAChC,IAAMC,EAAKH,EAAQ,IAAM,WAAWE,IACpC,OACEd,EAACN,EAAA,CAAkC,GAAIqB,EACpC,UAAAH,EAAQ,OACPb,EAACF,EAAA,CACC,IAAKe,EAAQ,IAEZ,SAAAA,EAAQ,MACX,EAEDA,EAAQ,UACPb,EAACD,EAAA,CAAiB,SAAAc,EAAQ,SAAS,EAGrCb,EAACJ,EAAA,CAAgB,GAAGiB,EAAQ,oBACzB,SAAAA,EAAQ,MACX,IAdYA,EAAQ,OAASG,CAe/B,CAEJ,CAAC,GACH,GACF,GACF,GAIGC,EAAQf","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport Icon from 'components/Icon';\nimport Scrollbar from 'components/Scrollbar';\nimport useCollapseSidebarOnMount from 'hooks/useCollapseSidebarOnMount';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n Children,\n Content,\n HeaderContent,\n Section,\n SectionContent,\n SectionLink,\n SectionSubtitle,\n SectionTitle,\n Sidebar,\n SidebarContent,\n TopBox,\n} from './styles';\n\nconst FrameSkeleton = ({\n title,\n subtitle,\n children,\n sections,\n headerLeftContent,\n headerRightContent,\n showLeftContent = true,\n onClickBack,\n}: FrameSkeletonProps) => {\n useCollapseSidebarOnMount(true);\n return (\n <Stack direction=\"row\" flex={1}>\n {showLeftContent && (\n <Sidebar id=\"frame-skeleton-left-box\">\n <SidebarContent>\n <Scrollbar fillContent sx={{ p: 3 }}>\n <Stack gap={1.5}>\n <Typography\n variant=\"overline\"\n color=\"text.disabled\"\n fontWeight={700}\n pl={1}\n >\n ACESSO RÁPIDO\n </Typography>\n\n <Stack>\n {sections.map(section => (\n <SectionLink\n key={section.title}\n onClick={() => {\n if (section.ref.current)\n section.ref.current.scrollIntoView({\n block: 'center',\n behavior: 'smooth',\n });\n }}\n >\n {section.title}\n {section.isRequired && (\n <span className=\"required\">*</span>\n )}\n </SectionLink>\n ))}\n </Stack>\n </Stack>\n </Scrollbar>\n </SidebarContent>\n </Sidebar>\n )}\n\n <Content className={showLeftContent ? 'with-left-box' : ''}>\n <TopBox>\n <IconButton\n color=\"inherit\"\n onClick={() => onClickBack()}\n data-testid=\"backToPreviousPage\"\n aria-label=\"Voltar\"\n >\n <Icon icon=\"CHEVRON_LEFT\" />\n </IconButton>\n\n <Stack overflow=\"hidden\">\n <Typography variant=\"subtitle1\" noWrap component=\"div\">\n {title}\n </Typography>\n {subtitle && (\n <Typography\n variant=\"caption\"\n color=\"text.secondary\"\n noWrap\n component=\"div\"\n >\n {subtitle}\n </Typography>\n )}\n </Stack>\n\n <HeaderContent className=\"header-left-content\">\n {headerLeftContent}\n </HeaderContent>\n\n <HeaderContent justifyContent=\"flex-end\" color=\"text.secondary\">\n {headerRightContent}\n </HeaderContent>\n </TopBox>\n\n <Children>\n <Section>{children}</Section>\n\n {sections.map((section, index) => {\n const id = section.id || `section-${index}`;\n return (\n <Section key={section.title || id} id={id}>\n {section.title && (\n <SectionTitle\n ref={section.ref as React.RefObject<HTMLDivElement>}\n >\n {section.title}\n </SectionTitle>\n )}\n {section.subTitle && (\n <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n )}\n\n <SectionContent {...section.sectionContentProps}>\n {section.child}\n </SectionContent>\n </Section>\n );\n })}\n </Children>\n </Content>\n </Stack>\n );\n};\n\nexport default FrameSkeleton;\n","import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nimport Panel from 'components/Panel';\n\nexport const Sidebar = styled(Stack)(({ theme }) => ({\n backgroundColor: theme.palette.background.paper,\n maxWidth: 300,\n flex: 1,\n borderRight: `1px solid ${theme.palette.divider}`,\n\n [theme.breakpoints.down('md')]: {\n display: 'none',\n },\n}));\n\nexport const SidebarContent = styled(Stack)({\n position: 'sticky',\n top: 'calc(var(--sticky-header-height, 64px))',\n height: 'calc(100vh - var(--sticky-header-height, 64px))',\n});\n\nexport const Content = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n maxWidth: '100%',\n\n [theme.breakpoints.up('md')]: {\n '&.with-left-box': { maxWidth: 'calc(100% - 300px)' },\n },\n}));\n\nexport const TopBox = styled(Stack)(({ theme }) => ({\n position: 'sticky',\n top: 'var(--sticky-header-height, 64px)',\n flexDirection: 'row',\n alignItems: 'center',\n backgroundColor: theme.palette.background.paper,\n zIndex: theme.zIndex.appBar,\n width: '100%',\n padding: '12px 24px',\n height: 64,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '14px 16px',\n gap: 6,\n },\n borderBottom: `1px solid ${theme.palette.divider}`,\n}));\n\nexport const SectionLink = styled(Button)(({ theme }) => ({\n height: 50,\n background: 'none',\n fontSize: 13,\n fontWeight: 400,\n justifyContent: 'flex-start',\n padding: '12px 8px',\n color: theme.palette.text.secondary,\n borderBottom: `1px dashed ${theme.palette.divider}`,\n borderRadius: 0,\n gap: 4,\n\n '&:hover': {\n backgroundColor: 'transparent',\n },\n\n '& .required': {\n color: theme.palette.error.main,\n },\n}));\n\nexport const HeaderContent = styled(Stack)(({ theme }) => ({\n flex: 1,\n flexDirection: 'row',\n alignItems: 'center',\n gap: 24,\n\n '&.header-left-content': {\n justifyContent: 'flex-start',\n marginLeft: 12,\n },\n\n [theme.breakpoints.down('md')]: {\n gap: 8,\n flex: 'initial',\n\n '& button, & a': {\n display: 'flex',\n textIndent: '-9999em',\n fontSize: 0,\n minWidth: 36,\n maxWidth: 36,\n height: 36,\n width: 36,\n overflow: 'hidden',\n\n '& .MuiButton-icon': {\n margin: 'auto',\n },\n },\n\n '&.header-left-content': {\n justifyContent: 'flex-end',\n marginLeft: 'auto',\n marginRight: -6,\n\n '& label': {\n marginRight: 0,\n },\n\n '& .MuiTypography-root': {\n display: 'none',\n },\n },\n },\n}));\n\nexport const Children = styled(Stack)(({ theme }) => ({\n flex: 1,\n width: '100%',\n padding: 24,\n gap: 24,\n alignItems: 'center',\n overflow: 'hidden',\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const Section = styled(Stack)(({ theme }) => ({\n alignItems: 'start',\n width: '100%',\n maxWidth: 900,\n\n [theme.breakpoints.down('md')]: {\n maxWidth: '100%',\n },\n}));\n\nexport const SectionContent = styled(Panel)(({ theme }) => ({\n width: '100%',\n borderRadius: 12,\n gap: 12,\n\n [theme.breakpoints.down('md')]: {\n padding: '24px 16px',\n },\n}));\n\nexport const SectionTitle = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.primary,\n fontSize: 18,\n fontWeight: 900,\n}));\n\nexport const SectionSubtitle = styled(Typography)(({ theme }) => ({\n color: theme.palette.text.secondary,\n fontSize: 14,\n fontWeight: 400,\n paddingBottom: 24,\n}));\n"]}
|
|
@@ -11,14 +11,6 @@ interface ListBundlesProps {
|
|
|
11
11
|
}) => JSX.Element;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
/**
|
|
15
|
-
* Reusable component to display bundles in a carousel
|
|
16
|
-
* @param bundles - Array of bundle items to display
|
|
17
|
-
* @param isLoading - Loading state for initial data fetch
|
|
18
|
-
* @param isFetching - Loading state for subsequent data fetches
|
|
19
|
-
* @param onRefetch - Function to refetch data
|
|
20
|
-
* @param renderItem - Custom render function for bundle items
|
|
21
|
-
*/
|
|
22
14
|
declare const ListBundles: ({ bundles, isLoading, isFetching, onRefetch, renderItem, }: ListBundlesProps) => react_jsx_runtime.JSX.Element | null;
|
|
23
15
|
|
|
24
16
|
export { ListBundles as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SelectListProps } from '../../types/selectList.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
|
|
5
|
+
declare const SelectList: ({ value, multiple, options, onChange, pagination, onSearch, onAdd, total, label, loading, loadingView, fetching, fetchingView, emptyView, error, helperText, }: SelectListProps) => react_jsx_runtime.JSX.Element;
|
|
6
|
+
|
|
7
|
+
export { SelectList as default };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export { a as default } from '../../chunk-7HLCQRIH.js';
|
|
2
|
+
import '../../chunk-RUABKHIV.js';
|
|
3
|
+
import '../../chunk-RPPQBAVO.js';
|
|
4
|
+
import '../../chunk-IJZCVZ32.js';
|
|
5
|
+
import '../../chunk-6U5LS7MP.js';
|
|
6
|
+
import '../../chunk-LEMPYV5U.js';
|
|
7
|
+
import '../../chunk-NQNNMRLC.js';
|
|
8
|
+
import '../../chunk-CIGSMWKF.js';
|
|
9
|
+
//# sourceMappingURL=out.js.map
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { a as default } from '../../chunk-
|
|
1
|
+
export { a as default } from '../../chunk-KQTA6B4Y.js';
|
|
2
2
|
import '../../chunk-6ZSTKYGL.js';
|
|
3
|
-
import '../../chunk-
|
|
3
|
+
import '../../chunk-RPPQBAVO.js';
|
|
4
4
|
import '../../chunk-IJZCVZ32.js';
|
|
5
5
|
import '../../chunk-NIQW2J3M.js';
|
|
6
6
|
import '../../chunk-NQNNMRLC.js';
|
|
@@ -5,61 +5,19 @@ import { ButtonProps } from '@mui/material/Button';
|
|
|
5
5
|
import { StackProps } from '@mui/material/Stack';
|
|
6
6
|
|
|
7
7
|
interface StateDisplayProps extends Omit<StackProps, 'title'> {
|
|
8
|
-
/**
|
|
9
|
-
* Ícone ou asset customizado para exibir
|
|
10
|
-
*/
|
|
11
8
|
icon?: ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Título principal do estado
|
|
14
|
-
*/
|
|
15
9
|
title?: string | ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* Descrição ou texto secundário
|
|
18
|
-
*/
|
|
19
10
|
description?: string | ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* Ação principal (botão customizado)
|
|
22
|
-
*/
|
|
23
11
|
primaryAction?: ReactNode;
|
|
24
|
-
/**
|
|
25
|
-
* Ação secundária (botão customizado)
|
|
26
|
-
*/
|
|
27
12
|
secondaryAction?: ReactNode;
|
|
28
|
-
/**
|
|
29
|
-
* Texto do botão primário (usado apenas se primaryAction não for fornecido)
|
|
30
|
-
*/
|
|
31
13
|
primaryActionLabel?: string;
|
|
32
|
-
/**
|
|
33
|
-
* Texto do botão secundário (usado apenas se secondaryAction não for fornecido)
|
|
34
|
-
*/
|
|
35
14
|
secondaryActionLabel?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Callback para ação primária
|
|
38
|
-
*/
|
|
39
15
|
onPrimaryAction?: () => void;
|
|
40
|
-
/**
|
|
41
|
-
* Callback para ação secundária
|
|
42
|
-
*/
|
|
43
16
|
onSecondaryAction?: () => void;
|
|
44
|
-
/**
|
|
45
|
-
* Props do botão primário
|
|
46
|
-
*/
|
|
47
17
|
primaryActionProps?: ButtonProps;
|
|
48
|
-
/**
|
|
49
|
-
* Props do botão secundário
|
|
50
|
-
*/
|
|
51
18
|
secondaryActionProps?: ButtonProps;
|
|
52
|
-
/**
|
|
53
|
-
* Variante do estado para aplicar estilos específicos
|
|
54
|
-
*/
|
|
55
19
|
variant?: 'empty' | 'success' | 'error' | 'info' | 'default';
|
|
56
|
-
/**
|
|
57
|
-
* Tamanho do ícone
|
|
58
|
-
*/
|
|
59
20
|
iconSize?: number;
|
|
60
|
-
/**
|
|
61
|
-
* Largura máxima do conteúdo
|
|
62
|
-
*/
|
|
63
21
|
maxWidth?: number;
|
|
64
22
|
}
|
|
65
23
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { a as a$2 } from '../../chunk-6ZSTKYGL.js';
|
|
2
|
-
import { a } from '../../chunk-
|
|
2
|
+
import { a } from '../../chunk-RPPQBAVO.js';
|
|
3
3
|
import { a as a$1 } from '../../chunk-IJZCVZ32.js';
|
|
4
4
|
import '../../chunk-NIQW2J3M.js';
|
|
5
5
|
import { a as a$4 } from '../../chunk-NQNNMRLC.js';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export { a as default } from '../../chunk-VCHDZXTF.js';
|
|
2
2
|
import '../../chunk-UHXAPEIF.js';
|
|
3
|
-
import '../../chunk-
|
|
3
|
+
import '../../chunk-CU7PKEY2.js';
|
|
4
4
|
import '../../chunk-LDGBS7ZI.js';
|
|
5
|
+
import '../../chunk-2WG6OWB4.js';
|
|
5
6
|
import '../../chunk-6W52DPH4.js';
|
|
6
7
|
import '../../chunk-TWSAWMZ3.js';
|
|
7
8
|
import '../../chunk-ROVD7OGE.js';
|
|
8
9
|
import '../../chunk-EQYL7U3J.js';
|
|
9
10
|
import '../../chunk-WUFEPE2G.js';
|
|
10
|
-
import '../../chunk-2WG6OWB4.js';
|
|
11
11
|
import '../../chunk-GLRLKFPS.js';
|
|
12
12
|
//# sourceMappingURL=out.js.map
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -39,9 +39,6 @@ type CarouselDotButtonsProps = Omit<UseCarouselDotsReturn, 'dotCount'> & {
|
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
|
-
/**
|
|
43
|
-
* Prev & Next Buttons
|
|
44
|
-
*/
|
|
45
42
|
type UseCarouselArrowsReturn = {
|
|
46
43
|
disablePrev: boolean;
|
|
47
44
|
disableNext: boolean;
|
|
@@ -67,9 +64,6 @@ type CarouselArrowButtonsProps = UseCarouselArrowsReturn & {
|
|
|
67
64
|
};
|
|
68
65
|
};
|
|
69
66
|
};
|
|
70
|
-
/**
|
|
71
|
-
* Thumbs
|
|
72
|
-
*/
|
|
73
67
|
type UseCarouselThumbsReturn = {
|
|
74
68
|
selectedIndex: number;
|
|
75
69
|
thumbsApi?: EmblaCarouselType;
|
|
@@ -95,30 +89,18 @@ type CarouselThumbsProps = {
|
|
|
95
89
|
disableMask?: boolean;
|
|
96
90
|
};
|
|
97
91
|
};
|
|
98
|
-
/**
|
|
99
|
-
* Progress
|
|
100
|
-
*/
|
|
101
92
|
type UseCarouselProgressReturn = {
|
|
102
93
|
value: number;
|
|
103
94
|
};
|
|
104
95
|
type CarouselProgressBarProps = UseCarouselProgressReturn;
|
|
105
|
-
/**
|
|
106
|
-
* Autoplay
|
|
107
|
-
*/
|
|
108
96
|
type UseCarouselAutoPlayReturn = {
|
|
109
97
|
isPlaying: boolean;
|
|
110
98
|
onTogglePlay: () => void;
|
|
111
99
|
onClickAutoplay: (callback: () => void) => void;
|
|
112
100
|
};
|
|
113
|
-
/**
|
|
114
|
-
* Slide
|
|
115
|
-
*/
|
|
116
101
|
type CarouselSlideProps = {
|
|
117
102
|
options?: Partial<CarouselOptions>;
|
|
118
103
|
};
|
|
119
|
-
/**
|
|
120
|
-
* Carousel
|
|
121
|
-
*/
|
|
122
104
|
type CarouselBaseOptions = EmblaOptionsType & {
|
|
123
105
|
slideSpacing?: string;
|
|
124
106
|
parallax?: boolean | number;
|