open-index/open-npm huggingface dataset:
npm package: @kiwimoney/kiwimoney-ui
Description: Kiwimoney's standard UI library
Latest version: 0.0.32

# Kiwi ui

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.0.

## Code scaffolding

Run `ng generate component component-name --project kiwimoney-ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project kiwimoney-ui`.

> Note: Don't forget to add `--project kiwimoney-ui` or else it will be added to the default project in your `angular.json` file.

## Build

Run `ng build kiwimoney-ui` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build kiwimoney-ui`, go to the dist folder `cd dist/kiwimoney-ui` and run `npm publish`.

## Running unit tests

Run `ng test kiwimoney-ui` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @kiwiproject/kiwi-js
Description: KiwiJS is a utility library. It contains a variety of utilities that we have built over time and find useful. Most of these utilities are ports from the Java Kiwi library.
Latest version: 1.0.0

### KiwiJS
[![Build](https://github.com/kiwiproject/kiwi-js/actions/workflows/build.yml/badge.svg?branch=main)](https://github.com/kiwiproject/kiwi-js/actions/workflows/build.yml?query=branch%3Amain)
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=kiwiproject_kiwi-js&metric=alert_status)](https://sonarcloud.io/dashboard?id=kiwiproject_kiwi-js)
[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=kiwiproject_kiwi-js&metric=coverage)](https://sonarcloud.io/dashboard?id=kiwiproject_kiwi-js)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@kiwiproject/kiwi-js)](https://www.npmjs.com/package/@kiwiproject/kiwi-js)


KiwiJS is a utility library. It contains a variety of utilities that we have built over time and find useful. Most of these utilities are ports from the Java Kiwi library (https://github.com/kiwiproject/kiwi).
npm package: @kiwiproject/kiwi-test-js
Description: kiwi-test-js is a test utility library. Most of these utilities are ports from the Java Kiwi-test library
Latest version: 1.0.0

### KiwiTestJS
[![Build](https://github.com/kiwiproject/kiwi-test-js/actions/workflows/build.yml/badge.svg?branch=main)](https://github.com/kiwiproject/kiwi-test-js/actions/workflows/build.yml?query=branch%3Amain)
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=kiwiproject_kiwi-test-js&metric=alert_status)](https://sonarcloud.io/dashboard?id=kiwiproject_kiwi-test-js)
[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=kiwiproject_kiwi-test-js&metric=coverage)](https://sonarcloud.io/dashboard?id=kiwiproject_kiwi-test-js)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM](https://img.shields.io/npm/v/@kiwiproject/kiwi-test-js)](https://www.npmjs.com/package/@kiwiproject/kiwi-test-js)

kiwi-test-js is a test utility library. Most of these utilities are ports from the Java Kiwi-test library (https://github.com/kiwiproject/kiwi-test).

### TestContainers
There are a few prebuilt implementations of starting up TestContainers to use in tests. These utilities allow for global
setup and teardown methods to be created to run containers before all tests and after all tests not just per test file.
Currently there are 4 implementations:

* PostgresExtension - Spins up and shuts down a Postgres container for use and allows for creating databases
* MongoExtension - Spins up and shuts down a Mongo container for use
* ElasticSearchExtension - Spins up and shuts down a Elastic Search container for use
* MinioExtension - Spins up and shuts down a Minio container for use
npm package: @kiwiproject/vue-dynamic-property-provider
Description: [![Build](https://github.com/kiwiproject/vue-dynamic-property-provider/actions/workflows/build.yml/badge.svg?branch=main)](https://github.com/kiwiproject/vue-dynamic-property-provider/actions/workflows/build.yml?query=branch%3Amain) [![Quality Gate Status
Latest version: 1.0.0

### Vue Dynamic Property Provider
[![Build](https://github.com/kiwiproject/vue-dynamic-property-provider/actions/workflows/build.yml/badge.svg?branch=main)](https://github.com/kiwiproject/vue-dynamic-property-provider/actions/workflows/build.yml?query=branch%3Amain)
[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=kiwiproject_vue-dynamic-property-provider&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=kiwiproject_vue-dynamic-property-provider)
[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=kiwiproject_vue-dynamic-property-provider&metric=coverage)](https://sonarcloud.io/summary/new_code?id=kiwiproject_vue-dynamic-property-provider)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
[![NPM Version](https://img.shields.io/npm/v/@kiwiproject/vue-dynamic-property-provider)](https://www.npmjs.com/package/@kiwiproject/vue-dynamic-property-provider)

## Install
```shell
npm install @kiwiproject/vue-dynamic-property-provider
```

## Import and register component (Dynamic Property Field)
### Global
```js
import { createApp } from 'vue';
import App from './App.vue';

import DynamicPropertyField from '@kiwiproject/vue-dynamic-property-provider';

const app = createApp(App);
app.component('DynamicPropertyField', DynamicPropertyField);
```

### Local
```vue
<template>
  <DynamicPropertyField v-model="firstName" :field="field" />
</template>

<script setup>
  import { ref } from 'vue';
  import DynamicPropertyField from '@kiwiproject/vue-dynamic-property-provider';

  const firstName = ref(null);
  
  const field = ref({
    name: "firstName"
  });
</script>
```

## Import and register component (Dynamic Property Table)
### Global
```js
import { createApp } from 'vue';
import App from './App.vue';

import DynamicPropertyTable from '@kiwiproject/vue-dynamic-property-provider';

const app = createApp(App);
app.component('DynamicPropertyTable', DynamicPropertyTable);
```

### Local
```vue
<template>
  <DynamicPropertyTable :fields="fields" :data="data" />
</template>

<script setup>
  import { ref } from 'vue';
  import DynamicPropertyTable from '@kiwiproject/vue-dynamic-property-provider';

  const data = ref([
    { id: 1, firstName: "John"}
  ])
  
  const fields = ref([{
    name: "firstName"
  }]);
</script>
```

### Slots
The `DynamicPropertyTable` has the ability to set a slot to provide an action column. You can use this to add whatever actions you need to each row of the table. For example:

```vue
<template>
  <DynamicPropertyTable :fields="fields" :data="data">
    <template #action="{ row }">
      <button type="button">Edit</button>
    </template>
  </DynamicPropertyTable>
</template>
```