Addresses
Description
Address cards and address-management widgets for Enso UI detail pages.
Installation
Install the package:
yarn add @enso-ui/addresses
This package is also available through the full enso-ui workspace bundle.
Features
- exports
AddressesandAddressesCardthrough the public Bulma entrypoint - loads address collections over the injected HTTP client and Enso route helper
- supports filtering, creation, edit, default/shipping/billing toggles, and deletion
- pairs the address list with the Enso modal and form workflow
Usage
<script setup>
import { AddressesCard } from '@enso-ui/addresses/bulma';
</script>
<AddressesCard
:id="companyId"
type="company"
title="Addresses"
/>
API
Addresses
Inline address manager that fetches and mutates an address collection for one model.
Import: @enso-ui/addresses/bulma
Props:
id: string | numbertarget model id.type: string | null = nulladdressable backend type used by the API.query: string = ""initial filter text mirrored into the local search box.
Events:
updateafter fetch, create, delete, or type-flag changes.
Slots:
controlsreceives{ create, internalQuery, fetch }for custom toolbar rendering.
AddressesCard
Card wrapper around Addresses with refresh, collapse, and counter controls.
Import: @enso-ui/addresses/bulma
Props:
id: string | numbertarget model id.type: stringbackend addressable type.icon: string | array | objectcard icon, defaulting tofaSignsPost.collapsed: boolean = falseinitial collapsed state.title: string | null = nulloptional card title override.
Events:
- No direct emits; the wrapped
Addressescomponent raisesupdate.
Companion Backend Package
The frontend widgets expect the backend package to provide the address CRUD endpoints, modal form contracts, and typed address flags used by the card workflow.
Depends On
@enso-ui/card↗@enso-ui/confirmation↗@enso-ui/forms↗@enso-ui/google↗@enso-ui/modal↗@enso-ui/ui↗
Contributions
are welcome. Pull requests are great, but issues are good too.
Thank you to all the people who already contributed to Enso!