@nokecy/qc-ui 0.0.1

package/dist/cjs/dashboard/dashboard/components/toolbar/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './style';
+export interface ToolBarPropsIF {
+    extraLeft?: React.ReactNode;
+    extraRight?: React.ReactNode;
+    style?: React.HTMLAttributes<HTMLDivElement>;
+    className?: string;
+    fixed?: boolean;
+}
+declare const Toolbar: (props: ToolBarPropsIF) => JSX.Element;
+export default Toolbar;

package/dist/cjs/dashboard/dashboard/components/toolbar/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./style");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var prefixCls = 'react-dashboard-toolbar';
+
+var Toolbar = function Toolbar(props) {
+  var extraLeft = props.extraLeft,
+      extraRight = props.extraRight,
+      fixed = props.fixed,
+      className = props.className,
+      style = props.style;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(prefixCls, fixed ? "".concat(prefixCls, "-fixed") : '', className),
+    style: style
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(prefixCls, "-left")
+  }, extraLeft), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(prefixCls, "-space")
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(prefixCls, "-right")
+  }, extraRight));
+};
+
+var _default = Toolbar;
+exports.default = _default;

package/dist/cjs/dashboard/dashboard/components/toolbar/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/dist/cjs/dashboard/dashboard/components/toolbar/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.less");

package/dist/cjs/dashboard/dashboard/components/toolbar/style/index.less

@@ -0,0 +1,49 @@
+.react-dashboard-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  // width: 100%;
+  padding: 0 10px;
+  padding-bottom: 10px;
+  // background: var(--component-background);
+
+  &:after {
+    display: block;
+    clear: both;
+    content: '';
+  }
+
+  &-left {
+    float: left;
+
+    button {
+      margin-right: 10px;
+    }
+  }
+
+  &-right {
+    float: right;
+
+    button {
+      margin-left: 10px;
+    }
+  }
+
+  &-space {
+    flex: auto;
+    height: 1px;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: 0 !important;
+    -webkit-box-flex: 1;
+  }
+
+  &-fixed {
+    position: fixed;
+    right: 0;
+    bottom: 0;
+    z-index: 9;
+    border-top: 1px solid rgba(128, 128, 128, 0.1);
+    box-shadow: 0 -1px 2px rgba(128, 128, 128, 0.03);
+  }
+}

package/dist/cjs/dashboard/dashboard/index.d.ts

@@ -0,0 +1,62 @@
+import type { Component, FunctionComponent, ReactElement } from 'react';
+import React from 'react';
+import './index.less';
+export declare type LayoutItem = {
+    w: number;
+    h: number;
+    x: number;
+    y: number;
+    i: string;
+    minW: number;
+    maxW: number;
+    minH: number;
+    maxH: number;
+};
+export declare type LayoutsIF = LayoutItem[];
+export interface WidgetIF {
+    name: string;
+    description: string;
+    tags: string[];
+    component: Component | FunctionComponent;
+    configComponent: Component | FunctionComponent | null;
+    maxLength: number;
+    snapShot: ImageBitmapSource;
+    icon: ReactElement;
+    iconBackground: string;
+    size: {
+        defaultWidth: number;
+        defaultHeight: number;
+        maxWidth: number;
+        maxHeight: number;
+        minWidth: number;
+        minHeight: number;
+    };
+    [key: string]: any;
+}
+export interface WidgetsIF {
+    [key: string]: WidgetIF;
+}
+export interface Dashboard {
+    widgets: WidgetsIF;
+    editMode?: boolean;
+    defaultLayout?: LayoutsIF;
+    widgetWrapClassName?: string;
+    widgetWrapStyle?: React.CSSProperties;
+    layout?: LayoutsIF;
+    minHeight?: number;
+    maxWidgetLength?: number;
+    toolbar?: boolean;
+    storageKey?: string;
+    onLayoutChange?: (layout: LayoutsIF) => void;
+    onReset?: (dirtyCurrentLayout: LayoutsIF, currentLayout: LayoutItem) => void;
+    onRemoveWidget?: (widget: WidgetIF, dirtyCurrentLayout: LayoutsIF, currentLayout: LayoutsIF) => void;
+    onAddWidget?: (widget: WidgetIF, dirtyCurrentLayout: LayoutsIF, currentLayout: LayoutsIF) => void;
+    onReload?: (currentLayout: LayoutsIF) => void;
+    onCancelEdit?: (dirtyCurrentLayout: LayoutsIF, currentLayout: LayoutItem) => void;
+    onEdit?: (currentLayout: LayoutsIF) => void;
+    onSave?: (currentLayout: LayoutsIF) => void;
+    onRevert?: (dirtyCurrentLayout: LayoutsIF, currentLayout: LayoutItem) => void;
+    [key: string]: any;
+}
+declare const Dashboard: React.ForwardRefExoticComponent<Pick<Dashboard, keyof Dashboard> & React.RefAttributes<unknown>>;
+export default Dashboard;