open-index/open-npm huggingface dataset:
npm package: @opengis/widgets
Description: A collection of independent widgets for comments, history, files, and gallery
Author: OpenGIS
Latest version: 0.0.69

# OpenGIS Widgets Library

Library of independent widgets for OpenGIS systems with a universal Card wrapper. All widgets can be used separately or as part of a single interface through the Card component.

## Features

### Card Widget - Universal wrapper

- **Two display modes**: Tab (tabs) and Plain (panels)
- **Flexible size control** through `col` and `width` parameters
- **Support for HTML content**, dynamic components and slots
- **Adaptive grid** with support for 12-column system

### Available widgets

- **CommentsWidget** - system comments with replies and likes
- **HistoryWidget** - display of changes history
- **FilesWidget** - file management with upload
- **GalleryWidget** - gallery with adaptive grid
- **DescriptionListWidget** - description lists with different data types

## Documentation

Check out the documentation and live demo here: [Live Demo & Docs](https://widget.opengis.info)


## Install & Usage

### Install

```bash
npm install @opengis/widgets
```

### Register the components

```ts
import { createApp } from 'vue'
import App from './App.vue'
import { DescriptionList, DescriptionItem } from '@opengis/widgets'

createApp(App).component('DescriptionList', DescriptionList).mount('#app')
createApp(App).component('DescriptionItem', DescriptionItem).mount('#app')
```

### Usage

```vue
<template>
  <Card :data="tabsData" view="tab">
    <template #tab-0>
      <CommentsWidget :comments="comments" @add-comment="handleAddComment" />
    </template>
    <template #tab-1>
      <HistoryWidget :items="historyItems" />
    </template>
  </Card>
</template>

<script setup>
import { Card, CommentsWidget, HistoryWidget, FilesWidget, GalleryWidget } from '@opengis/widgets'

const tabsData = [
  {
    "type": "tabs",
    "col": 12,
    "items": [
      { "name": "comments", "title": "Comments" },
      { "name": "history", "title": "History" }
    ]
  }
]

const panelsData = [
  { name: "files", title: "Files", col: 6, width: 6 },
  { name: "gallery", title: "Gallery", col: 6, width: 6 }
]
</script>
```

## Contributions

1. Fork project
2. Create a feature branch (`git checkout -b feature/amazing-feature`)
3. Commit changes (`git commit -m 'Add amazing feature'`)
4. Push to branch (`git push origin feature/amazing-feature`)
5. Open Pull Request

## License

This project is licensed under MIT License.
npm package: @openglobus/openglobus-react
Description: OpenGlobus React Components
Author: Pavel Sukhodolski
Latest version: 0.4.14

# 🌍 React Components for [OpenGlobus](https://github.com/openglobus/openglobus)

## Features:
- **Core Entities**: A complete set of core entities to work with geospatial data, including billboards, 3d-objects, polylines, labels and more.
- **Reactive Integration**: Seamlessly integrate with React applications, leveraging the reactive style.
- **Performance**: Enhanced performance through efficient data handling and rendering optimizations.
- **Storybook**: Explore and interact with all components and features in our [Storybook](https://openglobus.github.io/storybook), providing a comprehensive showcase and testing environment.
- **Minimal Dependencies**: Designed with minimal dependencies to ensure lightweight and efficient performance.

## Install:

```bash
npm i @openglobus/openglobus-react
```

## Usage:

Super easy to try out – just run:

```bash 
npx create openglobus
```

## Documentation:
For detailed documentation and examples, please refer to our [Storybook](https://openglobus.github.io/storybook).

## License:
This project is licensed under the MIT License - see the LICENSE.md file for details.