@pdg/react-form 1.0.136 → 1.0.138
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/index.esm.js +5 -5
- package/dist/index.js +5 -5
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -966,13 +966,13 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4;var FormCol = Rea
|
|
|
966
966
|
* ******************************************************************************************************************/
|
|
967
967
|
return (React.createElement(FormContextProvider, { value: __assign(__assign({}, otherFormState), { variant: variant, size: size, color: color, spacing: spacing, focused: focused, labelShrink: labelShrink, fullWidth: fullWidth, formColGap: formColGap, formColXs: xs || formColAutoXs || 12, formColWidth: formColWidth, formColWithLabel: !!label, formColWithHelperText: !!helperText }) },
|
|
968
968
|
React.createElement(Grid, { ref: gridRef, size: { xs: xs || formColAutoXs || 12 }, className: classNames(className, 'FormCol', !!label && 'with-label', !!helperText && 'with-helper-text'), style: hidden ? __assign(__assign({}, initStyle), { display: 'none' }) : initStyle, sx: sx },
|
|
969
|
-
React.createElement(
|
|
970
|
-
label && (React.createElement(
|
|
969
|
+
React.createElement("div", null,
|
|
970
|
+
label && (React.createElement("div", { className: 'FormCol-header' },
|
|
971
971
|
React.createElement(StyledFormLabelContainerDiv, null,
|
|
972
972
|
React.createElement(StyledFormLabel, { className: 'FormCol-FormLabel', size: size, icon: icon, focused: focused, color: color, error: error, warning: warning }, label)))),
|
|
973
|
-
React.createElement(
|
|
973
|
+
React.createElement("div", { className: 'FormCol-content' },
|
|
974
974
|
React.createElement(StyledContentContainerBox, { gap: formColGap }, children)),
|
|
975
|
-
helperText && (React.createElement(
|
|
975
|
+
helperText && (React.createElement("div", { className: 'FormCol-helper-text' },
|
|
976
976
|
React.createElement(FormHelperText, { component: 'div', error: error, style: { marginLeft: helperTextShift ? 14 : 5 } }, helperText)))))));
|
|
977
977
|
});var StyledContainerDiv = styled('div')(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n flex: 1;\n position: relative;\n"], ["\n flex: 1;\n position: relative;\n"])));
|
|
978
978
|
var StyledContentDiv = styled('div')(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"], ["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"])));
|
|
@@ -8161,7 +8161,7 @@ FormDateRangePicker.displayName = 'FormDateRangePicker';var LinkDialog = functio
|
|
|
8161
8161
|
React.createElement(Button, { variant: 'text', onClick: handleCancel }, "\uCDE8\uC18C"),
|
|
8162
8162
|
React.createElement(Button, { variant: 'text', onClick: handleSubmit }, "\uD655\uC778"))));
|
|
8163
8163
|
};var css_248z$1 = ".FormFile .control-wrap {\n display: inline-flex;\n}\n.FormFile .control-wrap .file-name-wrap .file-name {\n min-width: 350px;\n}\n.FormFile .control-wrap .file-name-wrap .file-name .MuiInputBase-root {\n padding-right: 7px;\n}\n.FormFile .control-wrap .input-file {\n display: none;\n}\n.FormFile .control-wrap .input-file-wrap {\n display: flex;\n}\n.FormFile .control-wrap .input-file-wrap .input-file-btn:not(.hidden-label) .PdgIcon {\n margin-left: -3px;\n}\n.FormFile.full-width .control-wrap {\n display: flex;\n}\n.FormFile.full-width .control-wrap .file-name-wrap {\n flex: 1;\n}\n.FormFile.variant-standard .file-name-wrap .file-name .MuiInputBase-root {\n padding-right: 0;\n}\n.FormFile:not(.hide-file-name).variant-outlined .form-file-btn label, .FormFile:not(.hide-file-name).variant-filled .form-file-btn label {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.FormFile:not(.hide-file-name).variant-standard .form-file-btn label {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.FormFile:not(.hide-file-name).size-small .form-file-btn label {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n.FormFile.hide-file-name:not(.with-label).variant-outlined .form-file-btn {\n height: 52px;\n}\n.FormFile.hide-file-name:not(.with-label).variant-filled .form-file-btn {\n height: 52px;\n}\n.FormFile.hide-file-name:not(.with-label).variant-standard .form-file-btn {\n height: 28px;\n}\n.FormFile.hide-file-name:not(.with-label).size-small.variant-outlined .form-file-btn {\n height: 37px;\n}\n.FormFile.hide-file-name:not(.with-label).size-small.variant-filled .form-file-btn {\n height: 44px;\n}\n.FormFile.hide-file-name:not(.with-label).size-small.variant-standard .form-file-btn {\n height: 26px;\n}\n.FormFile.hide-file-name.with-label.variant-outlined .form-file-btn {\n height: 37px;\n}\n.FormFile.hide-file-name.with-label.variant-filled .form-file-btn {\n height: 37px;\n}\n.FormFile.hide-file-name.with-label.variant-standard .form-file-btn {\n height: 28px;\n}\n.FormFile.hide-file-name.with-label.size-small.variant-outlined .form-file-btn {\n height: 24px;\n}\n.FormFile.hide-file-name.with-label.size-small.variant-filled .form-file-btn {\n height: 31px;\n}\n.FormFile.hide-file-name.with-label.size-small.variant-standard .form-file-btn {\n height: 26px;\n}\n\n.Form .FormCol.with-label .FormFile.hide-file-name.variant-outlined .form-file-btn {\n height: 37px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.variant-filled .form-file-btn {\n height: 37px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.variant-standard .form-file-btn {\n height: 28px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.size-small.variant-outlined .form-file-btn {\n height: 24px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.size-small.variant-filled .form-file-btn {\n height: 31px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.size-small.variant-standard .form-file-btn {\n height: 26px;\n}";
|
|
8164
|
-
styleInject(css_248z$1);var StyledPdgButton = styled(PdgButton)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n min-width: 0;\n\n &.input-file-btn {\n padding: 0 !important;\n position: relative;\n\n .PdgFlexRowBox {\n height: 100%;\n
|
|
8164
|
+
styleInject(css_248z$1);var StyledPdgButton = styled(PdgButton)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n min-width: 0;\n\n &.input-file-btn {\n padding: 0 !important;\n position: relative;\n\n .PdgFlexRowBox {\n height: 100%;\n label {\n cursor: pointer;\n display: flex;\n flex: 1;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n padding: 0 10px;\n\n .PdgIcon {\n margin-right: 0.2em;\n }\n }\n }\n }\n\n &.hidden-label.input-file-btn .PdgFlexRowBox label .PdgIcon {\n margin-left: 0;\n margin-right: 0;\n }\n\n &.MuiButton-outlined {\n &:first-of-type:not(:last-of-type) {\n border-right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n &:last-of-type:not(:first-of-type) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n &:not(:first-of-type):not(:last-of-type) {\n border-right: 0;\n border-radius: 0;\n }\n }\n"], ["\n min-width: 0;\n\n &.input-file-btn {\n padding: 0 !important;\n position: relative;\n\n .PdgFlexRowBox {\n height: 100%;\n label {\n cursor: pointer;\n display: flex;\n flex: 1;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n padding: 0 10px;\n\n .PdgIcon {\n margin-right: 0.2em;\n }\n }\n }\n }\n\n &.hidden-label.input-file-btn .PdgFlexRowBox label .PdgIcon {\n margin-left: 0;\n margin-right: 0;\n }\n\n &.MuiButton-outlined {\n &:first-of-type:not(:last-of-type) {\n border-right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n &:last-of-type:not(:first-of-type) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n &:not(:first-of-type):not(:last-of-type) {\n border-right: 0;\n border-radius: 0;\n }\n }\n"])));
|
|
8165
8165
|
var templateObject_1$1;var getFinalValue$5 = function (value) { return value || ''; };var FILE_VALUE = '';
|
|
8166
8166
|
var FormFile = React.forwardRef(function (_a, ref) {
|
|
8167
8167
|
/********************************************************************************************************************
|
package/dist/index.js
CHANGED
|
@@ -966,13 +966,13 @@ var templateObject_1$f, templateObject_2$8, templateObject_3$4;var FormCol = Rea
|
|
|
966
966
|
* ******************************************************************************************************************/
|
|
967
967
|
return (React.createElement(FormContextProvider, { value: __assign(__assign({}, otherFormState), { variant: variant, size: size, color: color, spacing: spacing, focused: focused, labelShrink: labelShrink, fullWidth: fullWidth, formColGap: formColGap, formColXs: xs || formColAutoXs || 12, formColWidth: formColWidth, formColWithLabel: !!label, formColWithHelperText: !!helperText }) },
|
|
968
968
|
React.createElement(material.Grid, { ref: gridRef, size: { xs: xs || formColAutoXs || 12 }, className: classNames(className, 'FormCol', !!label && 'with-label', !!helperText && 'with-helper-text'), style: hidden ? __assign(__assign({}, initStyle), { display: 'none' }) : initStyle, sx: sx },
|
|
969
|
-
React.createElement(
|
|
970
|
-
label && (React.createElement(
|
|
969
|
+
React.createElement("div", null,
|
|
970
|
+
label && (React.createElement("div", { className: 'FormCol-header' },
|
|
971
971
|
React.createElement(StyledFormLabelContainerDiv, null,
|
|
972
972
|
React.createElement(StyledFormLabel, { className: 'FormCol-FormLabel', size: size, icon: icon, focused: focused, color: color, error: error, warning: warning }, label)))),
|
|
973
|
-
React.createElement(
|
|
973
|
+
React.createElement("div", { className: 'FormCol-content' },
|
|
974
974
|
React.createElement(StyledContentContainerBox, { gap: formColGap }, children)),
|
|
975
|
-
helperText && (React.createElement(
|
|
975
|
+
helperText && (React.createElement("div", { className: 'FormCol-helper-text' },
|
|
976
976
|
React.createElement(material.FormHelperText, { component: 'div', error: error, style: { marginLeft: helperTextShift ? 14 : 5 } }, helperText)))))));
|
|
977
977
|
});var StyledContainerDiv = material.styled('div')(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n flex: 1;\n position: relative;\n"], ["\n flex: 1;\n position: relative;\n"])));
|
|
978
978
|
var StyledContentDiv = material.styled('div')(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"], ["\n ::-webkit-scrollbar {\n width: 8px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 100px;\n }\n\n ::-webkit-scrollbar-thumb:hover {\n background-color: #cfcfcf;\n border-radius: 100px;\n }\n"])));
|
|
@@ -8161,7 +8161,7 @@ FormDateRangePicker.displayName = 'FormDateRangePicker';var LinkDialog = functio
|
|
|
8161
8161
|
React.createElement(material.Button, { variant: 'text', onClick: handleCancel }, "\uCDE8\uC18C"),
|
|
8162
8162
|
React.createElement(material.Button, { variant: 'text', onClick: handleSubmit }, "\uD655\uC778"))));
|
|
8163
8163
|
};var css_248z$1 = ".FormFile .control-wrap {\n display: inline-flex;\n}\n.FormFile .control-wrap .file-name-wrap .file-name {\n min-width: 350px;\n}\n.FormFile .control-wrap .file-name-wrap .file-name .MuiInputBase-root {\n padding-right: 7px;\n}\n.FormFile .control-wrap .input-file {\n display: none;\n}\n.FormFile .control-wrap .input-file-wrap {\n display: flex;\n}\n.FormFile .control-wrap .input-file-wrap .input-file-btn:not(.hidden-label) .PdgIcon {\n margin-left: -3px;\n}\n.FormFile.full-width .control-wrap {\n display: flex;\n}\n.FormFile.full-width .control-wrap .file-name-wrap {\n flex: 1;\n}\n.FormFile.variant-standard .file-name-wrap .file-name .MuiInputBase-root {\n padding-right: 0;\n}\n.FormFile:not(.hide-file-name).variant-outlined .form-file-btn label, .FormFile:not(.hide-file-name).variant-filled .form-file-btn label {\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.FormFile:not(.hide-file-name).variant-standard .form-file-btn label {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n.FormFile:not(.hide-file-name).size-small .form-file-btn label {\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\n.FormFile.hide-file-name:not(.with-label).variant-outlined .form-file-btn {\n height: 52px;\n}\n.FormFile.hide-file-name:not(.with-label).variant-filled .form-file-btn {\n height: 52px;\n}\n.FormFile.hide-file-name:not(.with-label).variant-standard .form-file-btn {\n height: 28px;\n}\n.FormFile.hide-file-name:not(.with-label).size-small.variant-outlined .form-file-btn {\n height: 37px;\n}\n.FormFile.hide-file-name:not(.with-label).size-small.variant-filled .form-file-btn {\n height: 44px;\n}\n.FormFile.hide-file-name:not(.with-label).size-small.variant-standard .form-file-btn {\n height: 26px;\n}\n.FormFile.hide-file-name.with-label.variant-outlined .form-file-btn {\n height: 37px;\n}\n.FormFile.hide-file-name.with-label.variant-filled .form-file-btn {\n height: 37px;\n}\n.FormFile.hide-file-name.with-label.variant-standard .form-file-btn {\n height: 28px;\n}\n.FormFile.hide-file-name.with-label.size-small.variant-outlined .form-file-btn {\n height: 24px;\n}\n.FormFile.hide-file-name.with-label.size-small.variant-filled .form-file-btn {\n height: 31px;\n}\n.FormFile.hide-file-name.with-label.size-small.variant-standard .form-file-btn {\n height: 26px;\n}\n\n.Form .FormCol.with-label .FormFile.hide-file-name.variant-outlined .form-file-btn {\n height: 37px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.variant-filled .form-file-btn {\n height: 37px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.variant-standard .form-file-btn {\n height: 28px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.size-small.variant-outlined .form-file-btn {\n height: 24px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.size-small.variant-filled .form-file-btn {\n height: 31px;\n}\n.Form .FormCol.with-label .FormFile.hide-file-name.size-small.variant-standard .form-file-btn {\n height: 26px;\n}";
|
|
8164
|
-
styleInject(css_248z$1);var StyledPdgButton = material.styled(reactComponent.PdgButton)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n min-width: 0;\n\n &.input-file-btn {\n padding: 0 !important;\n position: relative;\n\n .PdgFlexRowBox {\n height: 100%;\n
|
|
8164
|
+
styleInject(css_248z$1);var StyledPdgButton = material.styled(reactComponent.PdgButton)(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n min-width: 0;\n\n &.input-file-btn {\n padding: 0 !important;\n position: relative;\n\n .PdgFlexRowBox {\n height: 100%;\n label {\n cursor: pointer;\n display: flex;\n flex: 1;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n padding: 0 10px;\n\n .PdgIcon {\n margin-right: 0.2em;\n }\n }\n }\n }\n\n &.hidden-label.input-file-btn .PdgFlexRowBox label .PdgIcon {\n margin-left: 0;\n margin-right: 0;\n }\n\n &.MuiButton-outlined {\n &:first-of-type:not(:last-of-type) {\n border-right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n &:last-of-type:not(:first-of-type) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n &:not(:first-of-type):not(:last-of-type) {\n border-right: 0;\n border-radius: 0;\n }\n }\n"], ["\n min-width: 0;\n\n &.input-file-btn {\n padding: 0 !important;\n position: relative;\n\n .PdgFlexRowBox {\n height: 100%;\n label {\n cursor: pointer;\n display: flex;\n flex: 1;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n padding: 0 10px;\n\n .PdgIcon {\n margin-right: 0.2em;\n }\n }\n }\n }\n\n &.hidden-label.input-file-btn .PdgFlexRowBox label .PdgIcon {\n margin-left: 0;\n margin-right: 0;\n }\n\n &.MuiButton-outlined {\n &:first-of-type:not(:last-of-type) {\n border-right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n &:last-of-type:not(:first-of-type) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n &:not(:first-of-type):not(:last-of-type) {\n border-right: 0;\n border-radius: 0;\n }\n }\n"])));
|
|
8165
8165
|
var templateObject_1$1;var getFinalValue$5 = function (value) { return value || ''; };var FILE_VALUE = '';
|
|
8166
8166
|
var FormFile = React.forwardRef(function (_a, ref) {
|
|
8167
8167
|
/********************************************************************************************************************
|