@proprioo/salatim 26.0.0 → 26.1.0

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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA2D;AAE3D,0CAOwB;AACxB,0CAAwC;AAExC,mDAA4C;AAI/B,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAuB;;SAEnD,IAAA,sBAAc,EAAC,CAAC,CAAC;WACf,IAAA,sBAAc,EAAC,CAAC,CAAC;WACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;YAEjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;cAOhB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;gBASzD,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;uBAKX,mBAAW,CAAC,KAAK;WAC7B,IAAA,sBAAc,EAAC,EAAE,CAAC;aAChB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;gBAIf,cAAM,CAAC,IAAI,CAAC,MAAM;;;;CAIjC,CAAC;AAEF,MAAM,YAAY,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;CAW7B,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,6BAAS,EAAA;;;;;;;;;;;CAW9B,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAa;;;;;;;;;WASlC,cAAM,CAAC,IAAI,CAAC,IAAI;gBACX,eAAO,CAAC,MAAM;;;;;;;;IAQ1B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACb,IAAI,IAAI,KAAK,yBAAS,CAAC,EAAE,EAAE;QACzB,OAAO,IAAA,uBAAG,EAAA;qBACK,YAAY;OAC1B,CAAC;KACH;SAAM,IAAI,IAAI,KAAK,yBAAS,CAAC,GAAG,EAAE;QACjC,OAAO,IAAA,uBAAG,EAAA;;;qBAGK,aAAa;OAC3B,CAAC;KACH;AACH,CAAC;;IAEC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,CAAC,SAAS;IACV,IAAA,uBAAG,EAAA;iBACU,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;;2BAEpD,mBAAW,CAAC,MAAM;mBAC1B,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;YAC/C,IAAA,sBAAc,EAAC,EAAE,CAAC;;;2BAGH,mBAAW,CAAC,KAAK;mBACzB,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;YAC/C,IAAA,sBAAc,EAAC,EAAE,CAAC;;KAEzB;;uBAEkB,mBAAW,CAAC,KAAK;iBACvB,IAAA,sBAAc,EAAC,GAAG,CAAC;;;qBAGf,cAAM,CAAC,GAAG;MACzB,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CACrB,YAAY;IACV,CAAC,CAAC,IAAA,uBAAG,EAAA;;WAEF;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;WAEF;;CAEV,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;gBAKrB,cAAM,CAAC,KAAK,CAAC,IAAI;aACpB,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC;;;uBAG7B,mBAAW,CAAC,KAAK;;;CAGvC,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;mBACb,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;CAKnC,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;uBAGhB,mBAAW,CAAC,KAAK;;aAE3B,IAAA,sBAAc,EAAC,EAAE,CAAC;cACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;CAO/B,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,CAAC,CAA4B;;;uBAGlC,mBAAW,CAAC,KAAK;MAClC,cAAM,CAAC,EAAE;;;;;CAKd,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,CAAC,CAAA;IACxB,kBAAU,CAAC,KAAK;YACR,IAAA,sBAAc,EAAC,CAAC,CAAC,MAAM,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC1C,cAAM,CAAC,IAAI,CAAC,MAAM;;uBAEN,mBAAW,CAAC,KAAK;;;CAGvC,CAAC"}
+{"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,41 @@ 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 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 { 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", onClick: openModal }),
         createModal({
-            title: 'test',
-            text: 'text',
             icon: react_1.default.createElement("span", null),
+            text: 'text',
+            title: 'test',
             children: react_1.default.createElement("div", { "data-test": "content" })
         })));
 };
-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();
+describe('useModal', () => {
+    it('should open modal', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(MockModal, null));
+        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('content')).not.toBeInTheDocument();
         yield user_event_1.default.click(react_2.screen.getByTestId('open'));
         expect(mockOnOpen).toHaveBeenCalledTimes(1);
-        expect(react_2.screen.getByTestId('content')).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();
-    }));
-    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);
+        expect(react_2.screen.getByTestId('content')).toBeInTheDocument();
     }));
 });
 //# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,kDAAwD;AACxD,6EAAoD;AAEpD,oDAA+B;AAE/B,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC7B,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE9B,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,IAAA,eAAQ,EAAC;QAC1C,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;QACpB,MAAM,EAAE,UAAU;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,gBAAQ;QACP,uDAAkB,MAAM,EAAC,OAAO,EAAE,SAAS,GAAI;QAC9C,WAAW,CAAC;YACX,IAAI,EAAE,2CAAQ;YACd,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,oDAAe,SAAS,GAAG;SACtC,CAAC,CACO,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,mBAAmB,EAAE,GAAS,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,SAAS,OAAG,CAAC,CAAC;QAEtB,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACnE,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACpE,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACnE,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAEhE,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;QAElD,MAAM,CAAC,UAAU,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC5D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proprioo/salatim",
-  "version": "26.0.0",
+  "version": "26.1.0",
   "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 {};

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

@@ -1,57 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reducerModal = exports.ModalActions = exports.ModalFade = void 0;
-const utils_1 = require("../../../utils");
-var ModalFade;
-(function (ModalFade) {
-    ModalFade["IN"] = "in";
-    ModalFade["OUT"] = "out";
-})(ModalFade = exports.ModalFade || (exports.ModalFade = {}));
-var ModalActionsEnum;
-(function (ModalActionsEnum) {
-    ModalActionsEnum["OPEN"] = "open";
-    ModalActionsEnum["CLOSE"] = "close";
-    ModalActionsEnum["SHOW"] = "show";
-    ModalActionsEnum["HIDE"] = "hide";
-    ModalActionsEnum["TOGGLE_LOAD"] = "toggleLoad";
-})(ModalActionsEnum || (ModalActionsEnum = {}));
-exports.ModalActions = {
-    open: (0, utils_1.createAction)(ModalActionsEnum.OPEN),
-    show: (0, utils_1.createAction)(ModalActionsEnum.SHOW),
-    hide: (0, utils_1.createAction)(ModalActionsEnum.HIDE),
-    toggleLoad: (0, utils_1.createAction)(ModalActionsEnum.TOGGLE_LOAD),
-    close: (0, utils_1.createAction)(ModalActionsEnum.CLOSE)
-};
-const reducerModal = (state, { type }) => {
-    switch (type) {
-        case ModalActionsEnum.OPEN:
-            return Object.assign(Object.assign({}, state), { fade: ModalFade.IN, isOpen: true });
-        case ModalActionsEnum.SHOW:
-            const { fade } = state, rest = __rest(state, ["fade"]);
-            return Object.assign(Object.assign({}, rest), { isOpen: true });
-        case ModalActionsEnum.HIDE:
-            return Object.assign(Object.assign({}, state), { fade: ModalFade.OUT });
-        case ModalActionsEnum.TOGGLE_LOAD:
-            return Object.assign(Object.assign({}, state), { isLoading: !state.isLoading });
-        case ModalActionsEnum.CLOSE:
-            return {
-                isOpen: false,
-                isLoading: false
-            };
-        default:
-            throw new Error();
-    }
-};
-exports.reducerModal = reducerModal;
-//# sourceMappingURL=Modal.reducer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.reducer.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.reducer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,0CAA4D;AAE5D,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,sBAAS,CAAA;IACT,wBAAW,CAAA;AACb,CAAC,EAHW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAGpB;AAQD,IAAK,gBAMJ;AAND,WAAK,gBAAgB;IACnB,iCAAa,CAAA;IACb,mCAAe,CAAA;IACf,iCAAa,CAAA;IACb,iCAAa,CAAA;IACb,8CAA0B,CAAA;AAC5B,CAAC,EANI,gBAAgB,KAAhB,gBAAgB,QAMpB;AAEY,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE,IAAA,oBAAY,EAA+B,gBAAgB,CAAC,IAAI,CAAC;IACvE,IAAI,EAAE,IAAA,oBAAY,EAA+B,gBAAgB,CAAC,IAAI,CAAC;IACvE,IAAI,EAAE,IAAA,oBAAY,EAA+B,gBAAgB,CAAC,IAAI,CAAC;IACvE,UAAU,EAAE,IAAA,oBAAY,EACtB,gBAAgB,CAAC,WAAW,CAC7B;IACD,KAAK,EAAE,IAAA,oBAAY,EAAgC,gBAAgB,CAAC,KAAK,CAAC;CAC3E,CAAC;AAIK,MAAM,YAAY,GAAG,CAC1B,KAAmB,EACnB,EAAE,IAAI,EAAmB,EACzB,EAAE;IACF,QAAQ,IAAI,EAAE;QACZ,KAAK,gBAAgB,CAAC,IAAI;YACxB,uCACK,KAAK,KACR,IAAI,EAAE,SAAS,CAAC,EAAE,EAClB,MAAM,EAAE,IAAI,IACZ;QACJ,KAAK,gBAAgB,CAAC,IAAI;YACxB,MAAM,EAAE,IAAI,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAzB,QAAiB,CAAQ,CAAC;YAChC,uCACK,IAAI,KACP,MAAM,EAAE,IAAI,IACZ;QACJ,KAAK,gBAAgB,CAAC,IAAI;YACxB,uCACK,KAAK,KACR,IAAI,EAAE,SAAS,CAAC,GAAG,IACnB;QACJ,KAAK,gBAAgB,CAAC,WAAW;YAC/B,uCACK,KAAK,KACR,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,IAC3B;QACJ,KAAK,gBAAgB,CAAC,KAAK;YACzB,OAAO;gBACL,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,KAAK;aACjB,CAAC;QACJ;YACE,MAAM,IAAI,KAAK,EAAE,CAAC;KACrB;AACH,CAAC,CAAC;AAnCW,QAAA,YAAY,gBAmCvB"}