@proprioo/salatim 26.0.0 → 26.1.1

package/lib/ui/src/modal/Modal.styles.js

@@ -23,22 +23,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = exports.Title = exports.IconContainer = exports.Header = exports.MobileTitle = exports.Layout = exports.CloseLayout = void 0;
+exports.BackgroundLayout = exports.Text = exports.Title = exports.IconContainer = exports.Header = exports.MobileTitle = exports.Layout = exports.CloseLayout = void 0;
+const polished_1 = require("polished");
 const styled_components_1 = __importStar(require("styled-components"));
 const utils_1 = require("../../../utils");
 const Title_1 = require("../title/Title");
-const Modal_reducer_1 = require("./Modal.reducer");
-exports.CloseLayout = styled_components_1.default.div `
+const Modal_1 = require("./Modal");
+exports.CloseLayout = styled_components_1.default.button `
+  ${utils_1.resetCssButton};
   position: absolute;
-  top: ${(0, utils_1.convertPxToRem)(8)};
   right: ${(0, utils_1.convertPxToRem)(8)};
-  width: ${(0, utils_1.convertPxToRem)(32)};
-  z-index: 1;
+  top: ${(0, utils_1.convertPxToRem)(8)};
   height: ${(0, utils_1.convertPxToRem)(32)};
+  width: ${(0, utils_1.convertPxToRem)(32)};
 
   svg {
-    width: 100%;
     height: 100%;
+    width: 100%;
 
     path {
       fill: ${({ hasTitle }) => (hasTitle ? 'white' : utils_1.colors.dark.base40)};
@@ -56,8 +57,8 @@ exports.CloseLayout = styled_components_1.default.div `
   }
 
   @media (min-width: ${utils_1.breakpoints.small}px) {
-    top: ${(0, utils_1.convertPxToRem)(12)};
     right: ${(0, utils_1.convertPxToRem)(12)};
+    top: ${(0, utils_1.convertPxToRem)(12)};
 
     svg {
       path {
@@ -66,62 +67,22 @@ exports.CloseLayout = styled_components_1.default.div `
     }
   }
 `;
-const layoutFadeIn = (0, styled_components_1.keyframes) `
-0% {
-  opacity: 0;
-  transform: translate(-50%, -80%);
-}
-50% {
-  opacity: 1;
-}
-100% {
-  transform: translate(-50%, -50%);
-}
-`;
-const layoutFadeOut = (0, styled_components_1.keyframes) `
-0% {
-  opacity: 1;
-  transform: translate(-50%, -50%);
-}
-50% {
-  opacity: 0;
-}
-100% {
-  transform: translate(-50%, -100%);
-}
-`;
 exports.Layout = styled_components_1.default.div `
   position: fixed;
-  z-index: 1001;
-  top: 50%;
   left: 50%;
-  width: 100%;
+  top: 50%;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
   max-height: 100%;
+  width: 100%;
   overflow-y: auto;
   background: white;
   color: ${utils_1.colors.dark.base};
   box-shadow: ${utils_1.shadows.level5};
+  opacity: 1;
   cursor: auto;
   transform: translate(-50%, -50%);
-  opacity: 1;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  ${({ fade }) => {
-    if (fade === Modal_reducer_1.ModalFade.IN) {
-        return (0, styled_components_1.css) `
-        animation: ${layoutFadeIn} 0.3s linear;
-      `;
-    }
-    else if (fade === Modal_reducer_1.ModalFade.OUT) {
-        return (0, styled_components_1.css) `
-        transform: translate(-50%, -100%);
-        opacity: 0;
-        animation: ${layoutFadeOut} 0.3s linear;
-      `;
-    }
-}}
 
   ${({ noPadding }) => !noPadding &&
     (0, styled_components_1.css) `
@@ -139,26 +100,20 @@ exports.Layout = styled_components_1.default.div `
     `}
 
   @media (min-width: ${utils_1.breakpoints.small}px) {
-    min-width: ${(0, utils_1.convertPxToRem)(640)};
-    max-height: 85%;
     height: auto;
+    max-height: 85%;
+    width: ${({ isFullScreen }) => (isFullScreen ? '95%' : '50%')};
+    min-width: ${(0, utils_1.convertPxToRem)(640)};
     border-radius: ${utils_1.radius.big};
-    ${({ isFullScreen }) => isFullScreen
-    ? (0, styled_components_1.css) `
-            width: 95%;
-          `
-    : (0, styled_components_1.css) `
-            width: 50%;
-          `}
   }
 `;
 exports.MobileTitle = styled_components_1.default.div `
   position: absolute;
-  top: 0;
   left: 0;
   right: 0;
-  background: ${utils_1.colors.green.base};
+  top: 0;
   padding: ${(0, utils_1.convertPxToRem)(16)} ${(0, utils_1.convertPxToRem)(8)};
+  background: ${utils_1.colors.green.base};
   color: white;
 
   @media (min-width: ${utils_1.breakpoints.small}px) {
@@ -166,10 +121,10 @@ exports.MobileTitle = styled_components_1.default.div `
   }
 `;
 exports.Header = styled_components_1.default.div `
-  margin-bottom: ${(0, utils_1.convertPxToRem)(8)};
   display: flex;
-  flex-direction: column;
   align-items: center;
+  flex-direction: column;
+  margin-bottom: ${(0, utils_1.convertPxToRem)(8)};
   text-align: center;
 `;
 exports.IconContainer = styled_components_1.default.div `
@@ -177,12 +132,12 @@ exports.IconContainer = styled_components_1.default.div `
 
   @media (min-width: ${utils_1.breakpoints.small}px) {
     display: block;
-    width: ${(0, utils_1.convertPxToRem)(48)};
     height: ${(0, utils_1.convertPxToRem)(48)};
+    width: ${(0, utils_1.convertPxToRem)(48)};
 
     svg {
-      width: 100%;
       height: 100%;
+      width: 100%;
     }
   }
 `;
@@ -192,8 +147,8 @@ exports.Title = styled_components_1.default.p `
   @media (min-width: ${utils_1.breakpoints.small}px) {
     ${Title_1.titles.h6};
     display: block;
-    font-weight: bold;
     margin: 0;
+    font-weight: bold;
   }
 `;
 exports.Text = styled_components_1.default.p `
@@ -205,4 +160,75 @@ exports.Text = styled_components_1.default.p `
     text-align: left;
   }
 `;
+const backgroundFadeIn = (0, styled_components_1.keyframes) `
+  from {
+    background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
+  } to {
+    background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
+  }
+`;
+const backgroundFadeOut = (0, styled_components_1.keyframes) `
+  from {
+    background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
+  } to {
+    background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
+  }
+`;
+const layoutFadeIn = (0, styled_components_1.keyframes) `
+  0% {
+    opacity: 0;
+    transform: translate(-50%, -80%);
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  100% {
+    transform: translate(-50%, -50%);
+  }
+
+`;
+const layoutFadeOut = (0, styled_components_1.keyframes) `
+  0% {
+    opacity: 1;
+    transform: translate(-50%, -50%);
+  }
+
+  50% {
+    opacity: 0;
+  }
+  
+  100% {
+    transform: translate(-50%, -100%);
+  }
+`;
+exports.BackgroundLayout = styled_components_1.default.div `
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  top: 0;
+  background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
+  cursor: pointer;
+
+  ${({ fade }) => fade === Modal_1.FadeEnum.IN
+    ? (0, styled_components_1.css) `
+          animation: ${backgroundFadeIn} 0.2s linear;
+
+          ${exports.Layout} {
+            animation: ${layoutFadeIn} 0.3s linear;
+          }
+        `
+    : (0, styled_components_1.css) `
+          background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
+          animation: ${backgroundFadeOut} 0.2s linear;
+
+          ${exports.Layout} {
+            opacity: 0;
+            transform: translate(-50%, -100%);
+            animation: ${layoutFadeOut} 0.3s linear;
+          }
+        `}
+`;
 //# sourceMappingURL=Modal.styles.js.map

package/lib/ui/src/modal/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.styles.ts"],"names":[],"mappings":"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"}

package/lib/ui/src/modal/Modal.test.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -12,57 +35,68 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const react_2 = require("@testing-library/react");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const test_utils_1 = require("../../../utils/src/test-utils");
 const Modal_1 = __importDefault(require("./Modal"));
 const mockOnOpen = jest.fn();
 const mockOnClose = jest.fn();
 const mockOnAbort = jest.fn();
-const defaultProps = {
-    onOpen: mockOnOpen,
-    onClose: mockOnClose,
-    onAbort: mockOnAbort
-};
-const MockModal = ({ onOpen, onClose }) => {
-    const { openModal, closeModal, createModal } = (0, Modal_1.default)({ onOpen, onClose });
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("button", { "data-test": "open", onClick: () => openModal() }, "onOpen"),
-        react_1.default.createElement("button", { "data-test": "close", onClick: () => closeModal() }, "onClose"),
+const MockModal = () => {
+    const { closeModal, createModal, openModal } = (0, Modal_1.default)({
+        onAbort: mockOnAbort,
+        onClose: mockOnClose,
+        onOpen: mockOnOpen
+    });
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement("button", { "data-test": "open-button", onClick: openModal }),
         createModal({
-            title: 'test',
-            text: 'text',
             icon: react_1.default.createElement("span", null),
-            children: react_1.default.createElement("div", { "data-test": "content" })
+            text: 'text',
+            title: 'test',
+            children: react_1.default.createElement("button", { "data-test": "close-button", onClick: closeModal })
         })));
 };
-describe('Modal hook', () => {
-    it('should call onOpen', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(MockModal, Object.assign({}, defaultProps)));
-        expect(react_2.screen.queryByTestId('content"]')).not.toBeInTheDocument();
-        expect(react_2.screen.queryByTestId('modal-title"]')).not.toBeInTheDocument();
-        expect(react_2.screen.queryByTestId('modal-text"]')).not.toBeInTheDocument();
-        expect(react_2.screen.queryByTestId('modal-icon"]')).not.toBeInTheDocument();
-        yield user_event_1.default.click(react_2.screen.getByTestId('open'));
+describe('useModal', () => {
+    it('should call onOpen on open modal click button', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(MockModal, null));
+        expect(react_2.screen.queryByTestId('modal-background')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByTestId('modal-icon')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByTestId('modal-title')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByTestId('modal-text')).not.toBeInTheDocument();
+        expect(react_2.screen.queryByTestId('close-button')).not.toBeInTheDocument();
+        yield user_event_1.default.click(react_2.screen.getByTestId('open-button'));
         expect(mockOnOpen).toHaveBeenCalledTimes(1);
-        expect(react_2.screen.getByTestId('content')).toBeInTheDocument();
+        expect(react_2.screen.getByTestId('modal-background')).toBeInTheDocument();
+        expect(react_2.screen.getByTestId('modal-icon')).toBeInTheDocument();
         expect(react_2.screen.getByTestId('modal-title')).toBeInTheDocument();
         expect(react_2.screen.getByTestId('modal-text')).toBeInTheDocument();
-        expect(react_2.screen.getByTestId('modal-icon')).toBeInTheDocument();
+        expect(react_2.screen.getByTestId('close-button')).toBeInTheDocument();
+    }));
+    it('should call onClose on close modal click button', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(MockModal, null));
+        yield user_event_1.default.click(react_2.screen.getByTestId('open-button'));
+        expect(react_2.screen.getByTestId('close-button')).toBeInTheDocument();
+        yield (0, test_utils_1.triggerCloseModal)(user_event_1.default.click(react_2.screen.getByTestId('close-button')));
+        expect(mockOnClose).toHaveBeenCalledTimes(1);
+        expect(mockOnAbort).toHaveBeenCalledTimes(0);
+    }));
+    it('should call onAbort and onClose on close modal icon click', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(MockModal, null));
+        yield user_event_1.default.click(react_2.screen.getByTestId('open-button'));
+        expect(react_2.screen.getByTestId('close-modal-icon')).toBeInTheDocument();
+        yield (0, test_utils_1.triggerCloseModal)(user_event_1.default.click(react_2.screen.getByTestId('close-modal-icon')));
+        expect(mockOnAbort).toHaveBeenCalledTimes(1);
+        expect(mockOnClose).toHaveBeenCalledTimes(1);
     }));
-    it('should call onClose', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, react_2.render)(react_1.default.createElement(MockModal, Object.assign({}, defaultProps)));
-        yield user_event_1.default.click(react_2.screen.getByTestId('open'));
-        yield user_event_1.default.click(react_2.screen.getByTestId('close'));
-        // Close annimation
-        setTimeout(() => {
-            expect(mockOnClose).toHaveBeenCalledTimes(1);
-            expect(mockOnAbort).toHaveBeenCalledTimes(1);
-            expect(react_2.screen.queryByTestId('content')).not.toBeInTheDocument();
-            expect(react_2.screen.queryByTestId('modal-title')).not.toBeInTheDocument();
-            expect(react_2.screen.queryByTestId('modal-text')).not.toBeInTheDocument();
-            expect(react_2.screen.queryByTestId('modal-icon')).not.toBeInTheDocument();
-        }, 500);
+    it('should call onAbort and onClose on escape key press', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(MockModal, null));
+        yield user_event_1.default.click(react_2.screen.getByTestId('open-button'));
+        expect(react_2.screen.getByTestId('close-modal-icon')).toBeInTheDocument();
+        yield (0, test_utils_1.triggerCloseModal)(user_event_1.default.keyboard('{Escape}'));
+        expect(mockOnAbort).toHaveBeenCalledTimes(1);
+        expect(mockOnClose).toHaveBeenCalledTimes(1);
     }));
 });
 //# sourceMappingURL=Modal.test.js.map

package/lib/ui/src/modal/Modal.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.test.tsx"],"names":[],"mappings":"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"}

package/lib/utils/src/test-utils.d.ts

@@ -1,15 +1,14 @@
 import { RunOptions } from 'jest-axe/node_modules/axe-core';
-import React from 'react';
+import React, { ReactElement } from 'react';
 import { render as rtlRender, RenderOptions, RenderResult } from '@testing-library/react';
-export declare const flushPromises: (timer?: number) => Promise<unknown>;
 declare type UIComponent = Parameters<typeof rtlRender>[0];
 declare type TestA11YOptions = TestOptions & {
     axeOptions?: RunOptions;
 };
-declare function ChildrenPassthrough({ children }: {
-    children: React.ReactElement;
-}): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-export interface TestOptions extends Omit<RenderOptions, 'wrapper'> {
+declare const ChildrenPassthrough: ({ children }: {
+    children: ReactElement;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+interface TestOptions extends Omit<RenderOptions, 'wrapper'> {
     wrapper?: typeof ChildrenPassthrough;
 }
 /**
@@ -21,4 +20,5 @@ export interface TestOptions extends Omit<RenderOptions, 'wrapper'> {
  */
 export declare const render: (component: Parameters<typeof rtlRender>[0], { wrapper: Wrapper, ...options }?: TestOptions) => RenderResult;
 export declare const testA11y: (ui: UIComponent | Element, { axeOptions, ...options }?: TestA11YOptions) => Promise<undefined>;
+export declare const triggerCloseModal: (userEvent: Promise<any>) => Promise<void>;
 export {};

package/lib/utils/src/test-utils.js

@@ -23,21 +23,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.testA11y = exports.render = exports.flushPromises = void 0;
+exports.triggerCloseModal = exports.testA11y = exports.render = void 0;
 const jest_axe_1 = require("jest-axe");
 const react_1 = __importDefault(require("react"));
 const react_2 = require("@testing-library/react");
 expect.extend(jest_axe_1.toHaveNoViolations);
-const flushPromises = (timer = 0) => __awaiter(void 0, void 0, void 0, function* () {
-    return new Promise(resolve => {
-        setTimeout(resolve, timer);
-    });
-});
-exports.flushPromises = flushPromises;
 // UI-less passthrough fallback to prevent using conditional logic in render
-function ChildrenPassthrough({ children }) {
-    return children;
-}
+const ChildrenPassthrough = ({ children }) => children;
 /**
  * Custom render for @testing-library/react
  *
@@ -61,4 +53,10 @@ const testA11y = (ui, _a = {}) => __awaiter(void 0, void 0, void 0, function* ()
     }));
 });
 exports.testA11y = testA11y;
+const triggerCloseModal = (userEvent) => __awaiter(void 0, void 0, void 0, function* () {
+    yield userEvent;
+    // we need to trigger onAnimationEnd (jest doesn't do it automatically)
+    yield react_2.fireEvent.animationEnd(react_2.screen.getByTestId('modal-background'));
+});
+exports.triggerCloseModal = triggerCloseModal;
 //# sourceMappingURL=test-utils.js.map

package/lib/utils/src/test-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../../packages/utils/src/test-utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAmD;AAEnD,kDAA0B;AAE1B,kDAKgC;AAEhC,MAAM,CAAC,MAAM,CAAC,6BAAkB,CAAC,CAAC;AAE3B,MAAM,aAAa,GAAG,CAAO,KAAK,GAAG,CAAC,EAAE,EAAE;IAC/C,OAAA,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE;QACpB,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAA;EAAA,CAAC;AAHQ,QAAA,aAAa,iBAGrB;AAKL,4EAA4E;AAC5E,SAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAoC;IACzE,OAAO,QAAQ,CAAC;AAClB,CAAC;AAOD;;;;;;GAMG;AACI,MAAM,MAAM,GAAG,CACpB,SAA0C,EAC1C,KAAsE,EAAE,EAC1D,EAAE;QADhB,EAAE,OAAO,EAAE,OAAO,GAAG,mBAAmB,OAAgC,EAA3B,OAAO,cAApD,WAAsD,CAAF;IACnC,OAAA,IAAA,cAAS,EAAC,8BAAC,OAAO,QAAE,SAAS,CAAW,EAAE,OAAO,CAAC,CAAA;CAAA,CAAC;AAHzD,QAAA,MAAM,UAGmD;AAE/D,MAAM,QAAQ,GAAG,CACtB,EAAyB,EACzB,KAA8C,EAAE,EAChD,EAAE;QADF,EAAE,UAAU,OAAoC,EAA/B,OAAO,cAAxB,cAA0B,CAAF;IAExB,MAAM,SAAS,GAAG,eAAK,CAAC,cAAc,CAAC,EAAE,CAAC;QACxC,CAAC,CAAC,IAAA,cAAM,EAAC,EAAE,EAAE,OAAO,CAAC,CAAC,SAAS;QAC/B,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,IAAA,WAAG,EAAC,GAAS,EAAE;QACpB,MAAM,OAAO,GAAG,MAAM,IAAA,cAAG,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;IACvC,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAbW,QAAA,QAAQ,YAanB"}
+{"version":3,"file":"test-utils.js","sourceRoot":"","sources":["../../../packages/utils/src/test-utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAmD;AAEnD,kDAA4C;AAE5C,kDAOgC;AAEhC,MAAM,CAAC,MAAM,CAAC,6BAAkB,CAAC,CAAC;AAKlC,4EAA4E;AAC5E,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAA8B,EAAE,EAAE,CACvE,QAAQ,CAAC;AAOX;;;;;;GAMG;AACI,MAAM,MAAM,GAAG,CACpB,SAA0C,EAC1C,KAAsE,EAAE,EAC1D,EAAE;QADhB,EAAE,OAAO,EAAE,OAAO,GAAG,mBAAmB,OAAgC,EAA3B,OAAO,cAApD,WAAsD,CAAF;IACnC,OAAA,IAAA,cAAS,EAAC,8BAAC,OAAO,QAAE,SAAS,CAAW,EAAE,OAAO,CAAC,CAAA;CAAA,CAAC;AAHzD,QAAA,MAAM,UAGmD;AAE/D,MAAM,QAAQ,GAAG,CACtB,EAAyB,EACzB,KAA8C,EAAE,EAChD,EAAE;QADF,EAAE,UAAU,OAAoC,EAA/B,OAAO,cAAxB,cAA0B,CAAF;IAExB,MAAM,SAAS,GAAG,eAAK,CAAC,cAAc,CAAC,EAAE,CAAC;QACxC,CAAC,CAAC,IAAA,cAAM,EAAC,EAAE,EAAE,OAAO,CAAC,CAAC,SAAS;QAC/B,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,IAAA,WAAG,EAAC,GAAS,EAAE;QACpB,MAAM,OAAO,GAAG,MAAM,IAAA,cAAG,EAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;IACvC,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAA,CAAC;AAbW,QAAA,QAAQ,YAanB;AAEK,MAAM,iBAAiB,GAAG,CAC/B,SAAuB,EACR,EAAE;IACjB,MAAM,SAAS,CAAC;IAChB,uEAAuE;IACvE,MAAM,iBAAS,CAAC,YAAY,CAAC,cAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC;AACvE,CAAC,CAAA,CAAC;AANW,QAAA,iBAAiB,qBAM5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proprioo/salatim",
-  "version": "26.0.0",
+  "version": "26.1.1",
   "description": "Proprioo component library",
   "keywords": [
     "components",

package/lib/ui/src/background/Background.styles.d.ts

@@ -1,4 +0,0 @@
-import { ModalFade } from '../modal/Modal.reducer';
-export declare const BackgroundLayout: import("styled-components").StyledComponent<"div", any, {
-    fade?: ModalFade | undefined;
-}, never>;

package/lib/ui/src/background/Background.styles.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackgroundLayout = void 0;
-const polished_1 = require("polished");
-const styled_components_1 = __importStar(require("styled-components"));
-const utils_1 = require("../../../utils");
-const Modal_reducer_1 = require("../modal/Modal.reducer");
-const backgroundFadeIn = (0, styled_components_1.keyframes) `
-  from {
-    background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
-  }
-  to {
-    background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
-  }
-`;
-const backgroundFadeOut = (0, styled_components_1.keyframes) `
-  from {
-    background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
-  }
-  to {
-    background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
-  }
-`;
-exports.BackgroundLayout = styled_components_1.default.div `
-  position: fixed;
-  z-index: 1000;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  cursor: pointer;
-  background: ${(0, polished_1.transparentize)(0.2, utils_1.colors.dark.base)};
-
-  ${({ fade }) => {
-    if (fade === Modal_reducer_1.ModalFade.IN) {
-        return (0, styled_components_1.css) `
-        animation: ${backgroundFadeIn} 0.2s linear;
-      `;
-    }
-    else if (fade === Modal_reducer_1.ModalFade.OUT) {
-        return (0, styled_components_1.css) `
-        background: ${(0, polished_1.transparentize)(1, utils_1.colors.dark.base)};
-        animation: ${backgroundFadeOut} 0.2s linear;
-      `;
-    }
-}}
-`;
-//# sourceMappingURL=Background.styles.js.map

package/lib/ui/src/background/Background.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Background.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/background/Background.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA0C;AAC1C,uEAA2D;AAE3D,0CAAwC;AACxC,0DAAmD;AAEnD,MAAM,gBAAgB,GAAG,IAAA,6BAAS,EAAA;;kBAEhB,IAAA,yBAAc,EAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;;kBAGnC,IAAA,yBAAc,EAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEtD,CAAC;AAEF,MAAM,iBAAiB,GAAG,IAAA,6BAAS,EAAA;;kBAEjB,IAAA,yBAAc,EAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;;kBAGrC,IAAA,yBAAc,EAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;CAEpD,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAsB;;;;;;;;gBAQhD,IAAA,yBAAc,EAAC,GAAG,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;IAEjD,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACb,IAAI,IAAI,KAAK,yBAAS,CAAC,EAAE,EAAE;QACzB,OAAO,IAAA,uBAAG,EAAA;qBACK,gBAAgB;OAC9B,CAAC;KACH;SAAM,IAAI,IAAI,KAAK,yBAAS,CAAC,GAAG,EAAE;QACjC,OAAO,IAAA,uBAAG,EAAA;sBACM,IAAA,yBAAc,EAAC,CAAC,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;qBACpC,iBAAiB;OAC/B,CAAC;KACH;AACH,CAAC;CACF,CAAC"}

package/lib/ui/src/modal/Modal.reducer.d.ts

@@ -1,31 +0,0 @@
-import { ActionsUnion } from '../../../utils';
-export declare enum ModalFade {
-    IN = "in",
-    OUT = "out"
-}
-export interface ReducerModal {
-    isOpen: boolean;
-    isLoading: boolean;
-    fade?: ModalFade;
-}
-declare enum ModalActionsEnum {
-    OPEN = "open",
-    CLOSE = "close",
-    SHOW = "show",
-    HIDE = "hide",
-    TOGGLE_LOAD = "toggleLoad"
-}
-export declare const ModalActions: {
-    open: () => import("../../../utils").ActionsWithoutPayload<ModalActionsEnum.OPEN>;
-    show: () => import("../../../utils").ActionsWithoutPayload<ModalActionsEnum.SHOW>;
-    hide: () => import("../../../utils").ActionsWithoutPayload<ModalActionsEnum.HIDE>;
-    toggleLoad: () => import("../../../utils").ActionsWithoutPayload<ModalActionsEnum.TOGGLE_LOAD>;
-    close: () => import("../../../utils").ActionsWithoutPayload<ModalActionsEnum.CLOSE>;
-};
-export declare type AcceptedActions = ActionsUnion<typeof ModalActions>;
-export declare const reducerModal: (state: ReducerModal, { type }: AcceptedActions) => {
-    isLoading: boolean;
-    isOpen: boolean;
-    fade?: ModalFade | undefined;
-};
-export {};