@inntechcorp/it-design 2.0.91 → 2.0.93

package/dist/modal/container/ModalContainer.d.ts

@@ -8,5 +8,5 @@ type ContainerExtraProps = {
     modals: Required<ModalProps>[];
 };
 type ModalType = ModalContainerProps & ContainerExtraProps;
-declare const ModalContainer: ({ onShowModal, onRemoveModal, onModalEvent, modals }: ModalType) => ReactPortal | null;
+declare const ModalContainer: ({ onShowModal, onHideModal, onRemoveModal, onModalEvent, modals }: ModalType) => ReactPortal | null;
 export default ModalContainer;

package/dist/modal/context/ModalContext.d.ts

@@ -9,6 +9,13 @@ export type ModalContextType = {
      * @returns
      */
     showModal: (data: ModalProps) => void;
+    /**
+     * Dismisses the currently open modal with the ID of the modal to be hidden.
+     *
+     * @param id ID of the modal to be hide.
+     * @returns
+     */
+    hideModal: (id: string) => void;
     /**
      * Dismisses the currently open modal with the ID of the modal to be closed.
      *
@@ -44,6 +51,13 @@ export type ModalContainerProps = {
      * @returns
      */
     onShowModal: (data: ModalProps) => void;
+    /**
+     * Called when it's requested to hide an open modal.
+     *
+     * @param id ID of the modal to be hide.
+     * @returns
+     */
+    onHideModal: (id: string) => void;
     /**
      * Called when it's requested to dismiss an open modal.
      *

package/dist/{output-DCvuWNga.css → output-BwpNST6S.css}

@@ -61,33 +61,30 @@
   -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
 }
 
-.arrow {
-  transition: all 0.25s ease-out;
-  margin-left: auto;
-  transform: rotate(0deg);
-  width: 20px;
-  height: 20px;
-  fill: rgba(255, 255, 255, 0.6);
+.option {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  min-width: max-content;
+  padding: 10px 30px 10px 15px;
 }
-
-.arrowNormal {
-  margin-left: auto;
-  transform: rotate(-90deg);
+.option:not(:last-child) {
+  margin-bottom: 1px;
+}
+.option:hover {
+  background-color: rgba(29, 38, 73, 0.5019607843);
 }
 
-.arrowOpen {
-  transform: rotate(-180deg);
-  fill: #ffffff;
+.selected .single, .selected .option span {
+  color: #ffffff;
 }
 
-.icon {
-  margin-right: 8px;
-  height: 22px;
-  width: 22px;
-  color: rgba(255, 255, 255, 0.6);
-  font-size: 22px;
-  display: flex;
-  align-items: center;
+.single, .option span {
+  color: rgba(255, 255, 255, 0.6666666667);
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  white-space: nowrap;
 }
 
 .menu {
@@ -156,30 +153,33 @@
   transition: height 150ms ease-out;
 }
 
-.option {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  min-width: max-content;
-  padding: 10px 30px 10px 15px;
-}
-.option:not(:last-child) {
-  margin-bottom: 1px;
+.arrow {
+  transition: all 0.25s ease-out;
+  margin-left: auto;
+  transform: rotate(0deg);
+  width: 20px;
+  height: 20px;
+  fill: rgba(255, 255, 255, 0.6);
 }
-.option:hover {
-  background-color: rgba(29, 38, 73, 0.5019607843);
+
+.arrowNormal {
+  margin-left: auto;
+  transform: rotate(-90deg);
 }
 
-.selected .single, .selected .option span {
-  color: #ffffff;
+.arrowOpen {
+  transform: rotate(-180deg);
+  fill: #ffffff;
 }
 
-.single, .option span {
-  color: rgba(255, 255, 255, 0.6666666667);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 12px;
-  white-space: nowrap;
+.icon {
+  margin-right: 8px;
+  height: 22px;
+  width: 22px;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 22px;
+  display: flex;
+  align-items: center;
 }
 
 .container {

package/dist/{output-DfOH-aLb.css → output-Co64jyKL.css}

@@ -61,61 +61,6 @@
   -webkit-box-shadow: 0 0 0 30px #151d3d inset !important;
 }
 
-.option {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  min-width: max-content;
-  padding: 10px 30px 10px 15px;
-}
-.option:not(:last-child) {
-  margin-bottom: 1px;
-}
-.option:hover {
-  background-color: rgba(29, 38, 73, 0.5019607843);
-}
-
-.selected .single, .selected .option span {
-  color: #ffffff;
-}
-
-.single, .option span {
-  color: rgba(255, 255, 255, 0.6666666667);
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 12px;
-  white-space: nowrap;
-}
-
-.arrow {
-  transition: all 0.25s ease-out;
-  margin-left: auto;
-  transform: rotate(0deg);
-  width: 20px;
-  height: 20px;
-  fill: rgba(255, 255, 255, 0.6);
-}
-
-.arrowNormal {
-  margin-left: auto;
-  transform: rotate(-90deg);
-}
-
-.arrowOpen {
-  transform: rotate(-180deg);
-  fill: #ffffff;
-}
-
-.icon {
-  margin-right: 8px;
-  height: 22px;
-  width: 22px;
-  color: rgba(255, 255, 255, 0.6);
-  font-size: 22px;
-  display: flex;
-  align-items: center;
-}
-
 .menu {
   background-color: #050A20;
   border-radius: 0 5px 5px 5px;
@@ -182,6 +127,61 @@
   transition: height 150ms ease-out;
 }
 
+.arrow {
+  transition: all 0.25s ease-out;
+  margin-left: auto;
+  transform: rotate(0deg);
+  width: 20px;
+  height: 20px;
+  fill: rgba(255, 255, 255, 0.6);
+}
+
+.arrowNormal {
+  margin-left: auto;
+  transform: rotate(-90deg);
+}
+
+.arrowOpen {
+  transform: rotate(-180deg);
+  fill: #ffffff;
+}
+
+.icon {
+  margin-right: 8px;
+  height: 22px;
+  width: 22px;
+  color: rgba(255, 255, 255, 0.6);
+  font-size: 22px;
+  display: flex;
+  align-items: center;
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  min-width: max-content;
+  padding: 10px 30px 10px 15px;
+}
+.option:not(:last-child) {
+  margin-bottom: 1px;
+}
+.option:hover {
+  background-color: rgba(29, 38, 73, 0.5019607843);
+}
+
+.selected .single, .selected .option span {
+  color: #ffffff;
+}
+
+.single, .option span {
+  color: rgba(255, 255, 255, 0.6666666667);
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 12px;
+  white-space: nowrap;
+}
+
 .container {
   display: flex;
   align-items: center;

package/dist/types/ModalProps.d.ts

@@ -27,6 +27,10 @@ export type ModalProps = {
      * Prevents modal from closing when ESC key is pressed.
      */
     preventESC?: boolean;
+    /**
+     * Remove other open modals.
+     */
+    removeOthers?: boolean;
     /**
      * Show/hide OK button.
      */
@@ -137,12 +141,17 @@ export type ModalContentProps = {
      * @param data Values for the new modal to be opened.
      * @returns
      */
-    showAnotherModal?: (data?: ModalProps) => void;
+    showAnotherModal?: (data: ModalProps) => void;
     /**
      * Closes itself from within the modal content.
      * @returns
      */
     hideCurrentModal?: () => void;
+    /**
+     * Destroy itself from within the modal content.
+     * @returns
+     */
+    removeCurrentModal?: () => void;
     /**
      * Changes the buttons disabling state.
      * @param value `true` for regular, `false` for disabled.

package/dist/utils/GetSizeBySizeSlug.d.ts

@@ -1,2 +1,2 @@
 import { ITDSizeSlug } from "../index";
-export default function GetSizeBySizeSlug(size: ITDSizeSlug): "default" | "x-small" | "small" | "medium" | "large" | "x-large" | "df";
+export default function GetSizeBySizeSlug(size: ITDSizeSlug): "large" | "small" | "x-small" | "medium" | "default" | "x-large" | "df";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.0.91",
+  "version": "2.0.93",
   "description": "All in one Design library for desktop applications.",
   "author": "Inn.Tech",
   "license": "ISC",