@react5/ui 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/packages/app/src/App.tsx +21 -2
- package/packages/lib/dist/esm/index.esm.js +1 -1
- package/packages/lib/dist/esm/index.esm.js.map +1 -1
- package/packages/lib/dist/index.js +1 -1
- package/packages/lib/dist/index.js.map +1 -1
- package/packages/lib/dist/types/components/DialogPrompt/DialogPrompt.d.ts +2 -1
- package/packages/lib/dist/types/components/DialogPrompt/DialogPrompt.d.ts.map +1 -1
- package/packages/lib/dist/types/hooks/index.d.ts +1 -0
- package/packages/lib/dist/types/hooks/index.d.ts.map +1 -1
- package/packages/lib/dist/types/hooks/use-form.d.ts +25 -0
- package/packages/lib/dist/types/hooks/use-form.d.ts.map +1 -0
- package/packages/lib/src/components/DialogPrompt/DialogPrompt.tsx +3 -2
- package/packages/lib/src/hooks/index.tsx +2 -1
- package/packages/lib/src/hooks/use-form.tsx +79 -0
package/package.json
CHANGED
package/packages/app/src/App.tsx
CHANGED
|
@@ -1,15 +1,34 @@
|
|
|
1
1
|
import './App.css'
|
|
2
|
-
import { Button } from '@react5/lib'
|
|
2
|
+
import { Button, CheckBox, Form, TextField, useForm } from '@react5/lib'
|
|
3
3
|
import '@react5/lib/dist/index.css'
|
|
4
4
|
import { useTranslation } from 'react-i18next'
|
|
5
5
|
import { translationNs } from './i18n/ns'
|
|
6
|
+
import { useEffect } from 'react'
|
|
6
7
|
|
|
7
8
|
function App() {
|
|
8
9
|
const { t } = useTranslation(translationNs)
|
|
10
|
+
const { register, registerForm, values, reset } = useForm({fieldone: "test", checkfield: false});
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
console.log("effect")
|
|
13
|
+
setTimeout(() => {
|
|
14
|
+
reset({fieldone: "test2", checkfield: true})
|
|
15
|
+
}, 1000);
|
|
16
|
+
}, []);
|
|
17
|
+
const handleTestButton = () => {
|
|
18
|
+
console.log(values);
|
|
19
|
+
}
|
|
20
|
+
const handleSubmit = (data?: unknown) => {
|
|
21
|
+
console.log("submit", data);
|
|
22
|
+
}
|
|
9
23
|
return (
|
|
10
24
|
<>
|
|
11
25
|
<h1>{t('app.title')}</h1>
|
|
12
|
-
<
|
|
26
|
+
<Form {...registerForm(handleSubmit)}>
|
|
27
|
+
<TextField label="One" {...register("fieldone")} />
|
|
28
|
+
<CheckBox label="Two" {...register("checkfield")} />
|
|
29
|
+
<Button onClick={handleTestButton}>test</Button>
|
|
30
|
+
<Button type='submit'>Submit</Button>
|
|
31
|
+
</Form>
|
|
13
32
|
</>
|
|
14
33
|
)
|
|
15
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useState as n,useEffect as r,forwardRef as t,Fragment as a,useRef as i,Children as o,useCallback as l}from"react";import c from"clsx";import{bem as u}from"@react5/bem";import{jsxs as s,jsx as d}from"react/jsx-runtime";import{Link as m}from"react-router-dom";import{TimeSpanInput as f}from"@react5/time-span";var v={core:{edit:"Edit",view:"View",name:"Name",title:"Title",description:"Description",next:"Next",previous:"Previous",settings:"Settings"}},h={core:{view:"Voir",edit:"Editer",name:"Nom",title:"Titre",description:"Description",next:"Suivant",previous:"Précédent",settings:"Paramètres"}},p="ui-library";function y(e){e.addResourceBundle("en",p,v,!0,!0),e.addResourceBundle("fr",p,h,!0,!0)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function N(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function g(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?N(Object(r),!0).forEach((function(n){w(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function w(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=b(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=b(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==b(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function C(e,n,r){var t=e(n,g(g({},r),{},{returnObjects:!0}));return Array.isArray(t)?t:null}function O(e,n,r){return e(n,g(g({},r),{},{returnObjects:!0}))}function k(e){return u("r5ui-"+e)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function j(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=S(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=S(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==S(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function A(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return x(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var E=k("accordion"),L=function(e){var t=e.title,a=e.children,i=e.className,o=e.isOpen,l=void 0!==o&&o,u=A(n(l),2),m=u[0],f=u[1];r((function(){l&&f(l)}),[l]);return s("div",{className:c(E(),i,j({},E("open"),m)),children:[s("button",{className:E("toggle-header"),onClick:function(e){e.preventDefault(),f((function(e){return!e}))},children:[d("h3",{className:E("title"),children:t}),d("span",{className:c(E("indicator"),m&&E("indicator","open"))})]}),d("div",{className:c(E("content"),m&&E("content","open")),children:a})]})},P=k("button"),I=function(e){var n=e.className,r=e.variant,t=void 0===r?"primary":r,a=e.type,i=void 0===a?"button":a,o=e.to,l=e.onClick,u=e.disabled,s=e.children,f=c(P(),P(t),P(i),n);return o?d(m,{className:f,to:o,children:s}):d("button",{className:f,onClick:function(e){l&&(e.preventDefault(),l(e))},disabled:u,type:i,children:s})},M=k("buttons-group"),B=function(e){var n=e.children,r=e.className;return d("div",{className:c(M(),r),children:n})},D=function(e,n){return e?e.replace("{name}",n||"Field"):e},F=k("checkbox"),z=t((function(e,n){var r=e.checked,t=e.onChange,i=e.name,o=e.className,l=e.autoFocus,u=void 0!==l&&l,m=e.readonly,f=void 0!==m&&m,v=e.label,h=e.error;return s(a,{children:[s("label",{className:c(F(),o),children:[d("input",{id:i,name:i,className:F("input"),readOnly:f,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:F("checkmark")}),v&&d("span",{className:F("label"),children:v})]}),h&&d("div",{children:D(h,v)})]})})),T=k("typography"),U=function(e){var n=e.children,r=e.onClick,t=e.className,a=e.align,i=void 0===a?"left":a,o=e.variant,l=void 0===o?"p":o;return d(l,{className:c(T(),T(l),T(i),t),onClick:r,children:n})},$=k("icon-button"),V=function(e){var n=e.children,r=e.onClick,t=e.className,a=e.title,i=e.to,o=e.variant,l=void 0===o?"none":o,u=e.type,s=e.disabled;return i?d(m,{className:c($(),$(l),t),to:i,title:a,type:u,children:n}):d("button",{className:c($(),$(l),t),onClick:function(e){e.preventDefault(),r&&r(e)},disabled:s,title:a,type:u,children:n})},H={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},R=e.createContext&&e.createContext(H),X=["attr","size","title"];function K(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)r=i[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function W(){return W=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},W.apply(this,arguments)}function q(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function G(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?q(Object(r),!0).forEach((function(n){J(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function J(e,n,r){var t;return(n="symbol"==typeof(t=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(n,"string"))?t:t+"")in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Q(n){return n&&n.map(((n,r)=>e.createElement(n.tag,G({key:r},n.attr),Q(n.child))))}function Y(n){return r=>e.createElement(Z,W({attr:G({},n.attr)},r),Q(n.child))}function Z(n){var r=r=>{var t,{attr:a,size:i,title:o}=n,l=K(n,X),c=i||r.size||"1em";return r.className&&(t=r.className),n.className&&(t=(t?t+" ":"")+n.className),e.createElement("svg",W({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,a,l,{className:t,style:G(G({color:n.color||r.color},r.style),n.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),o&&e.createElement("title",null,o),n.children)};return void 0!==R?e.createElement(R.Consumer,null,(e=>r(e))):r(H)}function _(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 192 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128zM160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0z"},child:[]}]})(e)}function ee(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"},child:[]}]})(e)}function ne(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"},child:[]}]})(e)}function re(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"},child:[]}]})(e)}function te(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"},child:[]}]})(e)}function ae(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"},child:[]}]})(e)}function ie(e){return Y({attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M400 0L176 0c-26.5 0-48.1 21.8-47.1 48.2c.2 5.3 .4 10.6 .7 15.8L24 64C10.7 64 0 74.7 0 88c0 92.6 33.5 157 78.5 200.7c44.3 43.1 98.3 64.8 138.1 75.8c23.4 6.5 39.4 26 39.4 45.6c0 20.9-17 37.9-37.9 37.9L192 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-26.1 0C337 448 320 431 320 410.1c0-19.6 15.9-39.2 39.4-45.6c39.9-11 93.9-32.7 138.2-75.8C542.5 245 576 180.6 576 88c0-13.3-10.7-24-24-24L446.4 64c.3-5.2 .5-10.4 .7-15.8C448.1 21.8 426.5 0 400 0zM48.9 112l84.4 0c9.1 90.1 29.2 150.3 51.9 190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1 254.3c-22.4 21.8-48.3 37.3-73.2 48.3c22.7-40.3 42.8-100.5 51.9-190.6l84.4 0c-5.1 66.3-31.1 111.2-63 142.3z"},child:[]}]})(e)}function oe(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},child:[]}]})(e)}var le=k("modal"),ce=function(e){var n=e.className,r=e.children,t=e.onClose,a=e.title,i=e.variant,o=void 0===i?"large":i;return d("div",{className:c(le(),n),children:s("div",{className:c(le("content"),le("content",o)),onClick:function(e){return e.stopPropagation()},children:[d(U,{className:le("title"),variant:"h3",children:a}),t&&d(V,{className:le("close"),variant:"round-outlined",onClick:t,children:d(oe,{})}),d("div",{className:le("modal-body"),children:r})]})})};ce.Header=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("header"),r),children:n})};ce.Body=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("body"),r),children:n})};ce.Footer=function(e){var n=e.children,r=e.className;return d("div",{className:c(le("footer"),r),children:n})};var ue=k("form-buttons"),se=function(e){var n=e.children,r=e.className;return d("div",{className:c(ue(),r),children:n})},de=k("dialog-prompt"),me=function(e){var n=e.children,r=e.onOk,t=e.onCancel,a=e.className,i=e.prompt,o=e.confirmText,l=e.cancelText;return s(ce,{variant:"small",className:c(de(),a),onClose:t,children:[d(ce.Header,{}),s(ce.Body,{className:de("body"),children:[i&&d(U,{variant:"h2",align:"center",children:i}),n]}),d(ce.Footer,{children:s(se,{children:[d(I,{type:"submit",onClick:r,children:o}),d(I,{type:"button",variant:"secondary",onClick:t,children:l})]})})]})},fe=k("divider"),ve=function(e){var n=e.children,r=e.className;return d("div",{className:c(fe(),r),children:d("span",{className:fe("label"),children:n})})};function he(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return pe(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?pe(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pe(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var ye=k("dropdown"),be=function(e){var t=e.items,a=e.selectedItem,o=e.direction,l=void 0===o?"down":o,u=e.variant,m=void 0===u?"primary":u,f=e.onChange,v=e.className,h=he(n(!1),2),p=h[0],y=h[1],b=i(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var N="".concat(ye("list")," ").concat(ye("list",l));return s("div",{className:c(ye(),v),ref:b,children:[s(I,{className:ye("button",l),variant:m,onClick:function(){return y((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",d("span",{className:c(ye("indicator"),ye("indicator-".concat(m)),ye("indicator",l),p&&ye("indicator","open"))})]}),p&&d("ul",{className:N,children:t.map((function(e,n){return d("li",{className:ye("item"),onClick:(r=e,function(){f&&f(r),y(!1)}),children:e.label},n);var r}))})]})},Ne=k("form"),ge=function(e){var n=e.children,r=e.onSubmit,t=e.className;return d("form",{method:"post",onSubmit:function(e){r&&(e.preventDefault(),r(e))},className:c(Ne(),t),children:n})},we=k("menu-item"),Ce=function(e){var n=e.className,r=e.to,t=e.onClick,a=e.component,i=e.disabled,o=e.children,l=c(we(),n);return a?d("div",{className:n,children:a}):r?d(m,{className:l,to:r,onClick:function(){t&&t()},children:o}):d("button",{className:l,onClick:t,disabled:i,children:o})};function Oe(e,n){r((function(){var r=function(r){e.every((function(e){return e.current&&!e.current.contains(r.target)}))&&n()};return document.addEventListener("mousedown",r),function(){document.removeEventListener("mousedown",r)}}),[e,n])}function ke(e,n,t){r((function(){var r=function(e){"Enter"===e.key?(n(),e.preventDefault()):"Escape"===e.key&&(t&&t(),e.preventDefault())},a=e.current;return a&&a.addEventListener("keydown",r),function(){a&&a.removeEventListener("keydown",r)}}),[e,n,t])}function Se(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r((function(){n&&e.current&&e.current.focus()}),[n,e])}function je(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ae(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ae(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ae(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var xe=k("navbar"),Ee=function(e){var r=e.children,t=e.className,a=je(n(!1),2),l=a[0],u=a[1],m=i(null),f=i(null);Oe([m,f],(function(){return u(!1)}));return s("nav",{className:c(xe(),t),children:[d("button",{className:xe("expand-button"),onClick:function(){return u((function(e){return!e}))},ref:m,children:d(ne,{})}),d("ul",{className:c(xe("container"),l&&xe("container","open")),ref:f,children:o.map(r,(function(e,n){return d("li",{className:xe("item"),children:e},n)}))})]})},Le=k("navbar-link"),Pe=function(e){var n=e.to,r=e.children,t=e.onClick,a=e.component,i=e.className;return a?d(a,{className:c(Le(),i),to:n,children:r}):d("a",t?{className:c(Le(),i),href:"#",onClick:t,children:r}:{children:r})};function Ie(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Me(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Me(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Me(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Be=k("navbar-menu"),De=function(e){var t=e.items,a=e.className,o=e.menuTitle,l=e.header,u=e.direction,m=void 0===u?"down":u,f=e.variant,v=void 0===f?"primary":f,h=Ie(n(!1),2),p=h[0],y=h[1],b=i(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var N=function(){return y((function(e){return!e}))},g="".concat(Be("container")," ").concat(Be("container",m));return s("div",{className:c(Be(),a),ref:b,children:[d("button",{className:Be("button"),onClick:N,children:o}),d("button",{className:Be("toggle-button"),onClick:N,children:d("span",{className:c(Be("indicator"),Be("indicator-".concat(v)),p&&Be("indicator","open"))})}),s("div",{className:c(g,p&&Be("container","open")),children:[d("span",{className:Be("drop-header"),children:l}),d("ul",{className:Be("list"),children:t.map((function(e,n){return d("li",{className:Be("item"),children:d(Ce,{className:Be("menu-item"),component:e.component,to:e.to,onClick:(r=e.onClick,function(e){y(!1),r&&r(e)}),children:e.title})},n);var r}))})]})]})},Fe=k("panel"),ze=function(e){var n=e.children,r=e.className;return d("div",{className:c(Fe(),r),children:n})},Te=k("paper"),Ue=function(e){var n=e.children,r=e.className;return d("div",{className:c(Te(),r),children:n})};function $e(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ve(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ve(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ve(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var He=k("range-slider"),Re=function(e){var t=e.min,a=void 0===t?0:t,o=e.max,u=void 0===o?3600:o,m=e.step,v=void 0===m?1:m,h=e.from,p=void 0===h?a:h,y=e.to,b=void 0===y?u:y,N=e.onChange,g=e.onPickFrom,w=e.onPickTo,C=e.pickFromLabel,O=e.pickToLabel,k=$e(n(p),2),S=k[0],j=k[1],A=$e(n(b),2),x=A[0],E=A[1],L=i(null),P=i(null),I=l((function(e){B(e)}),[]),M=function(e){return(e-a)/(u-a)*100},B=function(e){if(L.current&&P.current){var n=L.current.getBoundingClientRect(),r=e-n.left,t=Math.min(Math.max(r/n.width,0),1),i=Math.round((a+t*(u-a))/v)*v;"min"===P.current?i<x&&j(i):"max"===P.current&&i>S&&E(i)}},D=function(){N&&N(S,x),P.current=null,document.removeEventListener("mousemove",F)},F=function(e){I(e.clientX)},z=function(e){return function(n){P.current=e,B(n.clientX),document.addEventListener("mousemove",F)}};return r((function(){j(p),E(b)}),[p,b]),s("div",{className:He(),children:[s("div",{ref:L,className:He("track"),children:[d("div",{className:He("range"),style:{left:"".concat(M(S),"%"),right:"".concat(100-M(x),"%")}}),d("div",{className:c(He("thumb"),He("thumb","min")),style:{left:"".concat(M(S),"%")},onMouseDown:z("min"),onMouseUp:D}),d("div",{className:c(He("thumb"),He("thumb","max")),style:{left:"".concat(M(x),"%")},onMouseDown:z("max"),onMouseUp:D})]}),s("div",{className:He("values"),children:[s("span",{className:He("value"),children:[d(f,{className:He("value-field"),step:v||2,value:S,onChange:function(e){j(e),N&&N(e,x)}}),d(V,{className:He("pick-button"),variant:"round-outlined",title:C,onClick:g,children:d(_,{})})]}),s("span",{className:He("value"),children:[d(V,{className:He("pick-button"),variant:"round-outlined",title:O,onClick:w,children:d(ee,{})}),d(f,{className:He("value-field"),step:v||2,value:x,onChange:function(e){E(e),N&&N(S,e)}})]})]})]})};function Xe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ke(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ke(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ke(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var We=k("responsive-bar"),qe=function(e){var r=e.children,t=e.className,a=e.expandClassName,l=e.icon,u=void 0===l?d(ne,{}):l,m=Xe(n(!1),2),f=m[0],v=m[1],h=i(null),p=i(null);Oe([h,p],(function(){return v(!1)}));return s("nav",{className:c(We(),t),children:[d("button",{className:c(We("expand-button"),a),onClick:function(){return v((function(e){return!e}))},ref:h,children:u}),d("ul",{className:c(We("container"),f&&We("container","open")),ref:p,children:o.map(r,(function(e,n){return d("li",{className:We("item"),children:e},n)}))})]})},Ge=k("scroll-view"),Je=function(e){var n=e.children,r=e.className;return d("div",{className:c(Ge(),r),children:n})},Qe=k("section"),Ye=function(e){var n=e.children,r=e.onClose,t=e.noBorder;return s("div",{className:Qe(),children:[d("div",{className:c(Qe("fields"),!t&&Qe("with-border")),children:n}),r&&d("div",{className:Qe("actions"),children:d(V,{onClick:r,children:d(oe,{})})})]})},Ze=k("select-field"),_e=t((function(e,n){var r=e.value,t=e.onChange,a=e.noLabel,i=void 0!==a&&a,o=e.onBlur,l=e.name,u=e.className,m=e.autoFocus,f=void 0!==m&&m,v=e.disabled,h=void 0!==v&&v,p=e.label,y=e.error,b=e.options;return s("div",{className:c(Ze(),u),children:[s("div",{className:Ze("wrapper"),children:[!i&&s("label",{htmlFor:l,className:Ze("label"),children:[p,":"]}),d("select",{id:l,name:l,className:Ze("input"),disabled:h,value:r,onChange:t,onBlur:o,ref:n,autoFocus:f,autoComplete:"on",children:b&&b.map((function(e){return d("option",{value:e.value,children:e.label},e.value)}))})]}),y&&d("div",{className:Ze("error-container"),children:D(y,p)})]})})),en=function(){return d("span",{className:"spacer"})},nn=k("stack-panel"),rn=function(e){var n=e.children,r=e.className;return d("div",{className:c(nn(),r),children:n})};function tn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return an(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?an(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function an(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}rn.Item=function(e){var n=e.children,r=e.className;return d("div",{className:c(nn("item"),r),children:n})};var on=k("submenu"),ln=function(e){var t=e.items,a=e.selectedItem,o=e.variant,l=void 0===o?"primary":o,u=e.onChange,m=e.className,f=tn(n(!1),2),v=f[0],h=f[1],p=i(null);r((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&h(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var y=on("list");return s("div",{className:c(on(),m),ref:p,children:[s("button",{className:on("button"),onClick:function(){return h((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",d("span",{className:c(on("indicator"),on("indicator-".concat(l)),v&&on("indicator","open"))})]}),v&&d("ul",{className:y,children:t.map((function(e,n){return d("li",{className:on("item"),onClick:(r=e,function(){u&&u(r),h(!1)}),children:e.label},n);var r}))})]})},cn=k("toolbar"),un=function(e){var n=e.children,r=e.className,t=e.align,a=void 0===t?"left":t,i=e.orientation,o=void 0===i?"horizontal":i;return d("div",{className:c(cn(),cn("",a),cn("",o),r),children:n})},sn=k("success-congratulation"),dn=function(e){var n=e.message,t=void 0===n?"Congratulations!":n,a=e.onContinue,i=e.onAddToFavorites,o=e.isFavorite,l=e.className,u=e.continueText,m=void 0===u?"Continue":u;r((function(){var e=function(e){["Escape","Enter"," "].includes(e.key)&&(e.preventDefault(),null==a||a())};return window.addEventListener("keydown",e,!1),function(){window.removeEventListener("keydown",e)}}),[a]);return s("div",{className:c(sn(),l),onClick:function(){null==a||a()},tabIndex:0,role:"button",children:[d("div",{className:sn("icon"),children:d(ie,{className:sn("checkmark")})}),d("p",{className:sn("message"),children:t}),s(un,{children:[d(V,{variant:"rounded",onClick:a,children:m}),d(V,{variant:"round-outlined",onClick:function(e){null==e||e.stopPropagation(),null==i||i()},children:d(re,{className:c(o&&sn("favorite"))})})]})]})},mn=k("text-area"),fn=t((function(e,n){var r=e.value,t=e.onChange,a=e.noLabel,i=void 0!==a&&a,o=e.onBlur,l=e.name,u=e.rows,m=void 0===u?3:u,f=e.className,v=e.autoFocus,h=void 0!==v&&v,p=e.readonly,y=void 0!==p&&p,b=e.label,N=e.error,g=e.placeholder;return s("div",{className:c(mn(),f),children:[s("div",{className:mn("wrapper"),children:[!i&&s("label",{htmlFor:l,className:mn("label"),children:[b,":"]}),d("textarea",{rows:m,id:l,name:l,className:mn("input"),readOnly:y,value:r,onChange:t,onBlur:o,ref:n,autoFocus:h,autoComplete:"on",placeholder:g})]}),N&&d("div",{className:mn("error-container"),children:D(N,b)})]})})),vn=k("text-field"),hn=function(e){var n=e.id,r=e.name,t=e.className,a=e.label,i=e.children;return d("div",{className:c(vn(),t),children:s("div",{className:vn("wrapper"),children:[s("label",{htmlFor:n||r,className:vn("label"),children:[a,":"]}),d("div",{className:vn("input-wrapper"),children:i})]})})},pn=t((function(e,n){var r=e.isPassword,t=e.value,a=e.onChange,i=e.onEnter,o=e.noLabel,l=void 0!==o&&o,u=e.onBlur,m=e.type,f=void 0===m?"text":m,v=e.name,h=e.className,p=e.autoFocus,y=void 0!==p&&p,b=e.readonly,N=void 0!==b&&b,g=e.label,w=e.error,C=e.placeholder,O=e.step;return s("div",{className:c(vn(),h),children:[s("div",{className:vn("wrapper"),children:[!l&&s("label",{htmlFor:v,className:vn("label"),children:[g,":"]}),d("div",{className:vn("input-wrapper"),children:d("input",{id:v,name:v,className:c(vn("input"),vn("input",f)),readOnly:N,type:r?"password":f,value:t,onChange:a,onBlur:u,ref:n,autoFocus:y,autoComplete:"on",onKeyDown:function(e){"Enter"===e.key&&i&&(e.preventDefault(),i())},placeholder:C,step:O})})]}),w&&d("div",{className:vn("error-container"),children:D(w,g)})]})}));function yn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,i,o,l=[],c=!0,u=!1;try{if(i=(r=r.call(e)).next,0===n);else for(;!(c=(t=i.call(r)).done)&&(l.push(t.value),l.length!==n);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(u)throw a}}return l}}(e,n)||function(e,n){if(e){if("string"==typeof e)return bn(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?bn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function bn(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Nn=k("title-edit"),gn=function(e){var t=e.className,a=e.variant,o=void 0===a?"p":a,l=e.noButton,u=void 0!==l&&l,m=e.value,f=e.type,v=void 0===f?"text":f,h=e.onChange,p=e.postfix,y=e.name,b=yn(n(m),2),N=b[0],g=b[1],w=yn(n(!1),2),C=w[0],O=w[1],k=i(null);Se(k,C);var S=function(){h(N),O(!1)},j=function(){g(m),O(!1)};ke(k,S,j),r((function(){g(m)}),[m]);var A=function(){O(!0)};return s("div",{className:c(Nn(),t),children:[C&&s("div",{className:Nn("container"),children:[d("input",{id:y,name:y,type:v,className:c(Nn("edit-field"),Nn("edit-field",v)),value:N,onChange:function(e){g(e.target.value)},ref:k}),d(V,{onClick:S,children:d(te,{})}),d(V,{onClick:j,children:d(oe,{})})]}),!C&&s("div",{className:Nn("container"),children:[s(U,{variant:o,onClick:A,children:[m," ",p]}),!u&&d(V,{onClick:A,children:d(ae,{})})]})]})},wn=k("toast"),Cn=function(e){var n=e.type,r=void 0===n?"success":n,t=e.children,a=e.onClose,i=e.className;return s("div",{className:c(wn(),wn("",r),i),children:[t,d("button",{"aria-label":"Close",className:wn("close"),onClick:function(){return a&&a()},children:d("span",{"aria-hidden":"true",children:"×"})})]})},On=k("toggle-button"),kn=t((function(e,n){var r=e.checked,t=e.onChange,i=e.name,o=e.className,l=e.autoFocus,u=void 0!==l&&l,m=e.readonly,f=void 0!==m&&m,v=e.label,h=e.error;return s(a,{children:[s("label",{className:c(On(),o),children:[d("input",{id:i,name:i,className:On("input"),readOnly:f,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:On("slider")})]}),d("span",{className:On("label"),children:v}),h&&d("div",{children:D(h,v)})]})}));export{L as Accordion,I as Button,B as ButtonsGroup,z as CheckBox,me as DialogPrompt,ve as Divider,be as DropDown,ge as Form,se as FormButtons,V as IconButton,Ce as MenuItem,ce as Modal,Ee as Navbar,Pe as NavbarLink,De as NavbarMenu,ze as Panel,Ue as Paper,Re as RangeSlider,qe as ResponsiveBar,Je as ScrollView,Ye as Section,_e as SelectField,en as Spacer,rn as StackPanel,ln as Submenu,dn as SuccessCongratulation,fn as TextArea,pn as TextField,hn as TextFieldWrapper,gn as TitleEdit,Cn as Toast,kn as ToggleButton,un as Toolbar,U as Typography,y as addTranslations,D as formatError,C as ta,O as to,Oe as useClickOutside,ke as useKeysEneterEsc,Se as useSetStartupFocus};
|
|
1
|
+
import e,{useState as n,useEffect as r,forwardRef as t,Fragment as a,useRef as o,Children as i,useCallback as c}from"react";import l from"clsx";import{bem as u}from"@react5/bem";import{jsxs as s,jsx as d}from"react/jsx-runtime";import{Link as f}from"react-router-dom";import{TimeSpanInput as m}from"@react5/time-span";var v={core:{edit:"Edit",view:"View",name:"Name",title:"Title",description:"Description",next:"Next",previous:"Previous",settings:"Settings"}},h={core:{view:"Voir",edit:"Editer",name:"Nom",title:"Titre",description:"Description",next:"Suivant",previous:"Précédent",settings:"Paramètres"}},p="ui-library";function y(e){e.addResourceBundle("en",p,v,!0,!0),e.addResourceBundle("fr",p,h,!0,!0)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function g(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function N(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?g(Object(r),!0).forEach((function(n){w(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function w(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=b(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=b(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==b(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function C(e,n,r){var t=e(n,N(N({},r),{},{returnObjects:!0}));return Array.isArray(t)?t:null}function O(e,n,r){return e(n,N(N({},r),{},{returnObjects:!0}))}function j(e){return u("r5ui-"+e)}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function k(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=S(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=S(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==S(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function A(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return x(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var P=j("accordion"),E=function(e){var t=e.title,a=e.children,o=e.className,i=e.isOpen,c=void 0!==i&&i,u=A(n(c),2),f=u[0],m=u[1];r((function(){c&&m(c)}),[c]);return s("div",{className:l(P(),o,k({},P("open"),f)),children:[s("button",{className:P("toggle-header"),onClick:function(e){e.preventDefault(),m((function(e){return!e}))},children:[d("h3",{className:P("title"),children:t}),d("span",{className:l(P("indicator"),f&&P("indicator","open"))})]}),d("div",{className:l(P("content"),f&&P("content","open")),children:a})]})},L=j("button"),I=function(e){var n=e.className,r=e.variant,t=void 0===r?"primary":r,a=e.type,o=void 0===a?"button":a,i=e.to,c=e.onClick,u=e.disabled,s=e.children,m=l(L(),L(t),L(o),n);return i?d(f,{className:m,to:i,children:s}):d("button",{className:m,onClick:function(e){c&&(e.preventDefault(),c(e))},disabled:u,type:o,children:s})},M=j("buttons-group"),D=function(e){var n=e.children,r=e.className;return d("div",{className:l(M(),r),children:n})},F=function(e,n){return e?e.replace("{name}",n||"Field"):e},T=j("checkbox"),B=t((function(e,n){var r=e.checked,t=e.onChange,o=e.name,i=e.className,c=e.autoFocus,u=void 0!==c&&c,f=e.readonly,m=void 0!==f&&f,v=e.label,h=e.error;return s(a,{children:[s("label",{className:l(T(),i),children:[d("input",{id:o,name:o,className:T("input"),readOnly:m,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:T("checkmark")}),v&&d("span",{className:T("label"),children:v})]}),h&&d("div",{children:F(h,v)})]})})),z=j("typography"),U=function(e){var n=e.children,r=e.onClick,t=e.className,a=e.align,o=void 0===a?"left":a,i=e.variant,c=void 0===i?"p":i;return d(c,{className:l(z(),z(c),z(o),t),onClick:r,children:n})},$=j("icon-button"),V=function(e){var n=e.children,r=e.onClick,t=e.className,a=e.title,o=e.to,i=e.variant,c=void 0===i?"none":i,u=e.type,s=e.disabled;return o?d(f,{className:l($(),$(c),t),to:o,title:a,type:u,children:n}):d("button",{className:l($(),$(c),t),onClick:function(e){e.preventDefault(),r&&r(e)},disabled:s,title:a,type:u,children:n})},H={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},R=e.createContext&&e.createContext(H),X=["attr","size","title"];function K(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r={};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){if(n.indexOf(t)>=0)continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function W(){return W=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},W.apply(this,arguments)}function q(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function G(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?q(Object(r),!0).forEach((function(n){J(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):q(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function J(e,n,r){var t;return(n="symbol"==typeof(t=function(e,n){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(n,"string"))?t:t+"")in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Q(n){return n&&n.map(((n,r)=>e.createElement(n.tag,G({key:r},n.attr),Q(n.child))))}function Y(n){return r=>e.createElement(Z,W({attr:G({},n.attr)},r),Q(n.child))}function Z(n){var r=r=>{var t,{attr:a,size:o,title:i}=n,c=K(n,X),l=o||r.size||"1em";return r.className&&(t=r.className),n.className&&(t=(t?t+" ":"")+n.className),e.createElement("svg",W({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},r.attr,a,c,{className:t,style:G(G({color:n.color||r.color},r.style),n.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),i&&e.createElement("title",null,i),n.children)};return void 0!==R?e.createElement(R.Consumer,null,(e=>r(e))):r(H)}function _(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 192 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128zM160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0z"},child:[]}]})(e)}function ee(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"},child:[]}]})(e)}function ne(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"},child:[]}]})(e)}function re(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M0 48V487.7C0 501.1 10.9 512 24.3 512c5 0 9.9-1.5 14-4.4L192 400 345.7 507.6c4.1 2.9 9 4.4 14 4.4c13.4 0 24.3-10.9 24.3-24.3V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48z"},child:[]}]})(e)}function te(e){return Y({attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"},child:[]}]})(e)}function ae(e){return Y({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"},child:[]}]})(e)}function oe(e){return Y({attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M400 0L176 0c-26.5 0-48.1 21.8-47.1 48.2c.2 5.3 .4 10.6 .7 15.8L24 64C10.7 64 0 74.7 0 88c0 92.6 33.5 157 78.5 200.7c44.3 43.1 98.3 64.8 138.1 75.8c23.4 6.5 39.4 26 39.4 45.6c0 20.9-17 37.9-37.9 37.9L192 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-26.1 0C337 448 320 431 320 410.1c0-19.6 15.9-39.2 39.4-45.6c39.9-11 93.9-32.7 138.2-75.8C542.5 245 576 180.6 576 88c0-13.3-10.7-24-24-24L446.4 64c.3-5.2 .5-10.4 .7-15.8C448.1 21.8 426.5 0 400 0zM48.9 112l84.4 0c9.1 90.1 29.2 150.3 51.9 190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1 254.3c-22.4 21.8-48.3 37.3-73.2 48.3c22.7-40.3 42.8-100.5 51.9-190.6l84.4 0c-5.1 66.3-31.1 111.2-63 142.3z"},child:[]}]})(e)}function ie(e){return Y({attr:{viewBox:"0 0 384 512"},child:[{tag:"path",attr:{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"},child:[]}]})(e)}var ce=j("modal"),le=function(e){var n=e.className,r=e.children,t=e.onClose,a=e.title,o=e.variant,i=void 0===o?"large":o;return d("div",{className:l(ce(),n),children:s("div",{className:l(ce("content"),ce("content",i)),onClick:function(e){return e.stopPropagation()},children:[d(U,{className:ce("title"),variant:"h3",children:a}),t&&d(V,{className:ce("close"),variant:"round-outlined",onClick:t,children:d(ie,{})}),d("div",{className:ce("modal-body"),children:r})]})})};le.Header=function(e){var n=e.children,r=e.className;return d("div",{className:l(ce("header"),r),children:n})};le.Body=function(e){var n=e.children,r=e.className;return d("div",{className:l(ce("body"),r),children:n})};le.Footer=function(e){var n=e.children,r=e.className;return d("div",{className:l(ce("footer"),r),children:n})};var ue=j("form-buttons"),se=function(e){var n=e.children,r=e.className;return d("div",{className:l(ue(),r),children:n})},de=j("dialog-prompt"),fe=function(e){var n=e.children,r=e.variant,t=void 0===r?"small":r,a=e.onOk,o=e.onCancel,i=e.className,c=e.prompt,u=e.confirmText,f=e.cancelText;return s(le,{variant:t,className:l(de(),i),onClose:o,children:[d(le.Header,{}),s(le.Body,{className:de("body"),children:[c&&d(U,{variant:"h2",align:"center",children:c}),n]}),d(le.Footer,{children:s(se,{children:[d(I,{type:"submit",onClick:a,children:u}),d(I,{type:"button",variant:"secondary",onClick:o,children:f})]})})]})},me=j("divider"),ve=function(e){var n=e.children,r=e.className;return d("div",{className:l(me(),r),children:d("span",{className:me("label"),children:n})})};function he(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return pe(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?pe(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function pe(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var ye=j("dropdown"),be=function(e){var t=e.items,a=e.selectedItem,i=e.direction,c=void 0===i?"down":i,u=e.variant,f=void 0===u?"primary":u,m=e.onChange,v=e.className,h=he(n(!1),2),p=h[0],y=h[1],b=o(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var g="".concat(ye("list")," ").concat(ye("list",c));return s("div",{className:l(ye(),v),ref:b,children:[s(I,{className:ye("button",c),variant:f,onClick:function(){return y((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",d("span",{className:l(ye("indicator"),ye("indicator-".concat(f)),ye("indicator",c),p&&ye("indicator","open"))})]}),p&&d("ul",{className:g,children:t.map((function(e,n){return d("li",{className:ye("item"),onClick:(r=e,function(){m&&m(r),y(!1)}),children:e.label},n);var r}))})]})},ge=j("form"),Ne=function(e){var n=e.children,r=e.onSubmit,t=e.className;return d("form",{method:"post",onSubmit:function(e){r&&(e.preventDefault(),r(e))},className:l(ge(),t),children:n})},we=j("menu-item"),Ce=function(e){var n=e.className,r=e.to,t=e.onClick,a=e.component,o=e.disabled,i=e.children,c=l(we(),n);return a?d("div",{className:n,children:a}):r?d(f,{className:c,to:r,onClick:function(){t&&t()},children:i}):d("button",{className:c,onClick:t,disabled:o,children:i})};function Oe(e,n){r((function(){var r=function(r){e.every((function(e){return e.current&&!e.current.contains(r.target)}))&&n()};return document.addEventListener("mousedown",r),function(){document.removeEventListener("mousedown",r)}}),[e,n])}function je(e,n,t){r((function(){var r=function(e){"Enter"===e.key?(n(),e.preventDefault()):"Escape"===e.key&&(t&&t(),e.preventDefault())},a=e.current;return a&&a.addEventListener("keydown",r),function(){a&&a.removeEventListener("keydown",r)}}),[e,n,t])}function Se(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];r((function(){n&&e.current&&e.current.focus()}),[n,e])}function ke(e){return ke="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ke(e)}function Ae(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function xe(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?Ae(Object(r),!0).forEach((function(n){Pe(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ae(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function Pe(e,n,r){return(n=function(e){var n=function(e,n){if("object"!=ke(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n);if("object"!=ke(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==ke(n)?n:n+""}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function Ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Le(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Le(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Le(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}function Ie(e,r){var t=Ee(n(e),2),a=t[0],o=t[1],i=Ee(n({}),2),c=i[0],l=i[1],u=function(e){var n=e.target,t=n.name,a=n.type,i=n.value,c="checkbox"===a?e.target.checked:i;o((function(e){var n=xe(xe({},e),{},Pe({},t,c));if(r){var a=r(n);l(a)}return n}))},s=function(){o(arguments.length>0&&void 0!==arguments[0]?arguments[0]:e),l({})},d=function(e){return function(n){n.preventDefault(),null==e||e(a),s()}};return{values:a,errors:c,handleChange:u,setFieldValue:function(e,n){o((function(t){var a=xe(xe({},t),{},Pe({},e,n));if(r){var o=r(a);l(o)}return a}))},reset:s,setValues:o,validateForm:function(){if(r){var e=r(a);return l(e),e}return{}},register:function(e){return{name:e,onChange:u,value:a[e]||"",checked:a[e]||!1,error:c[e]}},registerForm:function(e){return{onSubmit:d(e)}}}}function Me(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return De(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?De(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function De(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Fe=j("navbar"),Te=function(e){var r=e.children,t=e.className,a=Me(n(!1),2),c=a[0],u=a[1],f=o(null),m=o(null);Oe([f,m],(function(){return u(!1)}));return s("nav",{className:l(Fe(),t),children:[d("button",{className:Fe("expand-button"),onClick:function(){return u((function(e){return!e}))},ref:f,children:d(ne,{})}),d("ul",{className:l(Fe("container"),c&&Fe("container","open")),ref:m,children:i.map(r,(function(e,n){return d("li",{className:Fe("item"),children:e},n)}))})]})},Be=j("navbar-link"),ze=function(e){var n=e.to,r=e.children,t=e.onClick,a=e.component,o=e.className;return a?d(a,{className:l(Be(),o),to:n,children:r}):d("a",t?{className:l(Be(),o),href:"#",onClick:t,children:r}:{children:r})};function Ue(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return $e(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?$e(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function $e(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Ve=j("navbar-menu"),He=function(e){var t=e.items,a=e.className,i=e.menuTitle,c=e.header,u=e.direction,f=void 0===u?"down":u,m=e.variant,v=void 0===m?"primary":m,h=Ue(n(!1),2),p=h[0],y=h[1],b=o(null);r((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&y(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var g=function(){return y((function(e){return!e}))},N="".concat(Ve("container")," ").concat(Ve("container",f));return s("div",{className:l(Ve(),a),ref:b,children:[d("button",{className:Ve("button"),onClick:g,children:i}),d("button",{className:Ve("toggle-button"),onClick:g,children:d("span",{className:l(Ve("indicator"),Ve("indicator-".concat(v)),p&&Ve("indicator","open"))})}),s("div",{className:l(N,p&&Ve("container","open")),children:[d("span",{className:Ve("drop-header"),children:c}),d("ul",{className:Ve("list"),children:t.map((function(e,n){return d("li",{className:Ve("item"),children:d(Ce,{className:Ve("menu-item"),component:e.component,to:e.to,onClick:(r=e.onClick,function(e){y(!1),r&&r(e)}),children:e.title})},n);var r}))})]})]})},Re=j("panel"),Xe=function(e){var n=e.children,r=e.className;return d("div",{className:l(Re(),r),children:n})},Ke=j("paper"),We=function(e){var n=e.children,r=e.className;return d("div",{className:l(Ke(),r),children:n})};function qe(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ge(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ge(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ge(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var Je=j("range-slider"),Qe=function(e){var t=e.min,a=void 0===t?0:t,i=e.max,u=void 0===i?3600:i,f=e.step,v=void 0===f?1:f,h=e.from,p=void 0===h?a:h,y=e.to,b=void 0===y?u:y,g=e.onChange,N=e.onPickFrom,w=e.onPickTo,C=e.pickFromLabel,O=e.pickToLabel,j=qe(n(p),2),S=j[0],k=j[1],A=qe(n(b),2),x=A[0],P=A[1],E=o(null),L=o(null),I=c((function(e){D(e)}),[]),M=function(e){return(e-a)/(u-a)*100},D=function(e){if(E.current&&L.current){var n=E.current.getBoundingClientRect(),r=e-n.left,t=Math.min(Math.max(r/n.width,0),1),o=Math.round((a+t*(u-a))/v)*v;"min"===L.current?o<x&&k(o):"max"===L.current&&o>S&&P(o)}},F=function(){g&&g(S,x),L.current=null,document.removeEventListener("mousemove",T)},T=function(e){I(e.clientX)},B=function(e){return function(n){L.current=e,D(n.clientX),document.addEventListener("mousemove",T)}};return r((function(){k(p),P(b)}),[p,b]),s("div",{className:Je(),children:[s("div",{ref:E,className:Je("track"),children:[d("div",{className:Je("range"),style:{left:"".concat(M(S),"%"),right:"".concat(100-M(x),"%")}}),d("div",{className:l(Je("thumb"),Je("thumb","min")),style:{left:"".concat(M(S),"%")},onMouseDown:B("min"),onMouseUp:F}),d("div",{className:l(Je("thumb"),Je("thumb","max")),style:{left:"".concat(M(x),"%")},onMouseDown:B("max"),onMouseUp:F})]}),s("div",{className:Je("values"),children:[s("span",{className:Je("value"),children:[d(m,{className:Je("value-field"),step:v||2,value:S,onChange:function(e){k(e),g&&g(e,x)}}),d(V,{className:Je("pick-button"),variant:"round-outlined",title:C,onClick:N,children:d(_,{})})]}),s("span",{className:Je("value"),children:[d(V,{className:Je("pick-button"),variant:"round-outlined",title:O,onClick:w,children:d(ee,{})}),d(m,{className:Je("value-field"),step:v||2,value:x,onChange:function(e){P(e),g&&g(S,e)}})]})]})]})};function Ye(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Ze(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Ze(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Ze(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var _e=j("responsive-bar"),en=function(e){var r=e.children,t=e.className,a=e.expandClassName,c=e.icon,u=void 0===c?d(ne,{}):c,f=Ye(n(!1),2),m=f[0],v=f[1],h=o(null),p=o(null);Oe([h,p],(function(){return v(!1)}));return s("nav",{className:l(_e(),t),children:[d("button",{className:l(_e("expand-button"),a),onClick:function(){return v((function(e){return!e}))},ref:h,children:u}),d("ul",{className:l(_e("container"),m&&_e("container","open")),ref:p,children:i.map(r,(function(e,n){return d("li",{className:_e("item"),children:e},n)}))})]})},nn=j("scroll-view"),rn=function(e){var n=e.children,r=e.className;return d("div",{className:l(nn(),r),children:n})},tn=j("section"),an=function(e){var n=e.children,r=e.onClose,t=e.noBorder;return s("div",{className:tn(),children:[d("div",{className:l(tn("fields"),!t&&tn("with-border")),children:n}),r&&d("div",{className:tn("actions"),children:d(V,{onClick:r,children:d(ie,{})})})]})},on=j("select-field"),cn=t((function(e,n){var r=e.value,t=e.onChange,a=e.noLabel,o=void 0!==a&&a,i=e.onBlur,c=e.name,u=e.className,f=e.autoFocus,m=void 0!==f&&f,v=e.disabled,h=void 0!==v&&v,p=e.label,y=e.error,b=e.options;return s("div",{className:l(on(),u),children:[s("div",{className:on("wrapper"),children:[!o&&s("label",{htmlFor:c,className:on("label"),children:[p,":"]}),d("select",{id:c,name:c,className:on("input"),disabled:h,value:r,onChange:t,onBlur:i,ref:n,autoFocus:m,autoComplete:"on",children:b&&b.map((function(e){return d("option",{value:e.value,children:e.label},e.value)}))})]}),y&&d("div",{className:on("error-container"),children:F(y,p)})]})})),ln=function(){return d("span",{className:"spacer"})},un=j("stack-panel"),sn=function(e){var n=e.children,r=e.className;return d("div",{className:l(un(),r),children:n})};function dn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return fn(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?fn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function fn(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}sn.Item=function(e){var n=e.children,r=e.className;return d("div",{className:l(un("item"),r),children:n})};var mn=j("submenu"),vn=function(e){var t=e.items,a=e.selectedItem,i=e.variant,c=void 0===i?"primary":i,u=e.onChange,f=e.className,m=dn(n(!1),2),v=m[0],h=m[1],p=o(null);r((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&h(!1)};return document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}}),[]);var y=mn("list");return s("div",{className:l(mn(),f),ref:p,children:[s("button",{className:mn("button"),onClick:function(){return h((function(e){return!e}))},children:[(null==a?void 0:a.label)||"",d("span",{className:l(mn("indicator"),mn("indicator-".concat(c)),v&&mn("indicator","open"))})]}),v&&d("ul",{className:y,children:t.map((function(e,n){return d("li",{className:mn("item"),onClick:(r=e,function(){u&&u(r),h(!1)}),children:e.label},n);var r}))})]})},hn=j("toolbar"),pn=function(e){var n=e.children,r=e.className,t=e.align,a=void 0===t?"left":t,o=e.orientation,i=void 0===o?"horizontal":o;return d("div",{className:l(hn(),hn("",a),hn("",i),r),children:n})},yn=j("success-congratulation"),bn=function(e){var n=e.message,t=void 0===n?"Congratulations!":n,a=e.onContinue,o=e.onAddToFavorites,i=e.isFavorite,c=e.className,u=e.continueText,f=void 0===u?"Continue":u;r((function(){var e=function(e){["Escape","Enter"," "].includes(e.key)&&(e.preventDefault(),null==a||a())};return window.addEventListener("keydown",e,!1),function(){window.removeEventListener("keydown",e)}}),[a]);return s("div",{className:l(yn(),c),onClick:function(){null==a||a()},tabIndex:0,role:"button",children:[d("div",{className:yn("icon"),children:d(oe,{className:yn("checkmark")})}),d("p",{className:yn("message"),children:t}),s(pn,{children:[d(V,{variant:"rounded",onClick:a,children:f}),d(V,{variant:"round-outlined",onClick:function(e){null==e||e.stopPropagation(),null==o||o()},children:d(re,{className:l(i&&yn("favorite"))})})]})]})},gn=j("text-area"),Nn=t((function(e,n){var r=e.value,t=e.onChange,a=e.noLabel,o=void 0!==a&&a,i=e.onBlur,c=e.name,u=e.rows,f=void 0===u?3:u,m=e.className,v=e.autoFocus,h=void 0!==v&&v,p=e.readonly,y=void 0!==p&&p,b=e.label,g=e.error,N=e.placeholder;return s("div",{className:l(gn(),m),children:[s("div",{className:gn("wrapper"),children:[!o&&s("label",{htmlFor:c,className:gn("label"),children:[b,":"]}),d("textarea",{rows:f,id:c,name:c,className:gn("input"),readOnly:y,value:r,onChange:t,onBlur:i,ref:n,autoFocus:h,autoComplete:"on",placeholder:N})]}),g&&d("div",{className:gn("error-container"),children:F(g,b)})]})})),wn=j("text-field"),Cn=function(e){var n=e.id,r=e.name,t=e.className,a=e.label,o=e.children;return d("div",{className:l(wn(),t),children:s("div",{className:wn("wrapper"),children:[s("label",{htmlFor:n||r,className:wn("label"),children:[a,":"]}),d("div",{className:wn("input-wrapper"),children:o})]})})},On=t((function(e,n){var r=e.isPassword,t=e.value,a=e.onChange,o=e.onEnter,i=e.noLabel,c=void 0!==i&&i,u=e.onBlur,f=e.type,m=void 0===f?"text":f,v=e.name,h=e.className,p=e.autoFocus,y=void 0!==p&&p,b=e.readonly,g=void 0!==b&&b,N=e.label,w=e.error,C=e.placeholder,O=e.step;return s("div",{className:l(wn(),h),children:[s("div",{className:wn("wrapper"),children:[!c&&s("label",{htmlFor:v,className:wn("label"),children:[N,":"]}),d("div",{className:wn("input-wrapper"),children:d("input",{id:v,name:v,className:l(wn("input"),wn("input",m)),readOnly:g,type:r?"password":m,value:t,onChange:a,onBlur:u,ref:n,autoFocus:y,autoComplete:"on",onKeyDown:function(e){"Enter"===e.key&&o&&(e.preventDefault(),o())},placeholder:C,step:O})})]}),w&&d("div",{className:wn("error-container"),children:F(w,N)})]})}));function jn(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var t,a,o,i,c=[],l=!0,u=!1;try{if(o=(r=r.call(e)).next,0===n);else for(;!(l=(t=o.call(r)).done)&&(c.push(t.value),c.length!==n);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(u)throw a}}return c}}(e,n)||function(e,n){if(e){if("string"==typeof e)return Sn(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Sn(e,n):void 0}}(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Sn(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}var kn=j("title-edit"),An=function(e){var t=e.className,a=e.variant,i=void 0===a?"p":a,c=e.noButton,u=void 0!==c&&c,f=e.value,m=e.type,v=void 0===m?"text":m,h=e.onChange,p=e.postfix,y=e.name,b=jn(n(f),2),g=b[0],N=b[1],w=jn(n(!1),2),C=w[0],O=w[1],j=o(null);Se(j,C);var S=function(){h(g),O(!1)},k=function(){N(f),O(!1)};je(j,S,k),r((function(){N(f)}),[f]);var A=function(){O(!0)};return s("div",{className:l(kn(),t),children:[C&&s("div",{className:kn("container"),children:[d("input",{id:y,name:y,type:v,className:l(kn("edit-field"),kn("edit-field",v)),value:g,onChange:function(e){N(e.target.value)},ref:j}),d(V,{onClick:S,children:d(te,{})}),d(V,{onClick:k,children:d(ie,{})})]}),!C&&s("div",{className:kn("container"),children:[s(U,{variant:i,onClick:A,children:[f," ",p]}),!u&&d(V,{onClick:A,children:d(ae,{})})]})]})},xn=j("toast"),Pn=function(e){var n=e.type,r=void 0===n?"success":n,t=e.children,a=e.onClose,o=e.className;return s("div",{className:l(xn(),xn("",r),o),children:[t,d("button",{"aria-label":"Close",className:xn("close"),onClick:function(){return a&&a()},children:d("span",{"aria-hidden":"true",children:"×"})})]})},En=j("toggle-button"),Ln=t((function(e,n){var r=e.checked,t=e.onChange,o=e.name,i=e.className,c=e.autoFocus,u=void 0!==c&&c,f=e.readonly,m=void 0!==f&&f,v=e.label,h=e.error;return s(a,{children:[s("label",{className:l(En(),i),children:[d("input",{id:o,name:o,className:En("input"),readOnly:m,type:"checkbox",checked:r,onChange:t,ref:n,autoFocus:u,autoComplete:"on"}),d("span",{className:En("slider")})]}),d("span",{className:En("label"),children:v}),h&&d("div",{children:F(h,v)})]})}));export{E as Accordion,I as Button,D as ButtonsGroup,B as CheckBox,fe as DialogPrompt,ve as Divider,be as DropDown,Ne as Form,se as FormButtons,V as IconButton,Ce as MenuItem,le as Modal,Te as Navbar,ze as NavbarLink,He as NavbarMenu,Xe as Panel,We as Paper,Qe as RangeSlider,en as ResponsiveBar,rn as ScrollView,an as Section,cn as SelectField,ln as Spacer,sn as StackPanel,vn as Submenu,bn as SuccessCongratulation,Nn as TextArea,On as TextField,Cn as TextFieldWrapper,An as TitleEdit,Pn as Toast,Ln as ToggleButton,pn as Toolbar,U as Typography,y as addTranslations,F as formatError,C as ta,O as to,Oe as useClickOutside,Ie as useForm,je as useKeysEneterEsc,Se as useSetStartupFocus};
|