@pipelinesolucoes/form 1.3.5 → 1.3.7

package/dist/components/Field.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TypographyVariant } from '@mui/material/styles';
+import { BorderProps, ColorProps, LayoutProps } from '@pipelinesolucoes/theme';
+export interface FieldProps extends Omit<ColorProps, 'backgroundHover' | 'backgroundFocused' | 'backgroundDisabled' | 'colorHover' | 'colorDisabled' | 'colorFocused'>, Omit<BorderProps, 'border'>, Pick<LayoutProps, 'height' | 'padding' | 'margin' | "maxWidth"> {
+    label: string;
+    textVariantLabel?: TypographyVariant;
+    colorLabel: string;
+    value?: string | number | null;
+    textVariantField?: TypographyVariant;
+}
+declare const Field: React.FC<FieldProps>;
+export default Field;

package/dist/components/Field.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@mui/material';
+import { styled, useTheme } from '@mui/material/styles';
+import { fbbackground, fbborderColor, fbborderRadius, fbboxShadow, fbcolor, fbheigth, fbmargin, fbpadding } from '@/constant';
+const StyledContainer = styled(Box, {
+    shouldForwardProp: (prop) => ![
+        'maxWidth',
+        'background',
+        'backgroundFocused',
+        'backgroundDisabled',
+        'color',
+        'colorFocused',
+        'colorDisabled',
+        'borderRadius',
+        'boxShadow',
+        'borderColor',
+        'textVariant',
+        'padding',
+        'height',
+        'margin',
+        'disabled',
+        'focused',
+    ].includes(prop),
+})(({ maxWidth, background, color, borderRadius, boxShadow, borderColor, padding, height, margin, typo, theme, }) => (Object.assign({ display: 'flex', flexDirection: 'column', minWidth: 150, maxWidth: maxWidth || '100%', background: background || 'transparent', color: color || theme.palette.text.primary, borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : theme.shape.borderRadius, boxShadow: boxShadow !== null && boxShadow !== void 0 ? boxShadow : 'none', border: borderColor ? `1px solid ${borderColor}` : 'none', padding: padding !== null && padding !== void 0 ? padding : theme.spacing(1), height: height !== null && height !== void 0 ? height : 'auto', margin: margin !== null && margin !== void 0 ? margin : 0 }, (typo !== null && typo !== void 0 ? typo : {}))));
+const LabelStyle = styled(Box, {
+    shouldForwardProp: (prop) => !['color', 'typo',].includes(prop),
+})(({ color, typo, theme, }) => (Object.assign({ color: color || theme.palette.text.primary }, (typo !== null && typo !== void 0 ? typo : {}))));
+const Field = ({ label, textVariantLabel, colorLabel, value, background, color, borderRadius, boxShadow, borderColor, textVariantField, padding, height, margin, maxWidth = '100%' }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    const theme = useTheme();
+    // props -> tokens -> fallback
+    const field = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.forms) === null || _b === void 0 ? void 0 : _b.field;
+    const bg = (_c = background !== null && background !== void 0 ? background : field === null || field === void 0 ? void 0 : field.background) !== null && _c !== void 0 ? _c : fbbackground;
+    const txt = (_d = color !== null && color !== void 0 ? color : field === null || field === void 0 ? void 0 : field.color) !== null && _d !== void 0 ? _d : fbcolor;
+    const br = (_e = borderRadius !== null && borderRadius !== void 0 ? borderRadius : field === null || field === void 0 ? void 0 : field.borderRadius) !== null && _e !== void 0 ? _e : fbborderRadius;
+    const sh = (_f = boxShadow !== null && boxShadow !== void 0 ? boxShadow : field === null || field === void 0 ? void 0 : field.boxShadow) !== null && _f !== void 0 ? _f : fbboxShadow;
+    const bd = (_g = borderColor !== null && borderColor !== void 0 ? borderColor : field === null || field === void 0 ? void 0 : field.borderColor) !== null && _g !== void 0 ? _g : fbborderColor;
+    const pad = (_h = padding !== null && padding !== void 0 ? padding : field === null || field === void 0 ? void 0 : field.padding) !== null && _h !== void 0 ? _h : fbpadding;
+    const mg = (_j = margin !== null && margin !== void 0 ? margin : field === null || field === void 0 ? void 0 : field.margin) !== null && _j !== void 0 ? _j : fbmargin;
+    const hg = (_k = height !== null && height !== void 0 ? height : field === null || field === void 0 ? void 0 : field.height) !== null && _k !== void 0 ? _k : fbheigth;
+    const typoField = (_m = (_l = (textVariantField && theme.typography[textVariantField])) !== null && _l !== void 0 ? _l : field === null || field === void 0 ? void 0 : field.typography) !== null && _m !== void 0 ? _m : theme.typography.body1;
+    const labelTheme = (_p = (_o = theme.pipelinesolucoes) === null || _o === void 0 ? void 0 : _o.forms) === null || _p === void 0 ? void 0 : _p.label;
+    const typoLabel = (_r = (_q = (textVariantLabel && theme.typography[textVariantLabel])) !== null && _q !== void 0 ? _q : labelTheme === null || labelTheme === void 0 ? void 0 : labelTheme.typography) !== null && _r !== void 0 ? _r : theme.typography.body1;
+    const color_label = (_s = colorLabel !== null && colorLabel !== void 0 ? colorLabel : labelTheme === null || labelTheme === void 0 ? void 0 : labelTheme.color) !== null && _s !== void 0 ? _s : fbcolor;
+    return (_jsxs(StyledContainer, { maxWidth: maxWidth, background: bg, color: txt, borderRadius: br, boxShadow: sh, borderColor: bd, padding: pad, height: hg, margin: mg, typo: typoField, children: [_jsx(LabelStyle, { typo: typoLabel, color: color_label, children: label }), _jsx("div", { children: value !== null && value !== void 0 ? value : '-' })] }));
+};
+Field.displayName = 'Field';
+export default Field;
+//# sourceMappingURL=Field.js.map

package/dist/components/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/components/Field.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAa,MAAM,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEtF,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAe9H,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,EAAE;IAClC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,UAAU;QACV,YAAY;QACZ,mBAAmB;QACnB,oBAAoB;QACpB,OAAO;QACP,cAAc;QACd,eAAe;QACf,cAAc;QACd,WAAW;QACX,aAAa;QACb,aAAa;QACb,SAAS;QACT,QAAQ;QACR,QAAQ;QACR,UAAU;QACV,SAAS;KACV,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAKA,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EACjE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,CAAC,iBAE5C,OAAO,EAAE,MAAM,EACf,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,QAAQ,IAAI,MAAM,EAC5B,UAAU,EAAE,UAAU,IAAI,aAAa,EACvC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAC1C,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,CAAC,KAAK,CAAC,YAAY,EACtD,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,MAAM,EAC9B,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,EACzD,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EACpC,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,MAAM,EACxB,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,CAAC,IAChB,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,EACf,CACH,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;IAC7B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,OAAO,EAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC9C,CAAC,CAGA,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,CAAC,iBAC1B,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,IACvC,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,EAAE,CAAC,EACf,CACH,CAAC;AAGF,MAAM,KAAK,GAAyB,CAAC,EACnC,KAAK,EACL,gBAAgB,EAChB,UAAU,EAEV,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,gBAAgB,EAEhB,OAAO,EACP,MAAM,EACN,MAAM,EAEN,QAAQ,GAAG,MAAM,EAAE,EAAE,EAAE;;IAGvB,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,8BAA8B;IAC9B,MAAM,KAAK,GAAG,MAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAE,KAAK,0CAAE,KAAK,CAAC;IACnD,MAAM,EAAE,GAAG,MAAA,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,mCAAI,YAAY,CAAC;IAC3D,MAAM,GAAG,GAAG,MAAA,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,OAAO,CAAC;IAC7C,MAAM,EAAE,GAAG,MAAA,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,mCAAI,cAAc,CAAC;IACjE,MAAM,EAAE,GAAG,MAAA,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,mCAAI,WAAW,CAAC;IACxD,MAAM,EAAE,GAAG,MAAA,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,mCAAI,aAAa,CAAC;IAC9D,MAAM,GAAG,GAAG,MAAA,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,mCAAI,SAAS,CAAC;IACnD,MAAM,EAAE,GAAG,MAAA,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,QAAQ,CAAC;IAC/C,MAAM,EAAE,GAAG,MAAA,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,mCAAI,QAAQ,CAAC;IAE/C,MAAM,SAAS,GACb,MAAA,MAAA,CAAC,gBAAgB,IAAI,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,mCACxD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,mCACjB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;IAEzB,MAAM,UAAU,GAAG,MAAA,MAAA,KAAK,CAAC,gBAAgB,0CAAE,KAAK,0CAAE,KAAK,CAAC;IACxD,MAAM,SAAS,GACb,MAAA,MAAA,CAAC,gBAAgB,IAAI,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,mCACxD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,mCACtB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;IACzB,MAAM,WAAW,GAAG,MAAA,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,OAAO,CAAC;IAE/D,OAAO,CACL,MAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,EACnD,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,aAEnD,KAAC,UAAU,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,YAAG,KAAK,GAAc,EACrE,wBAAM,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,GAAG,GAAO,IAET,CACnB,CAAC;AACJ,CAAC,CAAC;AAGF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,eAAe,KAAK,CAAC"}

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { default as FormMessage } from './components/FormMessage';
 export { default as NotificationSnackbar } from './components/NotificationSnackbar';
 export { default as SelectField } from './components/SelectField';
 export { default as ChipList } from './components/ChipList';
+export { default as Field } from './components/Field';
 export { default as TextFieldValidate } from './components/TextFieldValidate';
 export { default as TextFieldPassword } from './components/TextFieldPassword';
 export { default as TextFieldNumberValidate } from './components/TextFieldNumberValidate';

package/dist/index.js

@@ -3,6 +3,7 @@ export { default as FormMessage } from './components/FormMessage';
 export { default as NotificationSnackbar } from './components/NotificationSnackbar';
 export { default as SelectField } from './components/SelectField';
 export { default as ChipList } from './components/ChipList';
+export { default as Field } from './components/Field';
 export { default as TextFieldValidate } from './components/TextFieldValidate';
 export { default as TextFieldPassword } from './components/TextFieldPassword';
 export { default as TextFieldNumberValidate } from './components/TextFieldNumberValidate';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAC,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEpF,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAC,MAAM,0BAA0B,CAAC;AAEjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEpF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEpF,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC"}

package/dist/theme.js

@@ -17,6 +17,9 @@ export const formThemeOptions = {
                 borderColor: "#ccc",
                 padding: "4px 8px",
             },
+            label: {
+                color: "#000",
+            },
             button: {
                 background: "#216fed",
                 backgroundHover: "#005ce3",

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C,gBAAgB,EAAE;QAChB,KAAK,EAAE;YACL,UAAU,EAAE,yCAAyC;YACrD,YAAY,EAAE,MAAM;YAEpB,YAAY,EAAE;gBACZ,UAAU,EAAE,MAAM;aACnB;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,MAAM;gBAClB,kBAAkB,EAAE,SAAS;gBAC7B,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,MAAM;gBACpB,aAAa,EAAE,SAAS;gBACxB,YAAY,EAAE,GAAG;gBACjB,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,OAAO,EAAE,SAAS;aACnB;YACD,MAAM,EAAE;gBACN,UAAU,EAAE,SAAS;gBACrB,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,MAAM;gBAClB,YAAY,EAAE,QAAQ;gBACtB,OAAO,EAAE,UAAU;aACpB;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAiB;IAC5C,gBAAgB,EAAE;QAChB,KAAK,EAAE;YACL,UAAU,EAAE,yCAAyC;YACrD,YAAY,EAAE,MAAM;YAEpB,YAAY,EAAE;gBACZ,UAAU,EAAE,MAAM;aACnB;YACD,KAAK,EAAE;gBACL,UAAU,EAAE,MAAM;gBAClB,kBAAkB,EAAE,SAAS;gBAC7B,KAAK,EAAE,MAAM;gBACb,YAAY,EAAE,MAAM;gBACpB,aAAa,EAAE,SAAS;gBACxB,YAAY,EAAE,GAAG;gBACjB,SAAS,EAAE,MAAM;gBACjB,WAAW,EAAE,MAAM;gBACnB,OAAO,EAAE,SAAS;aACnB;YACD,KAAK,EAAC;gBACJ,KAAK,EAAE,MAAM;aACd;YACD,MAAM,EAAE;gBACN,UAAU,EAAE,SAAS;gBACrB,eAAe,EAAE,SAAS;gBAC1B,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,MAAM;gBAClB,YAAY,EAAE,QAAQ;gBACtB,OAAO,EAAE,UAAU;aACpB;SACF;KACF;CACF,CAAC"}