open-index/open-npm huggingface dataset:
npm package: @sungeunp/mir-chat-response-manage
Description: **`M`** : Means props competible only for editing only messages mode
Latest version: 0.1.65-g

# ResponseManage for MIR-Chat

## ResponseManage

### Descriptions
**`M`** : Means props competible only for editing only messages mode

### Constants


### Available props

**Props about `ConditionList`**
---
### `requestId`
Binding id of request for control conditions

### `conditionActions`
Binding actions(functions) for trigged user interaction for condition

**Props about `MessageBoard`**
---
### `currentEditMessage` *
Bidning current editing messages data

**Props about `SliderView`**
---
### `currentEditSlidePage` *
Bidning current editing slide page data

**Props about `ReferenceList`**
---

**Props about `UI`**
---
### `autoSave`
Auto save activate/deactivate flag value

### `msgChanges`
Flag for messages data is changed

### `msgUpdating`
Flag for current messages data is updating

### `onComplete` `M`
Trigging when user click 'Complete button'
***It need when only edit messages (Bot create page)***

### `onDropDeleteArea`
Trigging when dropped rendered component for delete



**Common props**
---
### `editCurrentResponse`
Binding response for edit

### `isDragging` *
Binding value drag boolean value

### `messageActions` *
Binding actions about messages data

### `editing_message_index` *
Binding editing index

### `editing_row_index` *
Binding editing index

### `editing_slide_page_index` *
Binding editing index

### `topicUpdateID`
Binding updateId(UID) for topic

### `editCurrentResponse`
Binding actions about messages data



**Excepts**
---
### Return types
- `ADD_COMPONENT`
- `DELETE_COMPONENT`
- `UPDATE_COMPONENT` 
- `UPDATE_COMPONENT_INDEX_POS` 
- `UPDATE_ROW`
This MessageActions is different return type with other actions

***Return type***
```
{
  editState: <String>, // ['MESSAGE', 'SLIDE_PAGE'] 
  result: NULL, <Array>, // Edited result
} 
```


### ~~`onExit`~~
~~Trigging when exit response manage
-> On click exit button~~

--- omission ---

### This readme is currently updating
### This readme is only Specifying must props for minumum working


Not implemened
---

### `hideUIs` (current not Implemented)

Select UI to hiding

[UI names]
-  `ElementPicker`

-  `ComponentPicker`

-  `ComponentTrash`

-  `Settings`

-  `MessageBoard`

-  `RefList`

- `RemoveResponseBtn`

  

`UItype`

Specific types of UI layout for ResponseManage

### [UI types]

~~-  `Generic`~~

~~Normal layout~~

~~-  `Confirm`~~

~~Show 'Confirm' button
Minified function
Bidning onConfirm props when activate this UItype~~

-> Implemented as `onConfirm` 
  
  

`autoSave`

`msgChanges`

`msgUpdating`

`clickASBtn`

`clickSaveBtn`


### [About export (publish)]
**[In window]**
```
set NODE_ENV=production&&babel src/lib --out-dir dist --copy-files --ignore spec.js,test.js
```
npm package: @sunggang/ck-editor5
Description: This library was generated with [Nx](https://nx.dev).
Latest version: 1.0.1

# uiLibrary

This library was generated with [Nx](https://nx.dev).

## 專案介紹
`@sunggang/ck-editor5` 為ckeditor 5版本的所見即所得編輯器。


## 安裝
```
npm i @sunggang/ck-editor5
```

## 元件使用方式
```
import { CkEditor } from '@sunggang/ck-editor5';
```
npm package: @sunggang/nx-ui-lib
Description: 一個專為 Tree Shaking 優化設計的 React UI 組件庫。
Latest version: 0.0.2

# @sunggang/nx-ui-lib

一個專為 Tree Shaking 優化設計的 React UI 組件庫。

## 特色

✅ **完全支援 Tree Shaking** - 只打包您實際使用的組件  
✅ **TypeScript 支援** - 完整的類型定義  
✅ **Tailwind CSS** - 使用 Tailwind 進行樣式設計  
✅ **ESLint 整合** - 內建程式碼品質檢查  
✅ **分包架構** - 按功能分組，支援按需載入  

## 安裝

```bash
npm install @sunggang/nx-ui-lib
# 或
yarn add @sunggang/nx-ui-lib
```

## 使用方法

### 基本用法 (推薦)

只導入您需要的組件，實現最佳的 tree shaking：

```typescript
// 核心 UI 組件
import { Button, Input } from '@sunggang/nx-ui-lib';

function App() {
  return (
    <div>
      <Button variant="primary">點擊我</Button>
      <Input placeholder="輸入文字" />
    </div>
  );
}
```

### 分包導入 (進階用法)

對於大型組件，使用分包導入來進一步優化 bundle size：

```typescript
// UI 組件包
import { Card, CardHeader, CardContent } from '@sunggang/nx-ui-lib/ui';

// 表單組件包
import { Form, FormField } from '@sunggang/nx-ui-lib/form';

// 數據組件包
import { Table } from '@sunggang/nx-ui-lib/data';

// 工具函數包
import { formatDate, debounce } from '@sunggang/nx-ui-lib/utils';

// Hooks 包
import { useToggle, useLocalStorage } from '@sunggang/nx-ui-lib/hooks';
```

### 樣式導入

```typescript
// 在您的主要 CSS 文件中導入
import '@sunggang/nx-ui-lib/styles';
```

## 可用的分包

| 分包 | 說明 | 導入方式 |
|------|------|----------|
| 主包 | 核心 UI 組件 (Button, Input) | `@sunggang/nx-ui-lib` |
| ui | 完整 UI 組件集 (Card, Button, Input) | `@sunggang/nx-ui-lib/ui` |
| form | 表單相關組件 | `@sunggang/nx-ui-lib/form` |
| data | 數據顯示組件 (Table) | `@sunggang/nx-ui-lib/data` |
| utils | 工具函數 | `@sunggang/nx-ui-lib/utils` |
| hooks | React Hooks | `@sunggang/nx-ui-lib/hooks` |

## 組件範例

### Button

```typescript
import { Button } from '@sunggang/nx-ui-lib';

<Button variant="primary" size="md" loading={false}>
  按鈕文字
</Button>
```

### Table

```typescript
import { Table } from '@sunggang/nx-ui-lib/data';

const columns = [
  { key: 'name', title: '姓名' },
  { key: 'age', title: '年齡' },
];

const data = [
  { name: '張三', age: 25 },
  { name: '李四', age: 30 },
];

<Table columns={columns} data={data} />
```

### Form

```typescript
import { Form, FormField } from '@sunggang/nx-ui-lib/form';
import { Input } from '@sunggang/nx-ui-lib';

<Form>
  <FormField label="使用者名稱" required>
    <Input placeholder="請輸入使用者名稱" />
  </FormField>
</Form>
```

## 開發指南

### 建置

```bash
npx nx build nx-ui-lib
```

### Lint 檢查

```bash
npx nx lint nx-ui-lib
```

## Tree Shaking 優化

此組件庫專為 tree shaking 設計：

1. **ES modules** - 使用 ESM 格式進行分發
2. **sideEffects: false** - 標記為無副作用，支援更激進的 tree shaking
3. **分包架構** - 按功能分組，避免不必要的代碼載入
4. **按需導入** - 只導入實際使用的組件

### Bundle Size 優化建議

1. 使用具體的導入路徑而不是通配符導入
2. 對於大型組件，使用分包導入
3. 在 Next.js 中配置 `optimizePackageImports`

```javascript
// next.config.js
module.exports = {
  experimental: {
    optimizePackageImports: ['@sunggang/nx-ui-lib'],
  },
};
```

## 許可證

MIT
npm package: @sunggang/ui-lib
Description: This library was generated with [Nx](https://nx.dev).
Latest version: 0.4.68

# uiLibrary

This library was generated with [Nx](https://nx.dev).

## 專案介紹
`@sunggang/ui-lib`是react元件庫，目前css或css框架使用了tailwind、shadcn UI。


## 安裝
```
npm i @sunggang/ui-lib
```

## 元件使用方式
```
import { Switch, CkEditor } from '@sunggang/ui-lib';
```