npm - @nokecy/qc-ui - Versions diffs - 0.6.0 → 0.6.2 - Mend

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Toolbar", {
+  enumerable: true,
+  get: function get() {
+    return _toolbar.default;
+  }
+});
+var _toolbar = _interopRequireDefault(require("./toolbar"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => import("react").JSX.Element;
+export default _default;

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = function _default() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
+    className: "modal-state",
+    id: "modal-2",
+    type: "checkbox"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "modal"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "modal__bg"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "modal__inner"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "modal__close"
+  }))));
+};

@@ -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) => React.JSX.Element;
+export default Toolbar;

@@ -0,0 +1,29 @@
+"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 = exports.default = Toolbar;

	@@ -0,0 +1,2 @@
1	+ import Toolbar from './toolbar';
2	+ export { Toolbar };

@@ -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);
+  }
+}

@@ -0,0 +1,62 @@
+import type { Component, FunctionComponent, ReactElement } from 'react';
+import React from 'react';
+import './index.less';
+export type LayoutItem = {
+    w: number;
+    h: number;
+    x: number;
+    y: number;
+    i: string;
+    minW: number;
+    maxW: number;
+    minH: number;
+    maxH: number;
+};
+export 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<Omit<Dashboard, "ref"> & React.RefAttributes<unknown>>;
+export default Dashboard;

@nokecy/qc-ui 0.6.0 → 0.6.2