@linzjs/lui 15.1.1 → 15.1.2

package/dist/lui.esm.js

@@ -441,7 +441,16 @@ var LuiTabsPanelSwitch = function (props) {
         } }, props.children));
 };
 
+function useDeprecatedWarning(componentName) {
+    useEffect(function () {
+        if (window.location.hostname.includes('localhost')) {
+            console.warn(componentName + " will be deprecated in future versions of Lui. Please see the 'Current Deprecations' page in Lui docs.");
+        }
+    }, []);
+}
+
 function LuiFormikForm(props) {
+    useDeprecatedWarning('LuiFormikForm');
     // this spreads all keys, except className
     var _a = __assign({}, props); _a.className; var formikProps = __rest(_a, ["className"]);
     var classNames = clsx(props.className);
@@ -997,6 +1006,7 @@ var LuiRadioInput = function (props) {
 };
 
 function LuiFormikCheckbox(props) {
+    useDeprecatedWarning('LuiFormikCheckbox');
     var ctx = useFormikContext();
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Field, { name: props.name }, function (_a) {
@@ -1011,18 +1021,22 @@ function LuiFormikCheckbox(props) {
         })));
 }
 
-var LuiFormikFormLabel = function (props) { return (React__default.createElement("div", { className: clsx('LuiFormLabel-wrapper', props.className && "" + props.className) },
-    props.children,
-    React__default.createElement("label", { className: "LuiFormLabel", htmlFor: props["for"] },
-        props.required && React__default.createElement("span", { className: "lui-required-input-icon" }, "*"),
-        props.label),
-    props.tooltip && React__default.createElement("i", { className: "material-icons-round" }, "help"))); };
+var LuiFormikFormLabel = function (props) {
+    useDeprecatedWarning('LuiFormikFormLabel');
+    return (React__default.createElement("div", { className: clsx('LuiFormLabel-wrapper', props.className && "" + props.className) },
+        props.children,
+        React__default.createElement("label", { className: "LuiFormLabel", htmlFor: props["for"] },
+            props.required && React__default.createElement("span", { className: "lui-required-input-icon" }, "*"),
+            props.label),
+        props.tooltip && React__default.createElement("i", { className: "material-icons-round" }, "help")));
+};
 
 var LuiFormikTextInput = connect(function (props) {
     var error = getIn(props.formik.errors, props.name);
     var touch = getIn(props.formik.touched, props.name);
     var showError = touch && error;
     var setFieldValue = useFormikContext().setFieldValue;
+    useDeprecatedWarning('LuiFormikTextInput');
     var multiLineToggle = function (field) {
         return !props.multiLine ? (React__default.createElement("input", __assign({ id: props.name, "data-testid": props.name }, field, { type: "text" }, props.inputProps, { onChange: function (event) {
                 var _a;
@@ -1058,6 +1072,7 @@ var LuiFormikTextInput = connect(function (props) {
 
 var LuiFormikRadioButton = function (props) {
     var _a = useField(props), field = _a[0], meta = _a[1];
+    useDeprecatedWarning('LuiFormikRadioButton');
     return (React__default.createElement("div", { className: props.className },
         meta.touched && meta.error && (React__default.createElement("i", { className: "lui-form-status-icon material-icons-round" }, "error")),
         React__default.createElement("div", { className: 'lui-radio-container' },
@@ -1206,6 +1221,7 @@ var LuiFormikRadioGroup = function (props) {
     var error = getIn(ctx.errors, props.name);
     var touch = getIn(ctx.touched, props.name);
     var showError = touch && error;
+    useDeprecatedWarning('LuiFormikRadioGroup');
     var describedby = props.hint && camelcase(props === null || props === void 0 ? void 0 : props.hint) + 'Id';
     var errorDescribedBy = error && camelcase(error) + 'Id';
     return (React__default.createElement("div", { className: clsx('lui-fieldsetBlock-form-group', showError && 'lui-input-error') },
@@ -1221,10 +1237,12 @@ var LuiFormikRadioGroup = function (props) {
 };
 
 var LuiFormikFormSubmitButton = connect(function (props) {
+    useDeprecatedWarning('LuiFormikFormSubmitButton');
     return (React__default.createElement(LuiButton, { type: "submit", className: props.className, level: "primary", "data-testid": props['data-testid'], disabled: !!props.disabled }, props.children));
 });
 
 var LuiFormikSelect = connect(function (props) {
+    useDeprecatedWarning('LuiFormikSelect');
     var error = getIn(props.formik.errors, props.name);
     var touch = getIn(props.formik.touched, props.name);
     var showError = touch && error;