@zydon/common 2.8.47 → 2.8.49
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/components/form/Address/index.d.ts +1 -1
- package/dist/components/form/Address/index.js +9 -9
- package/dist/components/form/Address/index.js.map +1 -1
- package/dist/components/form/TimePicker/index.d.ts +2 -1
- package/dist/components/form/TimePicker/index.js +3 -3
- package/dist/components/form/TimePicker/index.js.map +1 -1
- package/dist/types/timePickerProps.d.ts +2 -0
- package/package.json +1 -1
|
@@ -5,6 +5,6 @@ import '../../../types/baseField.js';
|
|
|
5
5
|
import 'react-hook-form';
|
|
6
6
|
import '../../../types/size.js';
|
|
7
7
|
|
|
8
|
-
declare const Address: ({ name, containerProps, required, rules, tabIndex, loading, disableTyping, onZipCodeChange, }: AddressProps) => react_jsx_runtime.JSX.Element;
|
|
8
|
+
declare const Address: ({ name, containerProps, required, rules, tabIndex, loading, disableTyping, onZipCodeChange, size, }: AddressProps) => react_jsx_runtime.JSX.Element;
|
|
9
9
|
|
|
10
10
|
export { Address as default };
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { a as a$
|
|
2
|
-
import { a
|
|
3
|
-
import { a as a$
|
|
1
|
+
import { a as a$3 } from '../../../chunk-MSCOIJQ5.js';
|
|
2
|
+
import { a } from '../../../chunk-X64QHBVQ.js';
|
|
3
|
+
import { a as a$1 } from '../../../chunk-YXRL4O4H.js';
|
|
4
4
|
import '../../../chunk-RTC7H5E5.js';
|
|
5
|
-
import { a as a$
|
|
5
|
+
import { a as a$2 } from '../../../chunk-G2UA2MTH.js';
|
|
6
6
|
import '../../../chunk-37WASMP5.js';
|
|
7
7
|
import '../../../chunk-4GMBTAO6.js';
|
|
8
8
|
import '../../../chunk-QNSWRP73.js';
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
9
|
+
import L from '@mui/material/CircularProgress';
|
|
10
|
+
import g from '@mui/material/InputAdornment';
|
|
11
|
+
import s from '@mui/material/Stack';
|
|
12
12
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var A=({name:t,containerProps:u,required:d,rules:f,tabIndex:e,loading:w,disableTyping:i,onZipCodeChange:h,size:n})=>{let P=`${t}.zipCode`,b=`${t}.publicPlace`,C=`${t}.number`,E=`${t}.district`,D=`${t}.complement`,I=`${t}.state`,k=`${t}.city`,a$4=p=>{p.key==="Enter"&&p.preventDefault();};return jsxs(s,{gap:1.5,...u,children:[jsxs(s,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a,{name:P,label:"CEP",mask:[{mask:"00000-000"}],InputProps:{endAdornment:w&&jsx(g,{position:"end",children:jsx(L,{size:24})})},rules:f,onKeyDown:a$4,required:d,sx:{width:"auto",flex:1,minWidth:160},tabIndex:e,onChange:h,size:n}),jsxs(s,{direction:{xs:"column",sm:"row"},gap:1.5,flex:{xs:1,md:"1 1 50%"},children:[jsx(a$1,{name:b,label:"Logradouro",onKeyDown:a$4,inputProps:{maxLength:70},sx:{width:"auto",minWidth:250,flex:1},tabIndex:e,disabled:i,size:n}),jsx(a$1,{name:C,label:"N\xFAmero",onKeyDown:a$4,inputProps:{maxLength:6},sx:{width:"auto",minWidth:100},tabIndex:e,size:n})]})]}),jsxs(s,{direction:{xs:"column",md:"row"},gap:1.5,flexWrap:"wrap",children:[jsx(a$1,{name:E,label:"Bairro",onKeyDown:a$4,inputProps:{maxLength:20},sx:{width:"auto",flex:{xs:1,md:"1 1 100px"}},tabIndex:e,disabled:i,size:n}),jsx(a$1,{name:D,label:"Complemento",onKeyDown:a$4,inputProps:{maxLength:30},sx:{minWidth:200,width:"auto",flex:{xs:1,md:"1 1 500px"}},tabIndex:e,size:n})]}),jsxs(s,{gap:1.5,flexWrap:"wrap",direction:{xs:"column",sm:"row"},children:[jsx(a$2,{name:I,label:"Estado",options:a$3,disabled:i,required:d,sx:{flex:1},tabIndex:e,size:n}),jsx(a$1,{name:k,label:"Cidade",disabled:i,required:d,sx:{flex:1},tabIndex:e,size:n})]})]})},T=A;
|
|
15
15
|
|
|
16
|
-
export {
|
|
16
|
+
export { T as default };
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/form/Address/index.tsx"],"names":["CircularProgress","InputAdornment","Stack","jsx","jsxs","Address","name","containerProps","required","rules","tabIndex","loading","disableTyping","onZipCodeChange","ZIP_CODE_FIELD","PUBLIC_PLACE","NUMBER","DISTRICT","COMPLEMENT","STATE","CITY","handleKeyDown","e","MaskedInput_default","Field_default","Autocomplete_default","ufs_default","Address_default"],"mappings":"wUACA,OAAOA,MAAsB,iCAC7B,OAAOC,MAAoB,+BAC3B,OAAOC,MAAW,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/Address/index.tsx"],"names":["CircularProgress","InputAdornment","Stack","jsx","jsxs","Address","name","containerProps","required","rules","tabIndex","loading","disableTyping","onZipCodeChange","size","ZIP_CODE_FIELD","PUBLIC_PLACE","NUMBER","DISTRICT","COMPLEMENT","STATE","CITY","handleKeyDown","e","MaskedInput_default","Field_default","Autocomplete_default","ufs_default","Address_default"],"mappings":"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","sourcesContent":["import React from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport Stack from '@mui/material/Stack';\n\nimport { AddressProps } from 'types/addressProps';\nimport ufs from 'utils/ufs';\n\nimport Autocomplete from '../Autocomplete';\nimport Field from '../Field';\nimport MaskedInput from '../MaskedInput';\n\nconst Address = ({\n name,\n containerProps,\n required,\n rules,\n tabIndex,\n loading,\n disableTyping,\n onZipCodeChange,\n size,\n}: AddressProps) => {\n const ZIP_CODE_FIELD = `${name}.zipCode`;\n const PUBLIC_PLACE = `${name}.publicPlace`;\n const NUMBER = `${name}.number`;\n const DISTRICT = `${name}.district`;\n const COMPLEMENT = `${name}.complement`;\n const STATE = `${name}.state`;\n const CITY = `${name}.city`;\n\n const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key === 'Enter') e.preventDefault();\n };\n\n return (\n <Stack gap={1.5} {...containerProps}>\n <Stack\n direction={{\n xs: 'column',\n md: 'row',\n }}\n gap={1.5}\n flexWrap=\"wrap\"\n >\n <MaskedInput\n name={ZIP_CODE_FIELD}\n label=\"CEP\"\n mask={[\n {\n mask: '00000-000',\n },\n ]}\n InputProps={{\n endAdornment: loading && (\n <InputAdornment position=\"end\">\n <CircularProgress size={24} />\n </InputAdornment>\n ),\n }}\n rules={rules}\n onKeyDown={handleKeyDown}\n required={required}\n sx={{\n width: 'auto',\n flex: 1,\n minWidth: 160,\n }}\n tabIndex={tabIndex}\n onChange={onZipCodeChange}\n size={size}\n />\n\n <Stack\n direction={{\n xs: 'column',\n sm: 'row',\n }}\n gap={1.5}\n flex={{\n xs: 1,\n md: '1 1 50%',\n }}\n >\n <Field\n name={PUBLIC_PLACE}\n label=\"Logradouro\"\n onKeyDown={handleKeyDown}\n inputProps={{ maxLength: 70 }}\n sx={{\n width: 'auto',\n minWidth: 250,\n flex: 1,\n }}\n tabIndex={tabIndex}\n disabled={disableTyping}\n size={size}\n />\n\n <Field\n name={NUMBER}\n label=\"Número\"\n onKeyDown={handleKeyDown}\n inputProps={{ maxLength: 6 }}\n sx={{\n width: 'auto',\n minWidth: 100,\n }}\n tabIndex={tabIndex}\n size={size}\n />\n </Stack>\n </Stack>\n\n <Stack\n direction={{\n xs: 'column',\n md: 'row',\n }}\n gap={1.5}\n flexWrap=\"wrap\"\n >\n <Field\n name={DISTRICT}\n label=\"Bairro\"\n onKeyDown={handleKeyDown}\n inputProps={{ maxLength: 20 }}\n sx={{\n width: 'auto',\n flex: {\n xs: 1,\n md: '1 1 100px',\n },\n }}\n tabIndex={tabIndex}\n disabled={disableTyping}\n size={size}\n />\n\n <Field\n name={COMPLEMENT}\n label=\"Complemento\"\n onKeyDown={handleKeyDown}\n inputProps={{ maxLength: 30 }}\n sx={{\n minWidth: 200,\n width: 'auto',\n flex: {\n xs: 1,\n md: '1 1 500px',\n },\n }}\n tabIndex={tabIndex}\n size={size}\n />\n </Stack>\n\n <Stack\n gap={1.5}\n flexWrap=\"wrap\"\n direction={{\n xs: 'column',\n sm: 'row',\n }}\n >\n <Autocomplete\n name={STATE}\n label=\"Estado\"\n options={ufs}\n disabled={disableTyping}\n required={required}\n sx={{ flex: 1 }}\n tabIndex={tabIndex}\n size={size}\n />\n\n <Field\n name={CITY}\n label=\"Cidade\"\n disabled={disableTyping}\n required={required}\n sx={{ flex: 1 }}\n tabIndex={tabIndex}\n size={size}\n />\n </Stack>\n </Stack>\n );\n};\n\nexport default Address;\n"]}
|
|
@@ -5,7 +5,8 @@ import '@mui/x-date-pickers-pro';
|
|
|
5
5
|
import 'dayjs';
|
|
6
6
|
import '../../../types/baseField.js';
|
|
7
7
|
import 'react-hook-form';
|
|
8
|
+
import '../../../types/size.js';
|
|
8
9
|
|
|
9
|
-
declare const TimePicker: ({ name, rules, tabIndex, helperText, required, ...other }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
10
|
+
declare const TimePicker: ({ name, rules, tabIndex, helperText, required, size, ...other }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
10
11
|
|
|
11
12
|
export { TimePicker as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useFormContext, Controller } from 'react-hook-form';
|
|
2
2
|
import { TimePicker } from '@mui/x-date-pickers-pro';
|
|
3
|
-
import
|
|
3
|
+
import T from 'dayjs';
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var g=({name:o,rules:n,tabIndex:a,helperText:s,required:p,size:u,...e})=>{let{control:c}=useFormContext();return jsx(Controller,{name:o,control:c,rules:n,render:({field:{ref:f,onChange:P,...t},fieldState:{error:r}})=>jsx(TimePicker,{ampm:!1,format:"HH:mm",inputRef:f,...t,"data-intercom-target":o,...e,value:t.value?T(t.value):null,onChange:l=>{let i=l?l.toDate():null;P(i),e.onChange&&e.onChange(i);},slotProps:{textField:{...e.slotProps?.textField,name:o,error:!!r,required:p,helperText:r?.message||s,autoComplete:"off",spellCheck:"false",fullWidth:!0,size:u},openPickerButton:{tabIndex:a}}})})},v=g;
|
|
7
7
|
|
|
8
|
-
export {
|
|
8
|
+
export { v as default };
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/form/TimePicker/index.tsx"],"names":["Controller","useFormContext","MuiTimePicker","dayjs","jsx","TimePicker","name","rules","tabIndex","helperText","required","other","control","ref","onChange","field","error","v","newValue","TimePicker_default"],"mappings":"AAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAC3C,OAAS,cAAcC,MAAqB,0BAC5C,OAAOC,MAAW,
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/TimePicker/index.tsx"],"names":["Controller","useFormContext","MuiTimePicker","dayjs","jsx","TimePicker","name","rules","tabIndex","helperText","required","size","other","control","ref","onChange","field","error","v","newValue","TimePicker_default"],"mappings":"AAAA,OAAS,cAAAA,EAAY,kBAAAC,MAAsB,kBAC3C,OAAS,cAAcC,MAAqB,0BAC5C,OAAOC,MAAW,QAwBV,cAAAC,MAAA,oBApBR,IAAMC,EAAa,CAAC,CAClB,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,KAAAC,EACA,GAAGC,CACL,IAAuB,CACrB,GAAM,CAAE,QAAAC,CAAQ,EAAIZ,EAAe,EAEnC,OACEG,EAACJ,EAAA,CACC,KAAMM,EACN,QAASO,EACT,MAAON,EACP,OAAQ,CAAC,CACP,MAAO,CAAE,IAAAO,EAAK,SAAAC,EAAU,GAAGC,CAAM,EACjC,WAAY,CAAE,MAAAC,CAAM,CACtB,IACEb,EAACF,EAAA,CACC,KAAM,GACN,OAAO,QACP,SAAUY,EACT,GAAGE,EACJ,uBAAsBV,EACrB,GAAGM,EACJ,MAAOI,EAAM,MAAQb,EAAMa,EAAM,KAAK,EAAI,KAC1C,SAAUE,GAAK,CACb,IAAMC,EAAWD,EAAIA,EAAE,OAAO,EAAI,KAClCH,EAASI,CAAQ,EACjBP,EAAM,UAAYA,EAAM,SAASO,CAAQ,CAC3C,EACA,UAAW,CACT,UAAW,CACT,GAAGP,EAAM,WAAW,UACpB,KAAAN,EACA,MAAO,CAAC,CAACW,EACT,SAAAP,EACA,WAAYO,GAAO,SAAWR,EAC9B,aAAc,MACd,WAAY,QACZ,UAAW,GACX,KAAAE,CACF,EACA,iBAAkB,CAChB,SAAAH,CACF,CACF,EACF,EAEJ,CAEJ,EAEOY,EAAQf","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport { TimePicker as MuiTimePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { TimePickerProps } from 'types/timePickerProps';\n\nconst TimePicker = ({\n name,\n rules,\n tabIndex,\n helperText,\n required,\n size,\n ...other\n}: TimePickerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({\n field: { ref, onChange, ...field },\n fieldState: { error },\n }) => (\n <MuiTimePicker\n ampm={false}\n format=\"HH:mm\"\n inputRef={ref}\n {...field}\n data-intercom-target={name}\n {...other}\n value={field.value ? dayjs(field.value) : null}\n onChange={v => {\n const newValue = v ? v.toDate() : null;\n onChange(newValue);\n other.onChange && other.onChange(newValue);\n }}\n slotProps={{\n textField: {\n ...other.slotProps?.textField,\n name,\n error: !!error,\n required,\n helperText: error?.message || helperText,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n size,\n },\n openPickerButton: {\n tabIndex,\n },\n }}\n />\n )}\n />\n );\n};\n\nexport default TimePicker;\n"]}
|
|
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { TimePickerProps as TimePickerProps$1 } from '@mui/x-date-pickers-pro';
|
|
3
3
|
import { Dayjs } from 'dayjs';
|
|
4
4
|
import { BaseField } from './baseField.js';
|
|
5
|
+
import { Size } from './size.js';
|
|
5
6
|
import 'react-hook-form';
|
|
6
7
|
|
|
7
8
|
type TimePickerProps = BaseField<Omit<TimePickerProps$1<Dayjs>, 'components' | 'value' | 'onChange'>> & {
|
|
@@ -10,6 +11,7 @@ type TimePickerProps = BaseField<Omit<TimePickerProps$1<Dayjs>, 'components' | '
|
|
|
10
11
|
required?: boolean;
|
|
11
12
|
value?: Date | null | undefined;
|
|
12
13
|
onChange?(value: Date | null | undefined): void;
|
|
14
|
+
size?: Size;
|
|
13
15
|
};
|
|
14
16
|
|
|
15
17
|
export { TimePickerProps };
|