ui-admin-lib 1.0.0

package/dist/styles.css

@@ -0,0 +1 @@
+.admin-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:400;line-height:1.5715;white-space:nowrap;text-align:center;cursor:pointer;border:1px solid var(--admin-border-color);border-radius:var(--admin-border-radius);background:var(--admin-bg-light);transition:all .3s;-webkit-user-select:none;user-select:none;touch-action:manipulation}.admin-button:disabled{cursor:not-allowed;opacity:.6}.admin-button-primary{color:#fff;background:var(--admin-primary);border-color:var(--admin-primary)}.admin-button-primary:hover:not(:disabled){background:var(--admin-primary-hover);border-color:var(--admin-primary-hover)}.admin-button-primary:active:not(:disabled){background:var(--admin-primary-active);border-color:var(--admin-primary-active)}.admin-button-success{color:#fff;background:var(--admin-success);border-color:var(--admin-success)}.admin-button-danger{color:#fff;background:var(--admin-error);border-color:var(--admin-error)}.admin-button-ghost{background:transparent;border-color:var(--admin-border-color)}.admin-input{width:100%;padding:8px 12px;font-size:14px;line-height:1.5715;color:var(--admin-text-primary);background-color:var(--admin-bg-light);border:1px solid var(--admin-border-color);border-radius:var(--admin-border-radius);transition:all .3s}.admin-input:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 2px #1890ff33}.admin-input:disabled{cursor:not-allowed;opacity:.6;background-color:var(--admin-bg)}.admin-input-error{border-color:var(--admin-error)}.admin-input-error:focus{border-color:var(--admin-error);box-shadow:0 0 0 2px #ff4d4f33}.admin-select{width:100%;padding:8px 12px;font-size:14px;line-height:1.5715;color:var(--admin-text-primary);background-color:var(--admin-bg-light);border:1px solid var(--admin-border-color);border-radius:var(--admin-border-radius);cursor:pointer;transition:all .3s}.admin-select:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 2px #1890ff33}.admin-select:disabled{cursor:not-allowed;opacity:.6;background-color:var(--admin-bg)}.admin-textarea{width:100%;padding:8px 12px;font-size:14px;line-height:1.5715;color:var(--admin-text-primary);background-color:var(--admin-bg-light);border:1px solid var(--admin-border-color);border-radius:var(--admin-border-radius);transition:all .3s;resize:vertical;font-family:inherit}.admin-textarea:focus{outline:none;border-color:var(--admin-primary);box-shadow:0 0 0 2px #1890ff33}.admin-textarea:disabled{cursor:not-allowed;opacity:.6;background-color:var(--admin-bg)}.admin-checkbox{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-checkbox-input{position:absolute;opacity:0;width:0;height:0}.admin-checkbox-box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--admin-border-color);border-radius:var(--admin-border-radius);background:var(--admin-bg-light);transition:all .3s}.admin-checkbox-input:checked+.admin-checkbox-box{background:var(--admin-primary);border-color:var(--admin-primary)}.admin-checkbox-input:checked+.admin-checkbox-box:after{content:"✓";color:#fff;font-size:12px;line-height:1}.admin-checkbox-label{margin-left:8px;font-size:14px;color:var(--admin-text-primary)}.admin-radio{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.admin-radio-input{position:absolute;opacity:0;width:0;height:0}.admin-radio-box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--admin-border-color);border-radius:50%;background:var(--admin-bg-light);transition:all .3s}.admin-radio-input:checked+.admin-radio-box{border-color:var(--admin-primary)}.admin-radio-input:checked+.admin-radio-box:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--admin-primary)}.admin-radio-label{margin-left:8px;font-size:14px;color:var(--admin-text-primary)}.admin-card{background:var(--admin-bg-light);border-radius:var(--admin-border-radius);box-shadow:var(--admin-box-shadow);padding:24px}.admin-card-header{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--admin-border-color)}.admin-card-title{margin:0;font-size:16px;font-weight:500;color:var(--admin-text-primary)}.admin-card-body{color:var(--admin-text-primary)}.admin-card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--admin-border-color)}.admin-table{width:100%;border-collapse:collapse;background:var(--admin-bg-light)}.admin-table thead{background:var(--admin-bg)}.admin-table th{padding:12px 16px;text-align:left;font-weight:500;font-size:14px;color:var(--admin-text-primary);border-bottom:1px solid var(--admin-border-color)}.admin-table td{padding:12px 16px;font-size:14px;color:var(--admin-text-primary);border-bottom:1px solid var(--admin-border-color)}.admin-table tbody tr:hover{background:var(--admin-bg-hover)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal{background:var(--admin-bg-light);border-radius:var(--admin-border-radius);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f;max-width:520px;width:90%;max-height:90vh;display:flex;flex-direction:column}.admin-modal-header{padding:16px 24px;border-bottom:1px solid var(--admin-border-color);display:flex;align-items:center;justify-content:space-between}.admin-modal-title{margin:0;font-size:16px;font-weight:500;color:var(--admin-text-primary)}.admin-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--admin-text-secondary);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.admin-modal-close:hover{color:var(--admin-text-primary)}.admin-modal-body{padding:24px;overflow-y:auto;flex:1}.admin-modal-footer{padding:10px 16px;border-top:1px solid var(--admin-border-color);display:flex;justify-content:flex-end;gap:8px}.admin-page-layout{display:flex;flex-direction:column;height:100vh;background:var(--admin-bg)}.admin-header{height:var(--admin-header-height);background:var(--admin-bg-light);border-bottom:1px solid var(--admin-border-color);display:flex;align-items:center;padding:0 24px;box-shadow:0 2px 8px #0000000f}.admin-header-logo{font-size:20px;font-weight:600;color:var(--admin-text-primary);margin-right:32px}.admin-header-content{flex:1;display:flex;align-items:center;justify-content:space-between}.admin-sidebar{width:var(--admin-sidebar-width);background:var(--admin-bg-light);border-right:1px solid var(--admin-border-color);overflow-y:auto}.admin-content{flex:1;overflow-y:auto;padding:24px;background:var(--admin-bg)}.admin-layout-with-sidebar{display:flex;flex:1;overflow:hidden}.admin-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;line-height:1.5;border-radius:10px;background:var(--admin-border-color);color:var(--admin-text-primary)}.admin-badge-primary{background:var(--admin-primary);color:#fff}.admin-badge-success{background:var(--admin-success);color:#fff}.admin-badge-warning{background:var(--admin-warning);color:#fff}.admin-badge-error{background:var(--admin-error);color:#fff}.admin-toast{position:fixed;top:24px;right:24px;z-index:1100;min-width:300px;max-width:400px}.admin-toast-item{background:var(--admin-bg-light);border-radius:var(--admin-border-radius);box-shadow:var(--admin-box-shadow);padding:16px;margin-bottom:16px;display:flex;align-items:flex-start;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.admin-toast-success{border-left:4px solid var(--admin-success)}.admin-toast-error{border-left:4px solid var(--admin-error)}.admin-toast-warning{border-left:4px solid var(--admin-warning)}.admin-toast-info{border-left:4px solid var(--admin-info)}.admin-toast-content{flex:1}.admin-toast-title{font-size:14px;font-weight:500;margin:0 0 4px;color:var(--admin-text-primary)}.admin-toast-message{font-size:14px;margin:0;color:var(--admin-text-secondary)}.admin-toast-close{background:none;border:none;font-size:16px;cursor:pointer;color:var(--admin-text-secondary);padding:0;margin-left:12px}.admin-loading{display:inline-flex;align-items:center;justify-content:center}.admin-loading-spinner{width:20px;height:20px;border:2px solid var(--admin-border-color);border-top-color:var(--admin-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-loading-text{margin-left:8px;font-size:14px;color:var(--admin-text-secondary)}.admin-breadcrumbs{display:flex;align-items:center;font-size:14px;color:var(--admin-text-secondary)}.admin-breadcrumbs-item{color:var(--admin-text-secondary);text-decoration:none}.admin-breadcrumbs-item:hover{color:var(--admin-primary)}.admin-breadcrumbs-item-active{color:var(--admin-text-primary)}.admin-breadcrumbs-separator{margin:0 8px;color:var(--admin-border-color)}.admin-tabs{border-bottom:1px solid var(--admin-border-color)}.admin-tabs-list{display:flex;margin:0;padding:0;list-style:none}.admin-tabs-item{padding:12px 16px;font-size:14px;color:var(--admin-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .3s;-webkit-user-select:none;user-select:none}.admin-tabs-item:hover{color:var(--admin-primary)}.admin-tabs-item-active{color:var(--admin-primary);border-bottom-color:var(--admin-primary);font-weight:500}.admin-tabs-content{padding:16px 0}.admin-menu{list-style:none;margin:0;padding:0}.admin-menu-item{padding:12px 24px;font-size:14px;color:var(--admin-text-primary);cursor:pointer;transition:all .3s;border-left:3px solid transparent}.admin-menu-item:hover{background:var(--admin-bg-hover)}.admin-menu-item-active{background:#1890ff1a;border-left-color:var(--admin-primary);color:var(--admin-text-primary)}.admin-menu-link{color:var(--admin-text-primary);text-decoration:none;display:block}.admin-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--admin-text-primary)}.admin-label-required:after{content:" *";color:var(--admin-error)}.admin-login-form{background:var(--admin-bg-light);padding:40px;border-radius:var(--admin-border-radius);box-shadow:var(--admin-box-shadow)}:root{--admin-primary: #1890ff;--admin-primary-hover: #40a9ff;--admin-primary-active: #096dd9;--admin-success: #52c41a;--admin-warning: #faad14;--admin-error: #ff4d4f;--admin-info: #1890ff;--admin-text-primary: rgba(0, 0, 0, .85);--admin-text-secondary: rgba(0, 0, 0, .65);--admin-text-disabled: rgba(0, 0, 0, .25);--admin-border-color: #d9d9d9;--admin-border-radius: 4px;--admin-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);--admin-bg: #f0f2f5;--admin-bg-light: #ffffff;--admin-bg-hover: #fafafa;--admin-sidebar-width: 256px;--admin-header-height: 64px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/utils/crud.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Утилиты для работы с CRUD операциями через API
+ */
+export interface CrudConfig<T = any> {
+    baseUrl: string;
+    getListUrl?: (params?: any) => string;
+    getDetailUrl?: (id: string | number) => string;
+    getCreateUrl?: () => string;
+    getUpdateUrl?: (id: string | number) => string;
+    getDeleteUrl?: (id: string | number) => string;
+    transformRequest?: (data: Partial<T>) => any;
+    transformResponse?: (data: any) => T;
+    headers?: Record<string, string>;
+}
+export declare class CrudService<T = any> {
+    private config;
+    constructor(config: CrudConfig<T>);
+    private request;
+    getList(params?: any): Promise<{
+        data: T[];
+        total?: number;
+    }>;
+    getDetail(id: string | number): Promise<T>;
+    create(data: Partial<T>): Promise<T>;
+    update(id: string | number, data: Partial<T>): Promise<T>;
+    delete(id: string | number): Promise<void>;
+}
+//# sourceMappingURL=crud.d.ts.map

package/dist/utils/crud.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crud.d.ts","sourceRoot":"","sources":["../../src/utils/crud.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,UAAU,CAAC,CAAC,GAAG,GAAG;IACjC,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,MAAM,CAAA;IACrC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;IAC9C,YAAY,CAAC,EAAE,MAAM,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;IAC9C,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAA;IAC9C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,GAAG,CAAA;IAC5C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,CAAA;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACjC;AAED,qBAAa,WAAW,CAAC,CAAC,GAAG,GAAG;IAC9B,OAAO,CAAC,MAAM,CAAyB;gBAE3B,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;YAcnB,OAAO;IAiBf,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC;QAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAoB7D,SAAS,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;IAM1C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IAUpC,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC;IAUzD,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAMjD"}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "ui-admin-lib",
+  "version": "1.0.0",
+  "description": "UI библиотека для создания административных панелей на React",
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "demo": "cd demo && npm install && npm run dev",
+    "demo:build": "cd demo && npm install && npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8",
+    "vite-plugin-dts": "^3.6.4"
+  },
+  "keywords": [
+    "react",
+    "admin",
+    "crud",
+    "admin-panel",
+    "dashboard",
+    "ui-library",
+    "typescript",
+    "react-components"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  }
+}
+