saurabh-table-dnd-edit 1.1.0

package/README.md

@@ -0,0 +1,75 @@
+---
+title: PixelReact UI
+---
+
+import { Button, Input } from 'pixel-react';
+
+<h1 align="center">PixelReact UI</h1>
+
+<p align="center">
+  <strong>PixelReact UI</strong> is an open-source React component library, designed to offer a sleek, customizable, and easy-to-use collection of components for building modern user interfaces.
+</p>
+
+---
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+- [Documentation](#documentation)
+- [Contributing](#contributing)
+- [License](#license)
+
+---
+
+## Installation
+
+Install PixelReact UI in your project directory with:
+
+```bash
+npm install pixel-react
+```
+
+or with Yarn:
+
+```bash
+yarn add pixel-react
+```
+
+## Usage
+
+Once installed, you can start importing and using PixelReact components in your React application. Here's a quick example:
+
+```jsx
+import { Button } from 'pixel-react';
+
+function App() {
+  return (
+    <div>
+      <Button label="Button Label" variant="primary" />
+    </div>
+  );
+}
+
+export default App;
+```
+
+## Documentation
+
+For detailed documentation and live examples, [click here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/).
+
+## Example
+
+```jsx
+import { Button } from 'pixel-react';
+
+function ExampleComponent() {
+  return <Button label="Click Me!" variant="primary" />;
+}
+```
+
+## License
+
+PixelReact UI is licensed under the [MIT License](LICENSE). Feel free to use it in your projects, both personal and commercial.
+
+---

package/lib/ComponentProps/TreeNodeProps.d.ts

@@ -0,0 +1,81 @@
+export type TreeNodeProps = {
+    executionId?: string;
+    runId?: string;
+    clientId?: string;
+    status?: string;
+    resultPercentage?: Record<string, number>;
+    reRun?: boolean;
+    reRunFailed?: boolean;
+    results?: boolean;
+    reports?: boolean;
+    createdBy?: string;
+    modifiedBy?: string;
+    createdByUname?: string;
+    modifiedByUname?: string;
+    createdOn?: string;
+    modifiedOn?: string;
+    state?: string;
+    path?: string;
+    searchKey?: string;
+    key: string;
+    name?: string;
+    projectId?: string;
+    hierarchy: number;
+    executionOrder?: number;
+    conditionCount?: number;
+    subContainerCount?: number;
+    resourceCount?: number;
+    totalSubContainerCount?: number;
+    totalResourceCount?: number;
+    totalProjectElementCount?: number;
+    totalSharedElementCount?: number;
+    container?: boolean;
+    localDelete?: boolean;
+    defaultEntity?: boolean;
+    lastResource?: boolean;
+    lastChild?: boolean;
+    platform?: string;
+    parentId?: string;
+    parentName?: string;
+    checked?: boolean | 'partial';
+    expanded?: boolean;
+    expandable?: boolean;
+    sourceId?: string;
+    isNewNode?: boolean;
+    entityType?: string;
+    lastDefaultEntity?: string;
+    type?: string;
+    label?: string;
+    isShared?: boolean | string;
+    isRecorded?: string;
+    originalId?: string;
+    locatorsCount?: number;
+    version?: string;
+    hide?: boolean;
+    folder?: boolean;
+    selectedStatus?: 'completely' | 'partially' | 'none';
+    isDelete?: boolean;
+    reviewerId?: string;
+    reviewerName?: string;
+    localCopyId?: string;
+    localAutomationId?: string;
+    localManualId?: string;
+    cascaded?: string;
+    automationId?: string;
+    manualId?: string;
+    unselectable?: boolean;
+    description?: string;
+    desc?: string;
+    expandedAll?: boolean;
+    hideResources?: boolean;
+    hidePreOrPost?: boolean;
+    isScript?: boolean;
+    stepId?: string;
+    conditionId?: string;
+    machInstanceId?: string;
+    duration?: string;
+    headless?: boolean;
+    recordedVideoUrlId?: string;
+    videoRecorderPath?: string;
+    includeIteration?: boolean;
+};

package/lib/ComponentProps/TreeNodeProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TreeNodeProps.js.map

package/lib/ComponentProps/TreeNodeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeProps.js","sourceRoot":"","sources":["../../src/ComponentProps/TreeNodeProps.ts"],"names":[],"mappings":""}

package/lib/StyleGuide/ColorPalette/ColorPalette.d.ts

@@ -0,0 +1,3 @@
+import './ColorPalette.scss';
+declare const Colors: () => import("react/jsx-runtime").JSX.Element;
+export default Colors;

package/lib/StyleGuide/ColorPalette/ColorPalette.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ColorPalette from './colorPaletteList';
+import './ColorPalette.scss';
+// Component to render each color card
+const ColorBox = ({ name, colorCode, opacity, dropShadow, border, variable, }) => {
+    const opacityPercentage = opacity ? `${Math.round(opacity * 100)}%` : '';
+    const boxStyle = {
+        background: colorCode,
+        opacity: opacity,
+        filter: dropShadow ? dropShadow : '',
+        border: `1px solid ${border}`,
+        color: colorCode,
+    };
+    return (_jsxs("div", { className: "color-card", children: [_jsx("span", { className: "color-name", children: name }), _jsx("div", { className: "color-box", style: boxStyle, children: _jsx("p", { style: { '--colorCode': colorCode }, children: " " }) }), _jsxs("span", { className: "color-code", children: [colorCode, " ", opacityPercentage && `opacity ${opacityPercentage}`, " ", _jsx("br", {}), border && `Border -${border}`] }), _jsx("span", { className: "color-code", children: variable })] }));
+};
+// Main Colors component
+const Colors = () => {
+    return (_jsxs("div", { className: "ff-style-guide", children: [_jsxs("div", { className: "style-guide-header", children: [_jsx("div", { children: "Colors" }), _jsx("span", { children: "Application of the color palette brings a unified and recognisable consistency to MX's array of digital products and interface." })] }), _jsx("div", { className: "style-guide-content", children: ColorPalette.map((color) => (_jsx(ColorBox, { name: color.name, colorCode: color.colorCode, opacity: color?.opacity, dropShadow: color?.dropShadow, border: color?.border, variable: color.variable }, color.name))) })] }));
+};
+export default Colors;
+//# sourceMappingURL=ColorPalette.js.map

package/lib/StyleGuide/ColorPalette/ColorPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette.js","sourceRoot":"","sources":["../../../src/StyleGuide/ColorPalette/ColorPalette.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,qBAAqB,CAAC;AAE7B,sCAAsC;AACtC,MAAM,QAAQ,GAAG,CAAC,EAChB,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,GACM,EAAE,EAAE;IAClB,MAAM,iBAAiB,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzE,MAAM,QAAQ,GAAG;QACf,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,OAAO;QAChB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;QACpC,MAAM,EAAE,aAAa,MAAM,EAAE;QAC7B,KAAK,EAAE,SAAS;KACjB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,YAAY,aACzB,eAAM,SAAS,EAAC,YAAY,YAAE,IAAI,GAAQ,EAC1C,cAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,QAAQ,YACxC,YAAG,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAyB,kBAAO,GAChE,EACN,gBAAM,SAAS,EAAC,YAAY,aACzB,SAAS,OAAG,iBAAiB,IAAI,WAAW,iBAAiB,EAAE,OAAE,cAAM,EACvE,MAAM,IAAI,WAAW,MAAM,EAAE,IACzB,EACP,eAAM,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAQ,IAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,wBAAwB;AACxB,MAAM,MAAM,GAAG,GAAG,EAAE;IAClB,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,aAC7B,eAAK,SAAS,EAAC,oBAAoB,aACjC,mCAAiB,EACjB,6JAGO,IACH,EACN,cAAK,SAAS,EAAC,qBAAqB,YACjC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,QAAQ,IAEP,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,EAAE,OAAO,EACvB,UAAU,EAAE,KAAK,EAAE,UAAU,EAC7B,MAAM,EAAE,KAAK,EAAE,MAAM,EACrB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IANnB,KAAK,CAAC,IAAI,CAOf,CACH,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/StyleGuide/ColorPalette/colorPaletteList.d.ts

@@ -0,0 +1,3 @@
+import { ColorPaletteType } from './types';
+declare const ColorPalette: ColorPaletteType;
+export default ColorPalette;