@alixpartners/ui-components 1.20.74 → 1.20.75

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.20.75 (May 20, 2022)
+
+- Added `ApSlider` component
+
 ## 1.20.74 (May 19, 2022)
 
 - Updated `ApIcon`, added `touch_app_outlined` icon

package/dist/esm/components/ApSlider/ApSlider.js

@@ -0,0 +1,117 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ApSlider = exports.deviceScale = void 0;
+var React = require("react");
+var ApSlider_styles_1 = require("./ApSlider.styles");
+var ApSlider_utils_1 = require("./ApSlider.utils");
+exports.deviceScale = window.devicePixelRatio;
+var CIRCLE_WIDTH = 20;
+var ApSlider = /** @class */ (function (_super) {
+    __extends(ApSlider, _super);
+    function ApSlider() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            isDrag: false,
+            movement: 0,
+        };
+        _this.containerRef = React.createRef();
+        _this.lineRef = React.createRef();
+        _this.onLineClick = function (e) {
+            var _a = _this.props, min = _a.min, max = _a.max, onChange = _a.onChange;
+            var stepWidth = ApSlider_utils_1.getStepWidth({
+                ref: _this.containerRef,
+                min: min,
+                max: max,
+                circleWidth: CIRCLE_WIDTH
+            });
+            var lineParams = _this.lineRef.current.getBoundingClientRect();
+            var clickX = e.clientX - lineParams.x;
+            var newValue = min + Math.round(clickX / stepWidth);
+            onChange(newValue);
+        };
+        _this.onMouseDown = function (e) {
+            var disabled = _this.props.disabled;
+            if (!disabled) {
+                e.stopPropagation();
+                _this.setState({ isDrag: true });
+                document.body.addEventListener('mousemove', _this.onMouseMove);
+                document.body.addEventListener('mouseup', _this.onMouseUp);
+            }
+        };
+        _this.onMouseMove = function (e) {
+            var movement = _this.state.movement;
+            var _a = _this.props, min = _a.min, max = _a.max, onChange = _a.onChange, step = _a.step, value = _a.value;
+            var movementX = e.movementX;
+            var newMovement = movement + movementX;
+            var stepWidth = ApSlider_utils_1.getStepWidth({
+                ref: _this.containerRef,
+                min: min,
+                max: max,
+                circleWidth: CIRCLE_WIDTH
+            }) * step;
+            if (Math.abs(newMovement) > stepWidth) {
+                var valueChange = value + Math.floor(newMovement / stepWidth) * step;
+                if (newMovement > 0) {
+                    onChange(valueChange < max ? valueChange : max);
+                }
+                else if (newMovement < 0) {
+                    onChange(valueChange > min ? valueChange : min);
+                }
+                _this.setState({ movement: 0 });
+            }
+            else {
+                _this.setState({ movement: newMovement });
+            }
+        };
+        _this.onMouseUp = function () {
+            _this.setState({
+                isDrag: false,
+                movement: 0,
+            });
+            document.body.removeEventListener('mousemove', _this.onMouseMove);
+            document.body.removeEventListener('mouseup', _this.onMouseUp);
+        };
+        _this.getLeftPx = function () {
+            var _a = _this.props, min = _a.min, max = _a.max, value = _a.value;
+            var stepWidth = ApSlider_utils_1.getStepWidth({
+                ref: _this.containerRef,
+                min: min,
+                max: max,
+                circleWidth: CIRCLE_WIDTH
+            });
+            return (value - min) * stepWidth;
+        };
+        return _this;
+    }
+    ApSlider.prototype.render = function () {
+        var isDrag = this.state.isDrag;
+        var _a = this.props, disabled = _a.disabled, label = _a.label;
+        return (React.createElement(ApSlider_styles_1.Container, { ref: this.containerRef },
+            React.createElement(ApSlider_styles_1.Line, { ref: this.lineRef, disabled: disabled, onClick: this.onLineClick }),
+            React.createElement(ApSlider_styles_1.Value, { isDrag: isDrag, left: this.getLeftPx() },
+                React.createElement(ApSlider_styles_1.ValueText, null, label),
+                React.createElement(ApSlider_styles_1.ValueCircle, { disabled: disabled, onMouseDown: this.onMouseDown }))));
+    };
+    return ApSlider;
+}(React.Component));
+exports.ApSlider = ApSlider;
+;
+ApSlider.defaultProps = {
+    step: 1,
+    min: 0,
+    max: 100,
+};
+//# sourceMappingURL=ApSlider.js.map

package/dist/esm/components/ApSlider/ApSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApSlider.js","sourceRoot":"","sources":["../../../../src/components/ApSlider/ApSlider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ApSlider/ApSlider.styles.js

@@ -0,0 +1,20 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValueComponent = exports.WrapperLabel = exports.WrapperHeader = exports.SliderWrapper = exports.ValueCircle = exports.ValueText = exports.Value = exports.Line = exports.Container = void 0;
+var styled_components_1 = require("styled-components");
+var theme_1 = require("../../utils/theme");
+exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\twidth: 100%;\n\theight: 40px;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: flex-end;\n"], ["\n\twidth: 100%;\n\theight: 40px;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: flex-end;\n"])));
+exports.Line = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\theight: 4px;\n\twidth: 100%;\n\tborder-radius: 2px;\n\tbackground-color: ", ";\n\tcursor: ", ";\n"], ["\n\theight: 4px;\n\twidth: 100%;\n\tborder-radius: 2px;\n\tbackground-color: ", ";\n\tcursor: ", ";\n"])), function (props) { return props.disabled ? theme_1.colors.grey4 : theme_1.colors.chartBrightTeal; }, function (props) { return props.disabled ? 'auto' : 'pointer'; });
+exports.Value = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tposition: absolute;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tbottom: -8px;\n\tleft: ", "px;\n\tcursor: ", ";\n\tpointer-events: ", ";\n"], ["\n\tposition: absolute;\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n\tbottom: -8px;\n\tleft: ", "px;\n\tcursor: ", ";\n\tpointer-events: ", ";\n"])), function (props) { return props.left; }, function (props) { return props.isDrag ? 'grab' : 'pointer'; }, function (props) { return props.disabled ? 'none' : 'auto'; });
+exports.ValueText = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tfont-size: 11px;\n\tcolor: ", ";\n\tfont-weight: 400;\n\tuser-select: none;\n"], ["\n\tfont-size: 11px;\n\tcolor: ", ";\n\tfont-weight: 400;\n\tuser-select: none;\n"])), theme_1.colors.grey8);
+exports.ValueCircle = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\twidth: 20px;\n\theight: 20px;\n\tborder-radius: 50%;\n\tbox-sizing: border-box;\n\talign-self: flex-start;\n\tbackground-color: ", ";\n\tborder: 4px solid ", ";\n"], ["\n\twidth: 20px;\n\theight: 20px;\n\tborder-radius: 50%;\n\tbox-sizing: border-box;\n\talign-self: flex-start;\n\tbackground-color: ", ";\n\tborder: 4px solid ", ";\n"])), theme_1.colors.white, function (props) { return props.disabled ? theme_1.colors.grey4 : theme_1.colors.chartBrightTeal; });
+exports.SliderWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\twidth: 168px;\n    height: 104px;\n    display: flex;\n    flex-direction: column;\n    padding: 8px 8px 24px 8px;\n    justify-content: space-between;\n    background-color: ", ";\n    box-sizing: border-box;\n"], ["\n\twidth: 168px;\n    height: 104px;\n    display: flex;\n    flex-direction: column;\n    padding: 8px 8px 24px 8px;\n    justify-content: space-between;\n    background-color: ", ";\n    box-sizing: border-box;\n"])), theme_1.colors.grey1);
+exports.WrapperHeader = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n\tdisplay: flex;\n\talign-items: flex-start;\n"], ["\n\tdisplay: flex;\n\talign-items: flex-start;\n"])));
+exports.WrapperLabel = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n\tfont-size: 13px;\n\tline-height: 19px;\n\tletter-spacing: 0.3px;\n\tcolor: ", ";\n"], ["\n\tfont-size: 13px;\n\tline-height: 19px;\n\tletter-spacing: 0.3px;\n\tcolor: ", ";\n"])), theme_1.colors.grey5);
+exports.ValueComponent = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n\tdisplay: flex;\n\tjustify-self: flex-end;\n"], ["\n\tdisplay: flex;\n\tjustify-self: flex-end;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=ApSlider.styles.js.map

package/dist/esm/components/ApSlider/ApSlider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApSlider.styles.js","sourceRoot":"","sources":["../../../../src/components/ApSlider/ApSlider.styles.tsx"],"names":[],"mappings":";;;;;;;AAAA,uDAAuC;AACvC,2CAA0C;AAE7B,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,2KAAA,wGAMlC,KAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,0KAAwB,+EAIjC,EAAiE,eAC3E,EAA8C,KACxD,KAFoB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAM,CAAC,eAAe,EAAtD,CAAsD,EAC3E,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAnC,CAAmC,EACvD;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,+OAAwD,yHAM9E,EAAmB,iBACjB,EAAyC,uBACjC,EAAyC,KAC3D,KAHQ,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,IAAI,EAAV,CAAU,EACjB,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA,CAAC,CAAC,SAAS,EAAhC,CAAgC,EACjC,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAhC,CAAgC,EAC1D;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,sJAAA,iCAEzB,EAAY,gDAGrB,KAHS,cAAM,CAAC,KAAK,EAGpB;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,2OAAwB,sIAMxC,EAAY,yBACZ,EAAiE,KACrF,KAFoB,cAAM,CAAC,KAAK,EACZ,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,KAAK,CAAC,CAAC,CAAC,cAAM,CAAC,eAAe,EAAtD,CAAsD,EACpF;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,4RAAA,qLAOf,EAAY,kCAEnC,KAFuB,cAAM,CAAC,KAAK,EAElC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,qHAAA,kDAGtC,KAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,2JAAA,iFAI5B,EAAY,KACrB,KADS,cAAM,CAAC,KAAK,EACpB;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,oHAAA,iDAGvC,KAAC"}

package/dist/esm/components/ApSlider/ApSlider.utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStepWidth = void 0;
+exports.getStepWidth = function (_a) {
+    var ref = _a.ref, min = _a.min, max = _a.max, circleWidth = _a.circleWidth;
+    if (!ref || !ref.current) {
+        return 0;
+    }
+    var width = ref.current.getBoundingClientRect().width;
+    return (width - circleWidth) / (max - min);
+};
+//# sourceMappingURL=ApSlider.utils.js.map

package/dist/esm/components/ApSlider/ApSlider.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApSlider.utils.js","sourceRoot":"","sources":["../../../../src/components/ApSlider/ApSlider.utils.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG,UAAC,EAK5B;QAL8B,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,GAAG,SAAA,EAAE,WAAW,iBAAA;IAMxD,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE;QACzB,OAAO,CAAC,CAAA;KACR;IACO,IAAA,KAAK,GAAK,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAxC,CAAyC;IAEtD,OAAO,CAAC,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;AAC5C,CAAC,CAAC"}

package/dist/esm/components/ApSlider/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.js.map

package/dist/esm/components/ApSlider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ApSlider/index.ts"],"names":[],"mappings":""}

package/dist/esm/index.js

@@ -70,6 +70,7 @@ __exportStar(require("./components/ApMenu/ApMenuItem"), exports);
 __exportStar(require("./components/ApMenu/ApMenuItemStatic"), exports);
 __exportStar(require("./components/ApMenu/ApMenuSection"), exports);
 __exportStar(require("./components/ApMenu/context"), exports);
+__exportStar(require("./components/ApSlider/ApSlider"), exports);
 __exportStar(require("./components/ApSelect/ApSelect"), exports);
 __exportStar(require("./components/ApInput/ApInput"), exports);
 __exportStar(require("./components/ApHeaderBar/ApHeaderBar"), exports);

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6DAA0C;AAC1C,iEAA8C;AAC9C,mEAAgD;AAChD,2EAAwD;AACxD,6DAA0C;AAC1C,yEAAsD;AACtD,+EAA4D;AAC5D,yEAAsD;AACtD,+DAA4C;AAC5C,6EAA0D;AAC1D,uFAAoE;AACpE,iEAA8C;AAC9C,qEAAkD;AAClD,2EAAwD;AACxD,yEAAsD;AACtD,uEAAoD;AACpD,2EAAwD;AACxD,kEAA+C;AAC/C,qEAAkD;AAClD,uEAAoD;AACpD,mEAAgD;AAChD,6DAA0C;AAC1C,6EAA0D;AAC1D,iEAA8C;AAC9C,+DAA4C;AAC5C,qEAAkD;AAClD,0EAAuD;AACvD,qEAAkD;AAClD,qFAAkE;AAClE,wEAAqD;AACrD,0EAAuD;AACvD,uFAAoE;AACpE,gFAA6D;AAC7D,uEAAoD;AACpD,sEAAmD;AACnD,sEAAmD;AACnD,0EAAuD;AACvD,gFAA6D;AAC7D,4EAAyD;AACzD,0EAAuD;AACvD,2EAAwD;AACxD,sEAAmD;AACnD,uEAAoD;AACpD,4EAAyD;AACzD,8EAA2D;AAC3D,sEAAmD;AACnD,4EAAyD;AACzD,uEAAoD;AACpD,+DAA4C;AAC5C,iFAA8D;AAC9D,+EAA4D;AAC5D,iFAA8D;AAC9D,mFAAgE;AAChE,6EAA0D;AAC1D,mEAAgD;AAChD,6DAA0C;AAC1C,iEAA8C;AAC9C,uEAAoD;AACpD,oEAAiD;AACjD,8DAA2C;AAC3C,iEAA8C;AAC9C,+DAA4C;AAC5C,uEAAoD;AACpD,wEAAqD;AACrD,gEAA6C;AAC7C,6EAA0D;AAC1D,mEAAgD;AAChD,6EAA0D;AAC1D,0EAAuD;AACvD,gDAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6DAA0C;AAC1C,iEAA8C;AAC9C,mEAAgD;AAChD,2EAAwD;AACxD,6DAA0C;AAC1C,yEAAsD;AACtD,+EAA4D;AAC5D,yEAAsD;AACtD,+DAA4C;AAC5C,6EAA0D;AAC1D,uFAAoE;AACpE,iEAA8C;AAC9C,qEAAkD;AAClD,2EAAwD;AACxD,yEAAsD;AACtD,uEAAoD;AACpD,2EAAwD;AACxD,kEAA+C;AAC/C,qEAAkD;AAClD,uEAAoD;AACpD,mEAAgD;AAChD,6DAA0C;AAC1C,6EAA0D;AAC1D,iEAA8C;AAC9C,+DAA4C;AAC5C,qEAAkD;AAClD,0EAAuD;AACvD,qEAAkD;AAClD,qFAAkE;AAClE,wEAAqD;AACrD,0EAAuD;AACvD,uFAAoE;AACpE,gFAA6D;AAC7D,uEAAoD;AACpD,sEAAmD;AACnD,sEAAmD;AACnD,0EAAuD;AACvD,gFAA6D;AAC7D,4EAAyD;AACzD,0EAAuD;AACvD,2EAAwD;AACxD,sEAAmD;AACnD,uEAAoD;AACpD,4EAAyD;AACzD,8EAA2D;AAC3D,sEAAmD;AACnD,4EAAyD;AACzD,uEAAoD;AACpD,+DAA4C;AAC5C,iFAA8D;AAC9D,+EAA4D;AAC5D,iFAA8D;AAC9D,mFAAgE;AAChE,6EAA0D;AAC1D,mEAAgD;AAChD,6DAA0C;AAC1C,iEAA8C;AAC9C,uEAAoD;AACpD,oEAAiD;AACjD,8DAA2C;AAC3C,iEAA8C;AAC9C,iEAA8C;AAC9C,+DAA4C;AAC5C,uEAAoD;AACpD,wEAAqD;AACrD,gEAA6C;AAC7C,6EAA0D;AAC1D,mEAAgD;AAChD,6EAA0D;AAC1D,0EAAuD;AACvD,gDAA6B"}

package/dist/types/components/ApSlider/ApSlider.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { IDefaultProps } from '../../utils/types';
+export declare const deviceScale: number;
+interface IApSliderProps extends IDefaultProps {
+    disabled?: boolean;
+    min: number;
+    max: number;
+    label: string;
+    value: number;
+    onChange: (v: number) => void;
+    step: number;
+}
+export declare class ApSlider extends React.Component<IApSliderProps> {
+    static defaultProps: {
+        step: number;
+        min: number;
+        max: number;
+    };
+    state: {
+        isDrag: boolean;
+        movement: number;
+    };
+    containerRef: React.RefObject<any>;
+    lineRef: React.RefObject<any>;
+    onLineClick: (e: React.MouseEvent) => void;
+    onMouseDown: (e: React.MouseEvent) => void;
+    onMouseMove: (e: {
+        movementX: number;
+    }) => void;
+    onMouseUp: () => void;
+    getLeftPx: () => number;
+    render(): JSX.Element;
+}
+export {};

package/dist/types/components/ApSlider/ApSlider.styles.d.ts

@@ -0,0 +1,17 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Line: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const Value: import("styled-components").StyledComponent<"div", any, {
+    left: number;
+    isDrag?: boolean | undefined;
+    disabled?: boolean | undefined;
+}, never>;
+export declare const ValueText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ValueCircle: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const SliderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WrapperLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ValueComponent: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/ApSlider/ApSlider.utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getStepWidth: ({ ref, min, max, circleWidth }: {
+    ref: any;
+    min: number;
+    max: number;
+    circleWidth: number;
+}) => number;

package/dist/types/index.d.ts

@@ -58,6 +58,7 @@ export * from './components/ApMenu/ApMenuItem';
 export * from './components/ApMenu/ApMenuItemStatic';
 export * from './components/ApMenu/ApMenuSection';
 export * from './components/ApMenu/context';
+export * from './components/ApSlider/ApSlider';
 export * from './components/ApSelect/ApSelect';
 export * from './components/ApInput/ApInput';
 export * from './components/ApHeaderBar/ApHeaderBar';