@agility/plenum-ui 1.0.0

package/lib/page/TreeNavigation/CustomNode/CustomNode.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TreeItemProps } from '../../../components/TreeView';
+export declare const CustomNode: ({ node, isOpen, onToggle, onUpdate }: TreeItemProps) => JSX.Element;

package/lib/page/TreeNavigation/CustomNode/CustomNode.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/page/TreeNavigation/CustomNode/index.d.ts

@@ -0,0 +1 @@
+export * from './CustomNode';

package/lib/page/TreeNavigation/TreeNavigation.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface TreeNavigationProps {
+    /** Prop comment */
+    pageType?: 'pages' | 'assets' | 'gallery';
+}
+export declare const Spinner: () => JSX.Element;
+/** Comment */
+export declare const TreeNavigation: ({ pageType }: TreeNavigationProps) => JSX.Element;

package/lib/page/TreeNavigation/TreeNavigation.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react/types-6-0';
+import { Story } from '@storybook/react';
+import { TreeNavigationProps } from './TreeNavigation';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const TreeNavigationComponent: Story<TreeNavigationProps>;

package/lib/page/TreeNavigation/hooks/useFetch.d.ts

@@ -0,0 +1,14 @@
+export interface useFetchProps {
+    urlData: string;
+    method: string;
+    payload: any;
+}
+export declare const useFetch: () => {
+    isLoading: boolean;
+    error: {
+        show: boolean;
+        msg: any;
+    } | null;
+    responseData: never[];
+    fetchData: ({ urlData, method, payload }: useFetchProps) => Promise<void>;
+};

package/lib/page/TreeNavigation/index.d.ts

@@ -0,0 +1 @@
+export * from './TreeNavigation';

package/lib/util/DynamicIcons.d.ts

@@ -0,0 +1,10 @@
+import * as SolidIcons from '@heroicons/react/solid';
+import * as OutlineIcons from '@heroicons/react/outline';
+export declare type IconName = keyof typeof SolidIcons | keyof typeof OutlineIcons;
+interface DynamicIconsProps {
+    icon?: IconName;
+    className?: string;
+    outline?: boolean;
+}
+export declare const DynamicIcons: ({ icon, className, outline }: DynamicIconsProps) => JSX.Element | null;
+export {};

package/package.json

@@ -0,0 +1,76 @@
+{
+    "name": "@agility/plenum-ui",
+    "version": "1.0.0",
+    "description": "Components that are part of the Agility CMS design system.",
+    "main": "lib/index.js",
+    "module": "lib/index.esm.js",
+    "types": "lib/index.d.ts",
+    "author": "Agility CMS",
+    "license": "MIT",
+    "scripts": {
+        "prepare": "yarn build",
+        "storybook": "start-storybook -p 6006",
+        "build-storybook": "build-storybook",
+        "start-tw": "tailwindcss -o ./src/tailwind.css -w",
+        "build": "rollup -c",
+        "test": "jest",
+        "make:comp": "hygen component new"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.17.2",
+        "@babel/preset-env": "^7.16.11",
+        "@babel/preset-react": "^7.16.7",
+        "@babel/preset-typescript": "^7.16.7",
+        "@rollup/plugin-commonjs": "^21.0.1",
+        "@rollup/plugin-node-resolve": "^13.1.3",
+        "@storybook/addon-a11y": "^6.4.19",
+        "@storybook/addon-actions": "^6.4.18",
+        "@storybook/addon-essentials": "^6.4.18",
+        "@storybook/addon-links": "^6.4.18",
+        "@storybook/addon-postcss": "^2.0.0",
+        "@storybook/react": "^6.4.18",
+        "@storybook/theming": "^6.4.19",
+        "@tailwindcss/forms": "^0.4.0",
+        "@types/enzyme": "^3.10.11",
+        "@types/jest": "^27.4.0",
+        "@types/react": "^17.0.39",
+        "@typescript-eslint/eslint-plugin": "^5.11.0",
+        "@typescript-eslint/parser": "^5.11.0",
+        "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
+        "autoprefixer": "^10.4.2",
+        "babel-jest": "^27.5.1",
+        "babel-loader": "^8.2.3",
+        "css-loader": "5.2.6",
+        "enzyme": "^3.11.0",
+        "eslint": "^8.8.0",
+        "eslint-config-prettier": "^8.3.0",
+        "hygen": "^6.1.0",
+        "jest": "^27.5.1",
+        "jsdom": "^19.0.0",
+        "postcss": "^8.4.6",
+        "postcss-loader": "4.0.0",
+        "prettier": "^2.5.1",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "rollup": "^2.67.2",
+        "rollup-plugin-dts": "^4.1.0",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-postcss": "^4.0.2",
+        "rollup-plugin-typescript2": "^0.31.2",
+        "storybook-addon-mock": "^2.3.0",
+        "style-loader": "2.0.0",
+        "tailwindcss": "^3.0.1",
+        "ts-jest": "^27.1.3",
+        "typescript": "^4.5.5"
+    },
+    "peerDependencies": {
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2"
+    },
+    "dependencies": {
+        "@headlessui/react": "^1.5.0",
+        "@heroicons/react": "^1.0.5",
+        "@minoru/react-dnd-treeview": "^1.6.1",
+        "classnames": "^2.3.1"
+    }
+}

package/postcss.config.js

@@ -0,0 +1,7 @@
+// postcss.config.js
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {}
+    }
+};

package/rollup.config.js

@@ -0,0 +1,37 @@
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from 'rollup-plugin-typescript2';
+import postcss from 'rollup-plugin-postcss';
+
+const packageJson = require('./package.json');
+
+const config = [
+    {
+        input: 'src/index.ts',
+        output: [
+            {
+                file: packageJson.main,
+                format: 'cjs',
+                sourcemap: true
+            },
+            {
+                file: packageJson.module,
+                format: 'esm',
+                sourcemap: true
+            }
+        ],
+        plugins: [
+            peerDepsExternal(),
+            resolve(),
+            commonjs(),
+            typescript({ useTsconfigDeclarationDir: true }),
+            postcss({
+                extensions: ['.css'],
+                exclude: 'src/font.css'
+            })
+        ]
+    }
+];
+
+export default config;

package/setupTests.js

@@ -0,0 +1,6 @@
+// eslint-disable-next-line
+const Enzyme = require('enzyme');
+// eslint-disable-next-line
+const Adapter = require('@wojtekmaj/enzyme-adapter-react-17');
+
+Enzyme.configure({ adapter: new Adapter() });

package/styleMock.js

@@ -0,0 +1,2 @@
+// eslint-disable-next-line
+module.exports = {};

package/tailwind.config.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line
+module.exports = {
+    mode: 'jit',
+    content: ['./src/**/*.{js,ts,jsx,tsx}', './.storybook/*.{js,ts,jsx,tsx}'],
+    darkMode: false, // or 'media' or 'class'
+    theme: {
+        fontFamily: {
+            muli: ['Muli', 'sans-serif']
+        },
+        extend: {}
+    },
+    variants: {
+        extend: {
+            display: ["group-hover"]
+        }
+    },
+    plugins: [require('@tailwindcss/forms')]
+};

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "target": "es5",
+        "outDir": "lib",
+        "lib": ["dom", "dom.iterable", "esnext", "es6"],
+        "declaration": true,
+        "declarationDir": "lib",
+        "allowJs": true,
+        "skipLibCheck": true,
+        "esModuleInterop": true,
+        "allowSyntheticDefaultImports": true,
+        "strict": true,
+        "forceConsistentCasingInFileNames": true,
+        "module": "esnext",
+        "moduleResolution": "node",
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react"
+    },
+    "include": ["src"],
+    "exclude": ["node_modules", "lib"]
+}