@commercelayer/app-elements 0.2.0 → 0.3.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Commerce Layer
+Copyright (c) 2023 Commerce Layer
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -3,23 +3,24 @@
 
 # App Elements
 
-`App Elements` is a React components library used to build Commerce Layer dashboard HUB apps. This library contains different types of components, helpers and hooks, from simple and small bits like `Button` o `Card` to complex components like `OrderSummary`.
+[![NPM](https://img.shields.io/npm/v/%40commercelayer%2Fapp-elements)](https://www.npmjs.com/package/@commercelayer/app-elements)
 
-## Local development
+The Commerce Layer admin Dashboard has a hub section for back-office applications built on top of our APIs that facilitates the use of some of the platform's main features.
 
-```sh
-pnpm install
-pnpm dev
-```
+<img width="700" alt="You can access the Hub section from the dashboard sidebar menu" src="https://user-images.githubusercontent.com/1681269/268583888-265c7b96-d6d1-451c-9353-a59a4de6edb6.png">
 
-### Link to other application
+`App Elements` is the React component library for building these Hub applications. This library contains different components, helpers, and hooks, from simple and small bits like `Button` or `Card` to complex components like `OrderSummary`.
 
-```sh
-pnpm build:elements --watch
+## Getting started
 
-cd ~/projects/app-elements/packages/app-elements
-pnpm link --global
+For a constantly updated list of the available and soon-to-come components provided by Commerce Layer's `app-elements` library, please refer to [the official documentation](https://commercelayer.github.io/app-elements) that will help you get started in a snap.
 
-cd ~/projects/my-app/packages/app
-pnpm link --global @commercelayer/app-elements
-```
+## Need help?
+
+- Join [Commerce Layer's Slack community](https://slack.commercelayer.app).
+- Ping us [on X (formerly Twitter)](https://x.com/commercelayer).
+- Is there a bug? Create an [issue](https://github.com/commercelayer/app-elements/issues) on this repository.
+
+## License
+
+This project is published under the [MIT](https://github.com/commercelayer/app-elements/blob/main/LICENSE) license.

package/dist/{InputDateComponent-926e5e6d.js → InputDateComponent-dee358c1.js}

@@ -1,4 +1,4 @@
-import { P as Ma, r as E, a as Rn, t as H, b as Mt, c as Ee, d as P, g as Cr, _ as Qt, s as je, e as cr, f as xa, h as I, i as R, j as N, k as D, l as b, m as Y, n as Sa, o as ur, p as Ln, q as Oa, u as Ea, v as Pa, w as qr, x as _a, y as Kr, z as Ta, A as Na, B as Ya, C as An, D as ae, E as nt, F as pr, G as Hn, H as Ia, I as lr, J as Zr, K as Ra, L as La, M as Aa, N as At, O as Ke, Q as Ha, R as Fa, S as ja } from "./main-d208b3aa.js";
+import { P as Ma, r as E, a as Rn, t as H, b as Mt, c as Ee, d as P, g as Cr, _ as Qt, s as je, e as cr, f as xa, h as I, i as R, j as N, k as D, l as b, m as Y, n as Sa, o as ur, p as Ln, q as Oa, u as Ea, v as Pa, w as qr, x as _a, y as Kr, z as Ta, A as Na, B as Ya, C as An, D as ae, E as nt, F as pr, G as Hn, H as Ia, I as lr, J as Zr, K as Ra, L as La, M as Aa, N as At, O as Ke, Q as Ha, R as Fa, S as ja } from "./main-49356a73.js";
 import * as B from "react";
 import h, { forwardRef as Fn, createElement as Ua, Component as Ba, createRef as Wa } from "react";
 import * as Va from "react-dom";

package/dist/hooks/useOnBlurFromContainer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type OnBlur = (event: React.FocusEvent<HTMLElement, Element>) => void;
+/**
+ * Check if the new focused element is a child of the element and trigger the `onBlur` callback.
+ * @param onBlur Function that will be triggered when the new focused element is a child of the element.
+ * @returns
+ */
+export declare const useOnBlurFromContainer: (onBlur: () => void) => OnBlur;
+export {};