@alfalab/core-components 46.0.0-beta.2 → 46.0.0-beta.3

package/side-panel/modern/components/footer/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-f1c80687.js';
+import { l as layoutStyles } from '../../layout.module-39651e51.js';
 import '../../../../base-modal/modern';
 
 const styles = {"footer":"side-panel__footer_11ctg","sticky":"side-panel__sticky_11ctg","highlighted":"side-panel__highlighted_11ctg"};

package/side-panel/modern/components/footer/Component.mobile.js

@@ -5,7 +5,7 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-f1c80687.js';
+import '../../layout.module-39651e51.js';
 
 const styles = {"footer":"side-panel__footer_ezvfb","sticky":"side-panel__sticky_ezvfb"};
 require('./mobile.css');

package/side-panel/modern/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../../../base-modal/modern';
-import '../layout.module-f1c80687.js';
+import '../layout.module-39651e51.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 

package/side-panel/modern/desktop/index.js

@@ -11,7 +11,7 @@ import '../Context.js';
 import '../../../base-modal/modern';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-f1c80687.js';
+import '../layout.module-39651e51.js';
 import '../components/footer/Component.desktop.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/side-panel/modern/index.js

@@ -5,7 +5,7 @@ import '../../shared/modern';
 import './components/controls/Component.js';
 import 'classnames';
 import './ResponsiveContext.js';
-import './layout.module-f1c80687.js';
+import './layout.module-39651e51.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';
 import './consts.js';

package/side-panel/modern/mobile/Component.mobile.js

@@ -9,7 +9,7 @@ import { ResponsiveContext } from '../ResponsiveContext.js';
 import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-f1c80687.js';
+import '../layout.module-39651e51.js';
 import '../components/footer/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../consts.js';

package/side-panel/modern/mobile/index.js

@@ -8,7 +8,7 @@ import '../../../shared/modern';
 import '../Context.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
-import '../layout.module-f1c80687.js';
+import '../layout.module-39651e51.js';
 import '../components/footer/Component.mobile.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';

package/stack/component.js

@@ -1,18 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var context = require('./context.js');
+var stackContext = require('@alfalab/stack-context');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Stack = function (_a) {
-    var children = _a.children, _b = _a.value, value = _b === void 0 ? context.stackingOrder.DEFAULT : _b;
-    var previousValue = React.useContext(context.StackingContext);
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? stackContext.stackingOrder.DEFAULT : _b;
+    var previousValue = React.useContext(stackContext.StackingContext);
     var currentValue = Math.max(value, previousValue);
     var nextValue = currentValue + 1;
-    return (React__default.default.createElement(context.StackingContext.Provider, { value: nextValue }, children(currentValue)));
+    return (React__default.default.createElement(stackContext.StackingContext.Provider, { value: nextValue }, children(currentValue)));
 };
 
 exports.Stack = Stack;

package/stack/cssm/component.js

@@ -1,18 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var context = require('./context.js');
+var stackContext = require('@alfalab/stack-context');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Stack = function (_a) {
-    var children = _a.children, _b = _a.value, value = _b === void 0 ? context.stackingOrder.DEFAULT : _b;
-    var previousValue = React.useContext(context.StackingContext);
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? stackContext.stackingOrder.DEFAULT : _b;
+    var previousValue = React.useContext(stackContext.StackingContext);
     var currentValue = Math.max(value, previousValue);
     var nextValue = currentValue + 1;
-    return (React__default.default.createElement(context.StackingContext.Provider, { value: nextValue }, children(currentValue)));
+    return (React__default.default.createElement(stackContext.StackingContext.Provider, { value: nextValue }, children(currentValue)));
 };
 
 exports.Stack = Stack;

package/stack/cssm/index.d.ts

@@ -1,2 +1 @@
-export * from "./context";
 export * from "./component";

package/stack/cssm/index.js

@@ -1,10 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var context = require('./context.js');
 var component = require('./component.js');
 
 
 
-exports.StackingContext = context.StackingContext;
-exports.stackingOrder = context.stackingOrder;
 exports.Stack = component.Stack;

package/stack/esm/component.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { stackingOrder, StackingContext } from './context.js';
+import { stackingOrder, StackingContext } from '@alfalab/stack-context';
 
 var Stack = function (_a) {
     var children = _a.children, _b = _a.value, value = _b === void 0 ? stackingOrder.DEFAULT : _b;

package/stack/esm/index.d.ts

@@ -1,2 +1 @@
-export * from "./context";
 export * from "./component";

package/stack/esm/index.js

@@ -1,3 +1,3 @@
-export { StackingContext, stackingOrder } from './context.js';
 export { Stack } from './component.js';
 import 'react';
+import '@alfalab/stack-context';

package/stack/index.d.ts

@@ -1,2 +1 @@
-export * from "./context";
 export * from "./component";

package/stack/index.js

@@ -1,10 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var context = require('./context.js');
 var component = require('./component.js');
 
 
 
-exports.StackingContext = context.StackingContext;
-exports.stackingOrder = context.stackingOrder;
 exports.Stack = component.Stack;

package/stack/modern/component.js

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { StackingContext, stackingOrder } from './context.js';
+import { StackingContext, stackingOrder } from '@alfalab/stack-context';
 
 const Stack = ({ children, value = stackingOrder.DEFAULT }) => {
     const previousValue = useContext(StackingContext);

package/stack/modern/index.d.ts

@@ -1,2 +1 @@
-export * from "./context";
 export * from "./component";

package/stack/modern/index.js

@@ -1,3 +1,3 @@
-export { StackingContext, stackingOrder } from './context.js';
 export { Stack } from './component.js';
 import 'react';
+import '@alfalab/stack-context';

package/steps/Component.js

@@ -15,26 +15,27 @@ require('./index.css');
 var Steps = function (_a) {
     var _b;
     var className = _a.className, children = _a.children, _c = _a.defaultActiveStep, defaultActiveStep = _c === void 0 ? 1 : _c, activeStepProp = _a.activeStep, _d = _a.isMarkCompletedSteps, isMarkCompletedSteps = _d === void 0 ? true : _d, _e = _a.isVerticalAlign, isVerticalAlign = _e === void 0 ? false : _e, _f = _a.ordered, ordered = _f === void 0 ? true : _f, _g = _a.interactive, interactive = _g === void 0 ? true : _g, _h = _a.fullWidth, fullWidth = _h === void 0 ? false : _h, _j = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _j === void 0 ? 24 : _j, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId;
-    var uncontrolled = activeStepProp === undefined;
-    var _k = React.useState(defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
+    var _k = React.useState(activeStepProp || defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
     var stepsLength = React__default.default.Children.count(children);
-    var handleStepClick = function (stepNumber) {
-        if (uncontrolled) {
-            setActiveStep(stepNumber);
+    React.useEffect(function () {
+        if (activeStepProp) {
+            setActiveStep(activeStepProp);
         }
+    }, [activeStepProp]);
+    var handleStepClick = function (stepNumber) {
+        setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
         }
     };
     if (!stepsLength)
         return null;
-    var visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
     return (React__default.default.createElement("div", { className: cn__default.default(className, styles.component, (_b = {},
             _b[styles.vertical] = isVerticalAlign,
             _b)), "data-test-id": dataTestId }, React__default.default.Children.map(children, function (step, index) {
         var stepNumber = index + 1;
-        var isSelected = stepNumber === visibleActiveStep;
-        var isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;
+        var isSelected = stepNumber === activeStep;
+        var isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
         var disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
         var isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
         var isError = checkIsStepError ? checkIsStepError(stepNumber) : false;

package/steps/cssm/Component.js

@@ -14,26 +14,27 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Steps = function (_a) {
     var _b;
     var className = _a.className, children = _a.children, _c = _a.defaultActiveStep, defaultActiveStep = _c === void 0 ? 1 : _c, activeStepProp = _a.activeStep, _d = _a.isMarkCompletedSteps, isMarkCompletedSteps = _d === void 0 ? true : _d, _e = _a.isVerticalAlign, isVerticalAlign = _e === void 0 ? false : _e, _f = _a.ordered, ordered = _f === void 0 ? true : _f, _g = _a.interactive, interactive = _g === void 0 ? true : _g, _h = _a.fullWidth, fullWidth = _h === void 0 ? false : _h, _j = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _j === void 0 ? 24 : _j, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId;
-    var uncontrolled = activeStepProp === undefined;
-    var _k = React.useState(defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
+    var _k = React.useState(activeStepProp || defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
     var stepsLength = React__default.default.Children.count(children);
-    var handleStepClick = function (stepNumber) {
-        if (uncontrolled) {
-            setActiveStep(stepNumber);
+    React.useEffect(function () {
+        if (activeStepProp) {
+            setActiveStep(activeStepProp);
         }
+    }, [activeStepProp]);
+    var handleStepClick = function (stepNumber) {
+        setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
         }
     };
     if (!stepsLength)
         return null;
-    var visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
     return (React__default.default.createElement("div", { className: cn__default.default(className, styles__default.default.component, (_b = {},
             _b[styles__default.default.vertical] = isVerticalAlign,
             _b)), "data-test-id": dataTestId }, React__default.default.Children.map(children, function (step, index) {
         var stepNumber = index + 1;
-        var isSelected = stepNumber === visibleActiveStep;
-        var isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;
+        var isSelected = stepNumber === activeStep;
+        var isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
         var disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
         var isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
         var isError = checkIsStepError ? checkIsStepError(stepNumber) : false;

package/steps/esm/Component.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { Step } from './components/step/Component.js';
 import 'tslib';
@@ -15,26 +15,27 @@ require('./index.css');
 var Steps = function (_a) {
     var _b;
     var className = _a.className, children = _a.children, _c = _a.defaultActiveStep, defaultActiveStep = _c === void 0 ? 1 : _c, activeStepProp = _a.activeStep, _d = _a.isMarkCompletedSteps, isMarkCompletedSteps = _d === void 0 ? true : _d, _e = _a.isVerticalAlign, isVerticalAlign = _e === void 0 ? false : _e, _f = _a.ordered, ordered = _f === void 0 ? true : _f, _g = _a.interactive, interactive = _g === void 0 ? true : _g, _h = _a.fullWidth, fullWidth = _h === void 0 ? false : _h, _j = _a.minSpaceBetweenSteps, minSpaceBetweenSteps = _j === void 0 ? 24 : _j, checkIsStepDisabled = _a.checkIsStepDisabled, checkIsStepError = _a.checkIsStepError, checkIsStepWarning = _a.checkIsStepWarning, checkIsStepWaiting = _a.checkIsStepWaiting, checkIsStepPositive = _a.checkIsStepPositive, checkIsStepCustom = _a.checkIsStepCustom, onChange = _a.onChange, dataTestId = _a.dataTestId;
-    var uncontrolled = activeStepProp === undefined;
-    var _k = useState(defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
+    var _k = useState(activeStepProp || defaultActiveStep), activeStep = _k[0], setActiveStep = _k[1];
     var stepsLength = React.Children.count(children);
-    var handleStepClick = function (stepNumber) {
-        if (uncontrolled) {
-            setActiveStep(stepNumber);
+    useEffect(function () {
+        if (activeStepProp) {
+            setActiveStep(activeStepProp);
         }
+    }, [activeStepProp]);
+    var handleStepClick = function (stepNumber) {
+        setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
         }
     };
     if (!stepsLength)
         return null;
-    var visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
     return (React.createElement("div", { className: cn(className, styles.component, (_b = {},
             _b[styles.vertical] = isVerticalAlign,
             _b)), "data-test-id": dataTestId }, React.Children.map(children, function (step, index) {
         var stepNumber = index + 1;
-        var isSelected = stepNumber === visibleActiveStep;
-        var isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;
+        var isSelected = stepNumber === activeStep;
+        var isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
         var disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
         var isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
         var isError = checkIsStepError ? checkIsStepError(stepNumber) : false;

package/steps/modern/Component.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { Step } from './components/step/Component.js';
 import '@alfalab/hooks';
@@ -12,26 +12,27 @@ const styles = {"component":"steps__component_1n1l2","vertical":"steps__vertical
 require('./index.css');
 
 const Steps = ({ className, children, defaultActiveStep = 1, activeStep: activeStepProp, isMarkCompletedSteps = true, isVerticalAlign = false, ordered = true, interactive = true, fullWidth = false, minSpaceBetweenSteps = 24, checkIsStepDisabled, checkIsStepError, checkIsStepWarning, checkIsStepWaiting, checkIsStepPositive, checkIsStepCustom, onChange, dataTestId, }) => {
-    const uncontrolled = activeStepProp === undefined;
-    const [activeStep, setActiveStep] = useState(defaultActiveStep);
+    const [activeStep, setActiveStep] = useState(activeStepProp || defaultActiveStep);
     const stepsLength = React.Children.count(children);
-    const handleStepClick = (stepNumber) => {
-        if (uncontrolled) {
-            setActiveStep(stepNumber);
+    useEffect(() => {
+        if (activeStepProp) {
+            setActiveStep(activeStepProp);
         }
+    }, [activeStepProp]);
+    const handleStepClick = (stepNumber) => {
+        setActiveStep(stepNumber);
         if (onChange) {
             onChange(stepNumber);
         }
     };
     if (!stepsLength)
         return null;
-    const visibleActiveStep = uncontrolled ? activeStep : activeStepProp;
     return (React.createElement("div", { className: cn(className, styles.component, {
             [styles.vertical]: isVerticalAlign,
         }), "data-test-id": dataTestId }, React.Children.map(children, (step, index) => {
         const stepNumber = index + 1;
-        const isSelected = stepNumber === visibleActiveStep;
-        const isStepCompleted = isMarkCompletedSteps && stepNumber < visibleActiveStep;
+        const isSelected = stepNumber === activeStep;
+        const isStepCompleted = isMarkCompletedSteps && stepNumber < activeStep;
         const disabled = checkIsStepDisabled ? checkIsStepDisabled(stepNumber) : false;
         const isPositive = checkIsStepPositive ? checkIsStepPositive(stepNumber) : false;
         const isError = checkIsStepError ? checkIsStepError(stepNumber) : false;

package/textarea/Component.js

@@ -8,7 +8,7 @@ var cn = require('classnames');
 var coreComponentsFormControl = require('../form-control');
 var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
-var components_PseudoTextArea = require('./PseudoTextArea-7681334c.js');
+var components_PseudoTextArea = require('./PseudoTextArea-53ba3572.js');
 var consts = require('./consts.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/textarea/components/PseudoTextArea.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../consts.js');
-var components_PseudoTextArea = require('../PseudoTextArea-7681334c.js');
+var components_PseudoTextArea = require('../PseudoTextArea-53ba3572.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-7681334c";
+export * from "../PseudoTextArea-53ba3572";

package/textarea/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_PseudoTextArea = require('../PseudoTextArea-7681334c.js');
+var components_PseudoTextArea = require('../PseudoTextArea-53ba3572.js');
 
 
 

package/textarea/esm/Component.js

@@ -6,7 +6,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/esm';
 import { getDataTestId } from '../../shared/esm';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-850a55b5.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-278ebb87.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 var defaultColors = {"input":"textarea__input_1ig8s","hasInnerLabel":"textarea__hasInnerLabel_1ig8s","disableUserInput":"textarea__disableUserInput_1ig8s","error":"textarea__error_1ig8s","textarea":"textarea__textarea_1ig8s","hint":"textarea__hint_1ig8s"};

package/textarea/esm/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-850a55b5.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-278ebb87.js';
 import '../consts.js';

package/textarea/esm/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-850a55b5";
+export * from "../PseudoTextArea-278ebb87";

package/textarea/esm/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-850a55b5.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-278ebb87.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/esm/index.js

@@ -7,5 +7,5 @@ import 'classnames';
 import '../../form-control/esm';
 import '../../shared/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-850a55b5.js';
+import './PseudoTextArea-278ebb87.js';
 import './consts.js';

package/textarea/modern/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { getDataTestId } from '../../shared/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-c51ed577.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-0d65e973.js';
 import { SIZE_TO_CLASSNAME_MAP } from './consts.js';
 
 const defaultColors = {"input":"textarea__input_1ig8s","hasInnerLabel":"textarea__hasInnerLabel_1ig8s","disableUserInput":"textarea__disableUserInput_1ig8s","error":"textarea__error_1ig8s","textarea":"textarea__textarea_1ig8s","hint":"textarea__hint_1ig8s"};

package/textarea/modern/components/PseudoTextArea.js

@@ -1,4 +1,4 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-c51ed577.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-0d65e973.js';
 import '../consts.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-c51ed577";
+export * from "../PseudoTextArea-0d65e973";

package/textarea/modern/components/index.js

@@ -1,4 +1,4 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-c51ed577.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-0d65e973.js';
 import 'react';
 import 'classnames';
 import '../consts.js';

package/textarea/modern/index.js

@@ -6,5 +6,5 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-c51ed577.js';
+import './PseudoTextArea-0d65e973.js';
 import './consts.js';