@decisiv/ui-components 2.0.1-alpha.157 → 2.0.1-alpha.158

package/lib/components/Drawer/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ButtonProps } from '../Button';
+interface HeaderProps {
+    title?: string;
+    description?: string;
+}
+interface Action extends ButtonProps {
+    id: string;
+}
+interface FooterProps {
+    actions?: Action[];
+}
+export interface DrawerProps extends HeaderProps, FooterProps {
+    side?: 'left' | 'right';
+    zIndex?: number;
+    visible?: boolean;
+    onClose?: (event: React.MouseEvent<unknown> | KeyboardEvent) => void;
+}
+export declare type OverlayProps = Pick<DrawerProps, 'zIndex' | 'side' | 'visible'>;
+declare const Drawer: React.FC<DrawerProps>;
+export default Drawer;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAItD,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAkBhD,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,MAAO,SAAQ,WAAW;IAClC,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,UAAU,WAAW;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,WAAW,EAAE,WAAW;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,aAAa,KAAK,IAAI,CAAC;CACtE;AAED,oBAAY,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC,CAAC;AAE5E,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiGjC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/Drawer/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Times = _interopRequireDefault(require("@decisiv/iconix/lib/components/Times"));
+
+var _Flex = _interopRequireDefault(require("../Flex"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
+var _Typography = require("../Typography");
+
+var _ConfigProvider = require("../../providers/ConfigProvider");
+
+var _canUseDOM = _interopRequireDefault(require("../../utils/canUseDOM"));
+
+var _styles = require("./styles");
+
+var _useTranslations = _interopRequireDefault(require("../../utils/useTranslations"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+var Drawer = function Drawer(_ref) {
+  var title = _ref.title,
+      description = _ref.description,
+      children = _ref.children,
+      onClose = _ref.onClose,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
+      _ref$side = _ref.side,
+      side = _ref$side === void 0 ? 'right' : _ref$side,
+      _ref$actions = _ref.actions,
+      actions = _ref$actions === void 0 ? null : _ref$actions,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? false : _ref$visible;
+
+  var _useConfig = (0, _ConfigProvider.useConfig)(),
+      createPortal = _useConfig.createPortal;
+
+  var translate = (0, _useTranslations.default)();
+  var onKeyDown = (0, _react.useCallback)(function (event) {
+    if (event.key === 'Escape') {
+      onClose && onClose(event);
+    }
+  }, [onClose]); // Allow closing the modal by pressing the Escape key
+
+  (0, _react.useEffect)(function () {
+    if (visible && _canUseDOM.default) {
+      document.addEventListener('keydown', onKeyDown);
+      return function () {
+        document.removeEventListener('keydown', onKeyDown);
+      };
+    } // eslint has issues with no return statement here...
+
+
+    return undefined;
+  }, [visible, onKeyDown]);
+  var showHeader = !!onClose || !!title;
+  var showFooter = actions && actions.length > 0;
+  var closeBtnTooltip = translate('Close', 'drawer.closeBtnTooltip');
+  var closeDrawerLabel = translate('Close Drawer', 'drawer.closeBtn');
+  return createPortal(_react.default.createElement(_styles.Overlay, {
+    zIndex: zIndex,
+    side: side,
+    visible: visible,
+    "data-testid": "overlay"
+  }, _react.default.createElement(_styles.Content, {
+    visible: visible,
+    side: side,
+    "data-testid": "content"
+  }, showHeader && _react.default.createElement(_styles.Header, {
+    "data-testid": "drawer-header"
+  }, _react.default.createElement(_Flex.default, null, title && _react.default.createElement(_styles.Title, null, title), onClose && _react.default.createElement(_Tooltip.default, {
+    zIndex: 101,
+    target: // eslint-disable-next-line react/jsx-wrap-multilines
+    _react.default.createElement(_styles.CloseButton, {
+      variant: "ghost",
+      icon: _Times.default,
+      onClick: onClose,
+      "aria-label": closeDrawerLabel
+    })
+  }, closeBtnTooltip)), description && _react.default.createElement(_Typography.P, {
+    shade: 1,
+    paddingTop: 1
+  }, description)), _react.default.createElement(_styles.Body, null, children), showFooter && _react.default.createElement(_styles.Footer, {
+    "data-testid": "drawer-footer"
+  }, actions && actions.map(function (action, i) {
+    return _react.default.createElement(_Flex.default, {
+      key: action.id,
+      marginLeft: i > 0 ? 0.5 : 0
+    }, _react.default.createElement(_Button.default, action));
+  })))));
+};
+
+var _default = Drawer;
+exports.default = _default;

package/lib/components/Drawer/index.test.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+require("jest-styled-components");
+
+var _react2 = require("@testing-library/react");
+
+var _ConfigProvider = require("../../providers/ConfigProvider");
+
+var _ = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var render = function render(ui, options) {
+  return (0, _react2.render)(ui, _objectSpread({}, options, {
+    wrapper: function wrapper(_ref) {
+      var children = _ref.children;
+      return _react.default.createElement(_ConfigProvider.ConfigProvider, null, children);
+    }
+  }));
+};
+
+describe('Drawer', function () {
+  describe('visible', function () {
+    describe('when "visible" is false', function () {
+      it('renders with the property "display: none"', function () {
+        var _render = render(_react.default.createElement(_.default, {
+          visible: false
+        })),
+            getByTestId = _render.getByTestId;
+
+        expect(getByTestId(/overlay/i)).toHaveStyleRule('display', 'none');
+      });
+    });
+  });
+  describe('title', function () {
+    it('renders the text passed as "title" in an h3 tag', function () {
+      var title = 'This is the title';
+
+      var _render2 = render(_react.default.createElement(_.default, {
+        visible: true,
+        title: title
+      })),
+          getByText = _render2.getByText;
+
+      expect(getByText(title, {
+        selector: 'h3'
+      })).toBeInTheDocument();
+    });
+  });
+  describe('onClose', function () {
+    var onClose = jest.fn();
+    it('renders a close button if "onClose" is passed', function () {
+      var _render3 = render(_react.default.createElement(_.default, {
+        visible: true,
+        onClose: onClose
+      })),
+          getByLabelText = _render3.getByLabelText;
+
+      var closeBtn = getByLabelText(/close drawer/i);
+      expect(closeBtn).toBeInTheDocument();
+    });
+    it('does not render a close button if "onClose" is not passed', function () {
+      var _render4 = render(_react.default.createElement(_.default, {
+        visible: true
+      })),
+          queryByLabelText = _render4.queryByLabelText;
+
+      var closeBtn = queryByLabelText(/close drawer/i);
+      expect(closeBtn).not.toBeInTheDocument();
+    });
+    it('calls the "onClose" function when clicking the close button', function () {
+      var _render5 = render(_react.default.createElement(_.default, {
+        visible: true,
+        onClose: onClose
+      })),
+          getByLabelText = _render5.getByLabelText;
+
+      var closeBtn = getByLabelText(/close drawer/i);
+
+      _react2.fireEvent.click(closeBtn);
+
+      expect(onClose).toHaveBeenCalled();
+    });
+  });
+  describe('actions', function () {
+    describe('when an array of actions is provided', function () {
+      var onSubmit = jest.fn();
+      var onCancel = jest.fn();
+      var actions = [{
+        id: '1',
+        text: 'Submit',
+        onClick: onSubmit
+      }, {
+        id: '2',
+        text: 'Cancel',
+        onClick: onCancel
+      }];
+      it('renders the array as buttons in the footer of the Drawer', function () {
+        var _render6 = render(_react.default.createElement(_.default, {
+          visible: true,
+          actions: actions
+        })),
+            getByText = _render6.getByText;
+
+        expect(getByText(/submit/i, {
+          selector: 'button'
+        })).toBeInTheDocument();
+        expect(getByText(/cancel/i, {
+          selector: 'button'
+        })).toBeInTheDocument();
+      });
+    });
+  });
+});

package/lib/components/Drawer/schema.d.ts

@@ -0,0 +1,3 @@
+declare const schema: any;
+export default schema;
+//# sourceMappingURL=schema.d.ts.map

package/lib/components/Drawer/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/schema.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,MAAM,KAAsC,CAAC;AAqBnD,eAAe,MAAM,CAAC"}

package/lib/components/Drawer/schema.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactDesc = require("react-desc");
+
+var _schema = require("../Button/schema");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var schema = (0, _reactDesc.describe)({
+  displayName: 'Drawer'
+});
+schema.propTypes = {
+  visible: _reactDesc.PropTypes.bool.description('This controls the visibility of the drawer').defaultValue('false'),
+  onClose: _reactDesc.PropTypes.func.description('a callback function called when clicking the close button'),
+  side: _reactDesc.PropTypes.oneOf(['left', 'right']).description('used to define the side where the Drawer will come up from').defaultValue('left'),
+  title: _reactDesc.PropTypes.string.description('Text to show as title'),
+  description: _reactDesc.PropTypes.string.description('Text to show as description'),
+  actions: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.shape(_objectSpread({
+    id: _reactDesc.PropTypes.string
+  }, (0, _schema.makeButtonSchemaPropTypes)()))).description('An array of button props objects with an identifier, all rendered in order in the footer')
+};
+var _default = schema;
+exports.default = _default;

package/lib/components/Drawer/styles.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ButtonProps } from '../Button';
+import { DrawerProps } from '.';
+export declare const Overlay: import("styled-components").StyledComponent<"div", any, Pick<DrawerProps, "zIndex" | "visible" | "side">, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", any, Pick<DrawerProps, "visible" | "side">, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"h3", any, import("../Typography").TypographyProps, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Footer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<import("react").RefForwardingComponent<HTMLButtonElement, ButtonProps>, any, ButtonProps, never>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/components/Drawer/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/styles.ts"],"names":[],"mappings":";AAMA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAgB,MAAM,GAAG,CAAC;AAE9C,eAAO,MAAM,OAAO,kHAYnB,CAAC;AAMF,eAAO,MAAM,OAAO,uGAqCnB,CAAC;AAEF,eAAO,MAAM,MAAM,oEAMlB,CAAC;AAEF,eAAO,MAAM,KAAK,wGAEjB,CAAC;AAEF,eAAO,MAAM,IAAI,oEAKhB,CAAC;AAEF,eAAO,MAAM,MAAM,oEAOlB,CAAC;AAEF,eAAO,MAAM,WAAW,8IAIvB,CAAC"}

package/lib/components/Drawer/styles.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CloseButton = exports.Footer = exports.Body = exports.Title = exports.Header = exports.Content = exports.Overlay = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _designTokens = require("@decisiv/design-tokens");
+
+var _dynamicModifiers = require("../../utils/dynamicModifiers");
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+var _Typography = require("../Typography");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+var Overlay = _styledComponents.default.div.withConfig({
+  displayName: "styles__Overlay",
+  componentId: "p3l2i8-0"
+})(["display:", ";position:fixed;background:", ";bottom:0;left:0;right:0;top:0;justify-content:", ";", ";"], function (_ref) {
+  var visible = _ref.visible;
+  return visible ? 'flex' : 'none';
+}, (0, _toColorString.default)(_designTokens.color.opacity.charcoal75), function (_ref2) {
+  var side = _ref2.side;
+  return side === 'left' ? 'start' : 'end';
+}, (0, _dynamicModifiers.applyDynamicModifiers)('zIndex', 'z-index'));
+
+exports.Overlay = Overlay;
+var DRAWER_WIDTH = (0, _rem.default)(_designTokens.spacing.base * 40);
+
+var Content = _styledComponents.default.div.withConfig({
+  displayName: "styles__Content",
+  componentId: "p3l2i8-1"
+})(["position:relative;height:100%;width:", ";top:0;display:flex;flex-direction:column;background-color:", ";animation-duration:0.75s;@keyframes fadeinleft{from{left:-", ";}to{left:0;}}@keyframes fadeinright{from{right:-", ";}to{right:0;}}", ""], DRAWER_WIDTH, (0, _toColorString.default)(_designTokens.color.base.snowWhite), DRAWER_WIDTH, DRAWER_WIDTH, function (_ref3) {
+  var side = _ref3.side;
+  return side === 'left' ? (0, _styledComponents.css)(["animation-name:fadeinleft;"]) : (0, _styledComponents.css)(["animation-name:fadeinright;"]);
+});
+
+exports.Content = Content;
+
+var Header = _styledComponents.default.div.withConfig({
+  displayName: "styles__Header",
+  componentId: "p3l2i8-2"
+})(["display:flex;flex-direction:column;padding:", ";min-height:fit-content;background-color:", ";"], (0, _rem.default)(_designTokens.spacing.base * 2), (0, _toColorString.default)(_designTokens.color.base.snowWhite));
+
+exports.Header = Header;
+var Title = (0, _styledComponents.default)(_Typography.H3).withConfig({
+  displayName: "styles__Title",
+  componentId: "p3l2i8-3"
+})(["word-break:break-word;"]);
+exports.Title = Title;
+
+var Body = _styledComponents.default.div.withConfig({
+  displayName: "styles__Body",
+  componentId: "p3l2i8-4"
+})(["display:flex;height:100%;overflow-y:auto;background-color:", ";"], (0, _toColorString.default)(_designTokens.color.base.snowWhite));
+
+exports.Body = Body;
+
+var Footer = _styledComponents.default.div.withConfig({
+  displayName: "styles__Footer",
+  componentId: "p3l2i8-5"
+})(["height:", ";display:flex;padding:", " ", ";margin-top:auto;background-color:", ";border-top:1px solid ", ";"], (0, _rem.default)(_designTokens.spacing.base * 6.2), (0, _rem.default)(_designTokens.spacing.base * 1.5), (0, _rem.default)(_designTokens.spacing.base * 2), (0, _toColorString.default)(_designTokens.color.base.fullMoon), (0, _toColorString.default)(_designTokens.color.opacity.charcoal15));
+
+exports.Footer = Footer;
+var CloseButton = (0, _styledComponents.default)(_Button.default).withConfig({
+  displayName: "styles__CloseButton",
+  componentId: "p3l2i8-6"
+})(["padding-right:0;padding-left:", ";margin-left:auto;"], (0, _rem.default)(_designTokens.spacing.base));
+exports.CloseButton = CloseButton;

package/lib/components/index.d.ts

@@ -7,6 +7,7 @@ export { default as Button } from './Button';
 export { default as Checkbox } from './Checkbox';
 export { default as CheckboxGroup } from './CheckboxGroup';
 export { default as Combobox } from './Combobox';
+export { default as Drawer } from './Drawer';
 export { default as DropdownList, DropdownListCategory, DropdownListItem, DropdownListOption, DropdownListProps, } from './DropdownList';
 export { default as Filter } from './Filter';
 export { default as Flex } from './Flex';

package/lib/components/index.d.ts.map

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

package/lib/components/index.js

@@ -19,6 +19,7 @@ var _exportNames = {
   Checkbox: true,
   CheckboxGroup: true,
   Combobox: true,
+  Drawer: true,
   DropdownList: true,
   DropdownListCategory: true,
   DropdownListItem: true,
@@ -158,6 +159,12 @@ Object.defineProperty(exports, "Combobox", {
     return _Combobox.default;
   }
 });
+Object.defineProperty(exports, "Drawer", {
+  enumerable: true,
+  get: function get() {
+    return _Drawer.default;
+  }
+});
 Object.defineProperty(exports, "DropdownList", {
   enumerable: true,
   get: function get() {
@@ -465,6 +472,8 @@ var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));
 
 var _Combobox = _interopRequireDefault(require("./Combobox"));
 
+var _Drawer = _interopRequireDefault(require("./Drawer"));
+
 var _DropdownList = _interopRequireWildcard(require("./DropdownList"));
 
 var _Filter = _interopRequireDefault(require("./Filter"));

package/lib/providers/ConfigProvider/utils/translations.d.ts

@@ -53,6 +53,10 @@ declare const translations: {
         readonly viewNextMonth: "View next month";
         readonly viewPrevMonth: "View previous month";
     };
+    drawer: {
+        readonly closeBtnTooltip: "Close";
+        readonly closeBtn: "Close Drawer";
+    };
     jumpTo: {
         readonly menuLabel: "Jump To";
         readonly navLabel: "Jump To:";

package/lib/providers/ConfigProvider/utils/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/translations.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HR,CAAC;AAEX,oBAAY,YAAY,GAAG,OAAO,YAAY,CAAC;AAE/C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../../src/providers/ConfigProvider/utils/translations.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmIR,CAAC;AAEX,oBAAY,YAAY,GAAG,OAAO,YAAY,CAAC;AAE/C,eAAe,YAAY,CAAC"}

package/lib/providers/ConfigProvider/utils/translations.js

@@ -59,6 +59,10 @@ var translations = {
     viewNextMonth: 'View next month',
     viewPrevMonth: 'View previous month'
   },
+  drawer: {
+    closeBtnTooltip: 'Close',
+    closeBtn: 'Close Drawer'
+  },
   jumpTo: {
     menuLabel: 'Jump To',
     navLabel: 'Jump To:'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.157+be9b5ed",
+  "version": "2.0.1-alpha.158+21696d8",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "be9b5edd78ae3dbcd629363868f410d13e7eafe8"
+  "gitHead": "21696d86d2effb6cad0ee3f073b6183bb6199e1c"
 }