@decisiv/ui-components 2.0.1-alpha.21 → 2.0.1-alpha.211

package/lib/components/Pagination/Pagination.js

@@ -37,7 +37,6 @@ function Pagination(props) {
   var variant = props.variant,
       defaultActivePage = props.defaultActivePage,
       activePage = props.activePage,
-      totalPages = props.totalPages,
       onPageChange = props.onPageChange,
       labelPrevious = props.labelPrevious,
       labelNext = props.labelNext;
@@ -49,7 +48,16 @@ function Pagination(props) {
       currentPage = _useState2[0],
       setCurrentPage = _useState2[1];
 
-  if (totalPages <= 1) return null;
+  if (props.openEnded === false && !props.totalPages) {
+    // eslint-disable-next-line no-console
+    console.warn('totalPages prop must be defined when using a close-ended pagination');
+    return null;
+  }
+
+  if (props.openEnded === false && props.totalPages <= 1) {
+    return null;
+  }
+
   var activePageIsControlled = typeof activePage !== 'undefined';
 
   if (activePageIsControlled && activePage !== currentPage) {
@@ -59,9 +67,13 @@ function Pagination(props) {
   var prevPage = currentPage > 1 ? {
     page: currentPage - 1
   } : undefined;
-  var nextPage = currentPage < totalPages ? {
+  var openEndedNextPage = props.openEnded && props.hasNext ? {
+    page: currentPage + 1
+  } : undefined;
+  var fixedpaginationNextPage = props.openEnded === false && currentPage < props.totalPages ? {
     page: currentPage + 1
   } : undefined;
+  var nextPage = props.openEnded ? openEndedNextPage : fixedpaginationNextPage;
   var prevButtonAriaLabel = prevPage ? translate(labelPrevious, 'pagination.aria.previous', {
     page: "".concat(prevPage.page)
   }) : undefined;
@@ -94,7 +106,7 @@ function Pagination(props) {
   }), _react.default.createElement(_Pages.default, {
     variant: variant,
     currentPage: currentPage,
-    totalPages: totalPages,
+    totalPages: props.openEnded ? undefined : props.totalPages,
     onPageChange: pageChangeHandler
   }), _react.default.createElement(_NextPrevButton.default, {
     variant: variant,
@@ -109,15 +121,18 @@ function Pagination(props) {
 
 Pagination.propTypes = {
   variant: _propTypes.default.oneOf(['comfortable', 'compact']),
+  openEnded: _propTypes.default.bool,
   defaultActivePage: _propTypes.default.number,
   activePage: _propTypes.default.number,
-  totalPages: _propTypes.default.number.isRequired,
+  totalPages: _propTypes.default.number,
   onPageChange: _propTypes.default.func,
   labelPrevious: _propTypes.default.string,
   labelNext: _propTypes.default.string
 };
 var defaultProps = {
   variant: 'comfortable',
+  openEnded: false,
+  hasNext: false,
   defaultActivePage: 1,
   activePage: undefined,
   onPageChange: undefined,

package/lib/components/Pagination/Pagination.test.js

@@ -254,4 +254,18 @@ describe('Pagination', function () {
 
     expect(container).toBeEmpty();
   });
+  it('shows warning when totalPages is not defined and its not openEnded', function () {
+    jest.spyOn(console, 'warn').mockImplementation(function () {});
+
+    var _renderPagination18 = renderPagination(_objectSpread({}, defaultProps, {
+      openEnded: false,
+      totalPages: undefined
+    })),
+        container = _renderPagination18.container;
+
+    expect(container).toBeEmpty();
+    expect(console.warn).toHaveBeenCalled(); // @ts-ignore
+
+    console.warn.mockRestore();
+  });
 });

package/lib/components/Pagination/paginate.d.ts

@@ -1,3 +1,3 @@
 import { Page } from './types';
-export default function paginate(currentPage: number, totalPages: number): Page[];
+export default function paginate(currentPage: number, totalPages?: number): Page[];
 //# sourceMappingURL=paginate.d.ts.map

package/lib/components/Pagination/paginate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginate.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/paginate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA4C/B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,GACjB,IAAI,EAAE,CA4CR"}
+{"version":3,"file":"paginate.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/paginate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA4C/B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,WAAW,EAAE,MAAM,EACnB,UAAU,CAAC,EAAE,MAAM,GAClB,IAAI,EAAE,CAgDR"}

package/lib/components/Pagination/paginate.js

@@ -74,6 +74,10 @@ function paginate(currentPage, totalPages) {
     };
   };
 
+  if (!totalPages) {
+    return [currentPage].map(pageMaker);
+  }
+
   if (totalPages <= PAGE_SLOTS) {
     // no ellipses needed
     return (0, _range.default)(1, totalPages + 1).map(pageMaker);

package/lib/components/Pagination/paginate.test.js

@@ -42,10 +42,11 @@ var countEllipses = function countEllipses(pages) {
 };
 
 describe('paginate', function () {
-  describe('with 7 or less pages', function () {
+  // open ended pagination case
+  describe('with no total pages', function () {
     it('does not include any ellipses', function () {
       testAllPages({
-        maxTotal: 7
+        maxTotal: 1
       }, function (_ref2) {
         var pages = _ref2.pages;
         pages.forEach(function (page) {
@@ -53,20 +54,40 @@ describe('paginate', function () {
         });
       });
     });
-    it('renders only as many items as there are pages', function () {
+    it('only renders the current page', function () {
+      var result = (0, _paginate.default)(1, undefined);
+      expect(result).toEqual([{
+        active: true,
+        page: 1,
+        ellipsis: false
+      }]);
+    });
+  });
+  describe('with 7 or less pages', function () {
+    it('does not include any ellipses', function () {
       testAllPages({
         maxTotal: 7
       }, function (_ref3) {
-        var totalPages = _ref3.totalPages,
-            pages = _ref3.pages;
+        var pages = _ref3.pages;
+        pages.forEach(function (page) {
+          expect(page.ellipsis).toEqual(false);
+        });
+      });
+    });
+    it('renders only as many items as there are pages', function () {
+      testAllPages({
+        maxTotal: 7
+      }, function (_ref4) {
+        var totalPages = _ref4.totalPages,
+            pages = _ref4.pages;
         expect(pages.length).toEqual(totalPages);
       });
     });
   });
   describe('with 8 or more pages', function () {
-    function sharedTests(_ref4) {
-      var pages = _ref4.pages,
-          currentPage = _ref4.currentPage;
+    function sharedTests(_ref5) {
+      var pages = _ref5.pages,
+          currentPage = _ref5.currentPage;
       it('renders 7 items', function () {
         expect(pages).toHaveLength(7);
       });
@@ -88,9 +109,9 @@ describe('paginate', function () {
             lastCurrent: 4,
             minTotal: totalPages,
             maxTotal: totalPages
-          }, function (_ref5) {
-            var currentPage = _ref5.currentPage,
-                pages = _ref5.pages;
+          }, function (_ref6) {
+            var currentPage = _ref6.currentPage,
+                pages = _ref6.pages;
             describe("when on page ".concat(currentPage), function () {
               it("has one ellipsis at the end", function () {
                 expect(countEllipses(pages)).toEqual(1);
@@ -112,9 +133,9 @@ describe('paginate', function () {
               lastCurrent: rightBound - 1,
               minTotal: totalPages,
               maxTotal: totalPages
-            }, function (_ref6) {
-              var currentPage = _ref6.currentPage,
-                  pages = _ref6.pages;
+            }, function (_ref7) {
+              var currentPage = _ref7.currentPage,
+                  pages = _ref7.pages;
               describe("when on page ".concat(currentPage), function () {
                 it("has two ellipses", function () {
                   expect(countEllipses(pages)).toEqual(2);
@@ -136,9 +157,9 @@ describe('paginate', function () {
             firstCurrent: rightBound,
             minTotal: totalPages,
             maxTotal: totalPages
-          }, function (_ref7) {
-            var currentPage = _ref7.currentPage,
-                pages = _ref7.pages;
+          }, function (_ref8) {
+            var currentPage = _ref8.currentPage,
+                pages = _ref8.pages;
             describe("when on page ".concat(currentPage), function () {
               it("has one ellipsis at the start", function () {
                 expect(countEllipses(pages)).toEqual(1);

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

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA0C,CAAC;AA0BvD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA0C,CAAC;AAoCvD,eAAe,MAAM,CAAC"}

package/lib/components/Pagination/schema.js

@@ -15,7 +15,9 @@ schema.propTypes = {
   variant: _reactDesc.PropTypes.oneOf(['comfortable', 'compact']).description('Controls the padding size of the component').defaultValue('comfortable'),
   defaultActivePage: _reactDesc.PropTypes.number.description('When uncontrolled, specifies the default initially-active page').defaultValue('1'),
   activePage: _reactDesc.PropTypes.number.description('Sets the currently-active page. If specified, the component is "controlled".'),
-  totalPages: _reactDesc.PropTypes.number.isRequired.description('Sets the total number of pages'),
+  openEnded: _reactDesc.PropTypes.bool.description('Define if this is an open-ended pagination. Use hasNext to enable the next button').defaultValue('false'),
+  hasNext: _reactDesc.PropTypes.bool.description('Use with `openEnded` prop to define if the Next button is enabled').defaultValue('false'),
+  totalPages: _reactDesc.PropTypes.number.description('Sets the total number of pages. This is required when using a fixed pagination'),
   onPageChange: _reactDesc.PropTypes.func.description('A function called with two arguments (the newly-active page and the previously-active page) whenever the active page changes'),
   labelPrevious: _reactDesc.PropTypes.string.description('Override the "Previous" button label'),
   labelNext: _reactDesc.PropTypes.string.description('Override the "Next" button label')

package/lib/components/Pagination/types.d.ts

@@ -1,8 +1,31 @@
 export declare type PaginationVariant = 'comfortable' | 'compact';
 export interface Page {
-    active?: boolean;
     page?: number;
+    active?: boolean;
     ellipsis?: boolean;
 }
+export interface DefaultPaginationProps {
+    variant: PaginationVariant;
+    defaultActivePage?: number;
+    activePage?: number;
+    onPageChange?: (newPage: number, oldPage: number) => void;
+    labelPrevious?: string;
+    labelNext?: string;
+}
+declare type OpenEndedPaginationProps = {
+    openEnded: true;
+    hasNext: boolean;
+} & DefaultPaginationProps;
+declare type CloseEndedPaginationProps = {
+    openEnded: false;
+    totalPages: number;
+} & DefaultPaginationProps;
+export declare type PaginationProps = CloseEndedPaginationProps | OpenEndedPaginationProps;
+export declare type PagesProps = {
+    currentPage: number;
+    totalPages?: CloseEndedPaginationProps['totalPages'];
+    onPageChange: (page: Page) => void;
+} & Pick<PaginationProps, 'variant' | 'activePage'>;
 export declare type PageChangeHandlerFn = (page: Page) => void;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/lib/components/Pagination/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/types.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB,GAAG,aAAa,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,IAAI;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/types.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB,GAAG,aAAa,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,IAAI;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,aAAK,wBAAwB,GAAG;IAC9B,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;CAClB,GAAG,sBAAsB,CAAC;AAE3B,aAAK,yBAAyB,GAAG;IAC/B,SAAS,EAAE,KAAK,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,sBAAsB,CAAC;AAE3B,oBAAY,eAAe,GACvB,yBAAyB,GACzB,wBAAwB,CAAC;AAE7B,oBAAY,UAAU,GAAG;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,yBAAyB,CAAC,YAAY,CAAC,CAAC;IACrD,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,YAAY,CAAC,CAAC;AAEpD,oBAAY,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC"}

package/lib/components/Pagination/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/PasswordField/IconWrapper.d.ts

@@ -0,0 +1,198 @@
+/// <reference types="react" />
+declare const IconWrapper: import("styled-components").StyledComponent<"div", any, Partial<{
+    readonly alignContent?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly alignItems?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly alignSelf?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flex?: string | number | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("react").ReactText, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexBasis?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").FlexDirectionProperty, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexGrow?: number | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").GlobalsNumber, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexShrink?: number | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").GlobalsNumber, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexWrap?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").FlexWrapProperty, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly justifyContent?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly justifyItems?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly justifySelf?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly order?: number | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").GlobalsNumber, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly size?: "XS" | "SM" | "MD" | "LG" | "XL" | undefined;
+}> & Partial<{
+    readonly margin: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginBottom: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginLeft: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginRight: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginTop: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginX: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginY: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly padding: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingBottom: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingLeft: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingRight: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingTop: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingX: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingY: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+}> & {
+    disabled?: boolean | undefined;
+}, never>;
+export default IconWrapper;
+//# sourceMappingURL=IconWrapper.d.ts.map

package/lib/components/PasswordField/IconWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordField/IconWrapper.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqBhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/PasswordField/IconWrapper.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _spacing = _interopRequireDefault(require("@decisiv/design-tokens/lib/spacing"));
+
+var _Flex = _interopRequireDefault(require("../Flex"));
+
+var _focusRingWithColor = _interopRequireDefault(require("../../utils/focusRingWithColor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var IconWrapper = (0, _styledComponents.default)(_Flex.default).withConfig({
+  displayName: "IconWrapper",
+  componentId: "z9032r-0"
+})(["margin-right:", ";cursor:pointer;width:", ";height:", ";flex-direction:column;justify-content:center;border-radius:", ";border:1px solid transparent;&,&:hover{color:", ";}&:focus{", ";border:1px solid ", ";outline:none;"], (0, _rem.default)(_spacing.default.base * 0.2), (0, _rem.default)(_spacing.default.base * 1.8), (0, _rem.default)(_spacing.default.base * 3), (0, _rem.default)(_spacing.default.base * 0.2), function (_ref) {
+  var disabled = _ref.disabled;
+  return (0, _toColorString.default)(disabled ? _color.default.opacity.charcoal40 : _color.default.interaction.pacificOcean);
+}, (0, _focusRingWithColor.default)(_color.default.interaction.pacificOcean40), (0, _toColorString.default)(_color.default.interaction.pacificOcean));
+var _default = IconWrapper;
+exports.default = _default;

package/lib/components/PasswordField/Input.d.ts

@@ -0,0 +1,6 @@
+declare const Input: import("styled-components").StyledComponent<"input", any, {
+    passwordVisible?: boolean | undefined;
+    hideLabel?: boolean | undefined;
+}, never>;
+export default Input;
+//# sourceMappingURL=Input.d.ts.map

package/lib/components/PasswordField/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordField/Input.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,KAAK;;;SAmDV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/PasswordField/Input.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _designTokens = require("@decisiv/design-tokens");
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _spacing = _interopRequireDefault(require("@decisiv/design-tokens/lib/spacing"));
+
+var _styleModifiers = require("../../utils/styleModifiers");
+
+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 Input = _styledComponents.default.input.withConfig({
+  displayName: "Input",
+  componentId: "sc-1kueen6-0"
+})(["font-family:", ";font-size:", ";font-weight:", ";overflow:visible;&::-moz-focus-inner{border:0;padding:0;margin:0;}background-color:inherit;border:transparent;display:block;line-height:140%;padding-right:", ";padding-left:", ";width:100%;", " ", " ", " &:active,&:focus{outline:none;}"], _designTokens.typography.typeface.default, (0, _rem.default)(_designTokens.typography.size.alias.default), _designTokens.typography.weight.alias.default, (0, _rem.default)(_spacing.default.base), (0, _rem.default)(_spacing.default.base * 0.1), (0, _styleModifiers.whenNot)('passwordVisible', (0, _styledComponents.css)(["padding-bottom:", ";font-weight:", ";letter-spacing:", ";"], (0, _rem.default)(_spacing.default.base * 0.6), _designTokens.typography.weight.alias.extrabold, (0, _rem.default)(_spacing.default.base * 0.2))), (0, _styleModifiers.whenAll)([['hideLabel', true], ['passwordVisible', false]], (0, _styledComponents.css)(["margin-top:", ";padding-bottom:", ";margin-top:", ";"], (0, _rem.default)(_spacing.default.base * 0.2), (0, _rem.default)(_spacing.default.base * 0.4), (0, _rem.default)(_spacing.default.base * 0.4))), (0, _styleModifiers.whenAll)([['passwordVisible', true]], (0, _styledComponents.css)(["padding-bottom:", ";"], (0, _rem.default)(_spacing.default.base * 0.6))));
+
+var _default = Input;
+exports.default = _default;

package/lib/components/PasswordField/ShowPasswordButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface ShowPasswordButtonInterface {
+    showPassword?: boolean;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<SVGSVGElement, MouseEvent>) => void;
+}
+export default function ShowPasswordButton({ showPassword, onClick, disabled, }: ShowPasswordButtonInterface): JSX.Element;
+//# sourceMappingURL=ShowPasswordButton.d.ts.map

package/lib/components/PasswordField/ShowPasswordButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowPasswordButton.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordField/ShowPasswordButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAS3C,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,aAAa,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE,2BAA2B,GAAG,GAAG,CAAC,OAAO,CAqC3C"}

package/lib/components/PasswordField/ShowPasswordButton.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ShowPasswordButton;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _EyeAlt = _interopRequireDefault(require("@decisiv/iconix/lib/components/EyeAlt"));
+
+var _EyeSlash = _interopRequireDefault(require("@decisiv/iconix/lib/components/EyeSlash"));
+
+var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
+var _useTranslations = _interopRequireDefault(require("../../utils/useTranslations"));
+
+var _IconWrapper = _interopRequireDefault(require("./IconWrapper"));
+
+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; } }
+
+function ShowPasswordButton(_ref) {
+  var showPassword = _ref.showPassword,
+      onClick = _ref.onClick,
+      disabled = _ref.disabled;
+  var translate = (0, _useTranslations.default)();
+  var EyeIcon = showPassword ? _EyeSlash.default : _EyeAlt.default;
+  var tooltipText = showPassword ? translate(undefined, 'passwordField.hidePassword') : translate(undefined, 'passwordField.showPassword');
+  var handleKeyPress = (0, _react.useCallback)(function (event) {
+    if (event.key === 'Enter') onClick && onClick(event);
+  }, [onClick]);
+  return _react.default.createElement(_Tooltip.default, {
+    placement: "top",
+    target: // eslint-disable-next-line react/jsx-wrap-multilines
+    _react.default.createElement(_IconWrapper.default, {
+      tabIndex: 0,
+      disabled: disabled,
+      onKeyPress: handleKeyPress
+    }, _react.default.createElement(EyeIcon, {
+      onClick: onClick,
+      "data-testid": "toggle-password-visible",
+      role: "button",
+      "aria-expanded": showPassword
+    }))
+  }, tooltipText);
+}

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

@@ -0,0 +1,14 @@
+import React, { RefForwardingComponent } from 'react';
+import { BaseInputFieldProps } from '../../atoms/InputField';
+export declare type TextInputRef = HTMLInputElement;
+export interface PasswordFieldProps extends Omit<React.InputHTMLAttributes<TextInputRef>, 'icon' | 'readOnly' | 'label'>, Omit<BaseInputFieldProps, 'children' | 'onClick'> {
+    onBlur?: React.FocusEventHandler;
+    onChange?: React.ChangeEventHandler<TextInputRef>;
+    onFocus?: React.FocusEventHandler;
+    onKeyDown?: React.KeyboardEventHandler;
+    initialPasswordVisible?: boolean;
+    value: string;
+}
+declare const PasswordFieldWithRef: RefForwardingComponent<TextInputRef, PasswordFieldProps>;
+export default PasswordFieldWithRef;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PasswordField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,sBAAsB,EAMvB,MAAM,OAAO,CAAC;AAGf,OAAmB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AASzE,oBAAY,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,WAAW,kBACf,SAAQ,IAAI,CACR,KAAK,CAAC,mBAAmB,CAAC,YAAY,CAAC,EACvC,MAAM,GAAG,UAAU,GAAG,OAAO,CAC9B,EACD,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC;IACvC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,KAAK,EAAE,MAAM,CAAC;CACf;AAmED,QAAA,MAAM,oBAAoB,EAAE,sBAAsB,CAChD,YAAY,EACZ,kBAAkB,CACS,CAAC;AAQ9B,eAAe,oBAAoB,CAAC"}