cortex-react-ui 0.1.174 → 0.1.176

package/lib/esm/types/index.d.ts

@@ -0,0 +1,13 @@
+export { default as Popper } from './Popper';
+export { default as DomContainer } from './DomContainer';
+export { default as Spinner } from './Spinner';
+export { default as BarLoader } from './BarLoader';
+export { default as Selected } from './Selected';
+export { default as Button } from './Button';
+export { default as Scanner } from './Scanner';
+export { default as ToggleButton } from './ToggleButton';
+export { default as Tooltip } from './Tooltip';
+export { default as TagInput } from './TagInput';
+export { default as Menu, ContextMenu, Divider, MenuItem, PopupMenu, MenuGroup, AuthDownloadLink } from './Menu';
+export { default as Dialog, DialogContent, DialogHeader, DialogFooter, ConfirmDialog, ErrorDialog, WarningDialog, DialogActions, DialogTitle } from './Dialog';
+export { ChevronDownIcon, ChevronRightIcon, ChevronLeftIcon, CrossIcon } from './Icons';

package/lib/esm/types/utils/classNames.d.ts

@@ -0,0 +1 @@
+export default function classNames(...values: any[]): string;

package/lib/esm/types/utils/setRef.d.ts

@@ -0,0 +1 @@
+export default function setRef<T>(ref: React.MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

package/lib/esm/types/utils/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function useClickOutside(callback: () => void, nodes: (string | HTMLElement | React.RefObject<HTMLElement>)[]): void;

package/lib/esm/types/utils/useElement.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function useElement(element: string | HTMLElement | React.RefObject<HTMLElement> | undefined): HTMLElement | undefined;

package/lib/esm/types/utils/useForkRef.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export default function useForkRef<Instance>(refA: React.Ref<Instance> | null | undefined, refB: React.Ref<Instance> | null | undefined): React.Ref<Instance> | null;

package/lib/styles/Scanner/index.scss

@@ -0,0 +1,110 @@
+@import "../global.scss";
+
+@mixin scanner($props: null, $options: null) {
+	$internal-options: $default-options;
+
+    $internal-props: (
+        bgColor: #ffffff,
+        fgColor: $color-grey-darker,
+        closeBtnColor: $color-grey,
+        closeBtnHoverColor: $color-blue,
+        closeBtnDisableColor: $color-blue-grey-lighter,
+        confirm: (
+            headerBgColor: $color-orange-dark,
+            headerFgColor: #ffffff,
+            bgColor: #ffffff,
+            fgColor: $color-grey-darker,
+        ),
+        error: (
+            headerBgColor: $color-red,
+            headerFgColor: #ffffff,
+            bgColor: #ffffff,
+            fgColor: $color-grey-darker,
+        ),
+        warning: (
+            headerBgColor: $color-grey,
+            headerFgColor: #ffffff,
+            bgColor: #ffffff,
+            fgColor: $color-grey-darker,
+        ),        
+    );
+
+    $internal-props: safe-map-merge($internal-props, $props);
+    $internal-options: safe-map-merge($internal-options, $options);
+	
+	.btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0.5rem 1rem;
+		border: 1px solid transparent;
+		border-radius: 0.375rem;
+		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+		font-size: 0.875rem;
+		font-weight: 500;
+		line-height: 1.25rem;
+		text-align: center;
+		text-transform: none;
+		white-space: nowrap;
+		vertical-align: middle;
+		user-select: none;
+		background-color: #4F46E5;
+		color: #fff;
+		cursor: pointer;
+		outline: none;
+		transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s;
+	}
+
+	.btn-default {
+		background-color: #4F46E5;
+	}
+
+	.btn-default:hover {
+		opacity: 0.8;
+	}
+
+	.select {
+		display: block;
+		width: 100%;
+		padding-left: 0.75rem;
+		color: #000;
+		padding-right: 2.5rem;
+		padding-top: 0.5rem;
+		padding-bottom: 0.5rem;
+		font-size: 1rem;
+		border-radius: 0.375rem;
+	}
+
+	/* DIALOG */
+	.dialog-header {
+		display: flex;
+		justify-content: space-between;
+	}
+
+	.dialog-header h4 {
+		margin: 0;
+	}
+
+	.dialog-mask {
+		overflow-x: hidden;
+		overflow-y: auto;
+		display: flex;
+		justify-content: center;
+		padding-top: 2.5rem;
+		padding-bottom: 5rem;
+		background-color: #0005;
+		position: fixed;
+		inset: 0;
+	}
+
+	.dialog-body {
+		display: flex;
+		flex-direction: column;
+		gap: 1.25rem;
+		padding: 1.25rem;
+		height: max-content;
+		background-color: white;
+	}
+
+	/* DIALOG */
+}

package/package.json

@@ -1,11 +1,17 @@
 {
   "name": "cortex-react-ui",
-  "version": "0.1.174",
+  "version": "0.1.176",
   "description": "React UI",
   "author": "Anthony",
   "license": "MIT",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.js"
+    }
+  },
   "publishConfig": {
     "access": "public"
   },