@raspberrypifoundation/design-system-react 2.5.0 → 2.6.1
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/CHANGELOG.md +14 -0
- package/README.md +21 -0
- package/dist/design-system-react.css +1 -1
- package/dist/design-system-react.js +860 -829
- package/dist/design-system-react.umd.cjs +6 -6
- package/dist/scss/components/modal.scss +95 -0
- package/dist/scss/design-system-core.scss +4 -0
- package/dist/scss/properties/colors/_utilities.scss +4 -0
- package/dist/types/lib/main.d.ts +20 -0
- package/dist/types/lib/main.d.ts.map +1 -0
- package/dist/types/src/components/Accordion/Accordion.spec.d.ts +2 -0
- package/dist/types/src/components/Accordion/Accordion.spec.d.ts.map +1 -0
- package/dist/types/src/components/Accordion/index.d.ts +17 -0
- package/dist/types/src/components/Accordion/index.d.ts.map +1 -0
- package/dist/types/src/components/Alert/Alert.spec.d.ts +2 -0
- package/dist/types/src/components/Alert/Alert.spec.d.ts.map +1 -0
- package/dist/types/src/components/Alert/Alert.types.d.ts +41 -0
- package/dist/types/src/components/Alert/Alert.types.d.ts.map +1 -0
- package/dist/types/src/components/Alert/index.d.ts +6 -0
- package/dist/types/src/components/Alert/index.d.ts.map +1 -0
- package/dist/types/src/components/Button/Button.spec.d.ts +2 -0
- package/dist/types/src/components/Button/Button.spec.d.ts.map +1 -0
- package/dist/types/src/components/Button/Button.types.d.ts +34 -0
- package/dist/types/src/components/Button/Button.types.d.ts.map +1 -0
- package/dist/types/src/components/Button/index.d.ts +6 -0
- package/dist/types/src/components/Button/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/CheckboxInput/CheckboxInput.types.d.ts +24 -0
- package/dist/types/src/components/Form/CheckboxInput/CheckboxInput.types.d.ts.map +1 -0
- package/dist/types/src/components/Form/CheckboxInput/index.d.ts +6 -0
- package/dist/types/src/components/Form/CheckboxInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts +2 -0
- package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/Fieldset/index.d.ts +21 -0
- package/dist/types/src/components/Form/Fieldset/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/InputField/index.d.ts +21 -0
- package/dist/types/src/components/Form/InputField/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts +2 -0
- package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/InputLabel/index.d.ts +17 -0
- package/dist/types/src/components/Form/InputLabel/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/RadioInput/index.d.ts +25 -0
- package/dist/types/src/components/Form/RadioInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/SearchInput/SearchInput.types.d.ts +21 -0
- package/dist/types/src/components/Form/SearchInput/SearchInput.types.d.ts.map +1 -0
- package/dist/types/src/components/Form/SearchInput/index.d.ts +6 -0
- package/dist/types/src/components/Form/SearchInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/SelectInput/SelectInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/SelectInput/SelectInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/SelectInput/index.d.ts +31 -0
- package/dist/types/src/components/Form/SelectInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/TextInput/TextInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/TextInput/TextInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/TextInput/index.d.ts +27 -0
- package/dist/types/src/components/Form/TextInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/TextareaInput/TextareaInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/TextareaInput/TextareaInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/TextareaInput/index.d.ts +29 -0
- package/dist/types/src/components/Form/TextareaInput/index.d.ts.map +1 -0
- package/dist/types/src/components/MaterialSymbols/index.d.ts +2 -0
- package/dist/types/src/components/MaterialSymbols/index.d.ts.map +1 -0
- package/dist/types/src/components/Modal/Modal.types.d.ts +45 -0
- package/dist/types/src/components/Modal/Modal.types.d.ts.map +1 -0
- package/dist/types/src/components/Modal/index.d.ts +6 -0
- package/dist/types/src/components/Modal/index.d.ts.map +1 -0
- package/dist/types/src/components/ProgressBar/ProgressBar.types.d.ts +11 -0
- package/dist/types/src/components/ProgressBar/ProgressBar.types.d.ts.map +1 -0
- package/dist/types/src/components/ProgressBar/index.d.ts +6 -0
- package/dist/types/src/components/ProgressBar/index.d.ts.map +1 -0
- package/dist/types/src/components/Table/BodyCell/BodyCell.spec.d.ts +2 -0
- package/dist/types/src/components/Table/BodyCell/BodyCell.spec.d.ts.map +1 -0
- package/dist/types/src/components/Table/BodyCell/index.d.ts +11 -0
- package/dist/types/src/components/Table/BodyCell/index.d.ts.map +1 -0
- package/dist/types/src/components/Table/HeaderCell/HeaderCell.spec.d.ts +2 -0
- package/dist/types/src/components/Table/HeaderCell/HeaderCell.spec.d.ts.map +1 -0
- package/dist/types/src/components/Table/HeaderCell/index.d.ts +13 -0
- package/dist/types/src/components/Table/HeaderCell/index.d.ts.map +1 -0
- package/dist/types/src/components/Table/Table/Table.spec.d.ts +2 -0
- package/dist/types/src/components/Table/Table/Table.spec.d.ts.map +1 -0
- package/dist/types/src/components/Table/Table/index.d.ts +15 -0
- package/dist/types/src/components/Table/Table/index.d.ts.map +1 -0
- package/dist/types/src/components/Tag/Tag.spec.d.ts +2 -0
- package/dist/types/src/components/Tag/Tag.spec.d.ts.map +1 -0
- package/dist/types/src/components/Tag/Tag.types.d.ts +13 -0
- package/dist/types/src/components/Tag/Tag.types.d.ts.map +1 -0
- package/dist/types/src/components/Tag/index.d.ts +5 -0
- package/dist/types/src/components/Tag/index.d.ts.map +1 -0
- package/dist/types/src/hooks/useDialog.d.ts +5 -0
- package/dist/types/src/hooks/useDialog.d.ts.map +1 -0
- package/dist/types/src/stories/Accordion.stories.d.ts +15 -0
- package/dist/types/src/stories/Accordion.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Alert.stories.d.ts +41 -0
- package/dist/types/src/stories/Alert.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Button.stories.d.ts +132 -0
- package/dist/types/src/stories/Button.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts +2 -0
- package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts.map +1 -0
- package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.stories.d.ts +7 -0
- package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Modal/Modal.stories.d.ts +26 -0
- package/dist/types/src/stories/Modal/Modal.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts +3 -0
- package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts.map +1 -0
- package/dist/types/src/stories/ProgressBar.stories.d.ts +93 -0
- package/dist/types/src/stories/ProgressBar.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Tag.stories.d.ts +53 -0
- package/dist/types/src/stories/Tag.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts +30 -0
- package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/Fieldset.stories.d.ts +57 -0
- package/dist/types/src/stories/forms/Fieldset.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/InputLabel.stories.d.ts +25 -0
- package/dist/types/src/stories/forms/InputLabel.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/RadioInput.stories.d.ts +51 -0
- package/dist/types/src/stories/forms/RadioInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/SearchInput.stories.d.ts +40 -0
- package/dist/types/src/stories/forms/SearchInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/SelectInput.stories.d.ts +52 -0
- package/dist/types/src/stories/forms/SelectInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/TextInput.stories.d.ts +37 -0
- package/dist/types/src/stories/forms/TextInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/TextareaInput.stories.d.ts +52 -0
- package/dist/types/src/stories/forms/TextareaInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/table/Table.stories.d.ts +22 -0
- package/dist/types/src/stories/table/Table.stories.d.ts.map +1 -0
- package/package.json +24 -9
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
(function(A,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],t):(A=typeof globalThis<"u"?globalThis:A||self,t(A["RPF Design System React"]={},A.jsxRuntime,A.React))})(this,function(A,t,
|
|
1
|
+
(function(A,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],t):(A=typeof globalThis<"u"?globalThis:A||self,t(A["RPF Design System React"]={},A.jsxRuntime,A.React))})(this,function(A,t,V){"use strict";function be(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ee={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/var
|
|
5
|
+
*/var ve;function Le(){return ve||(ve=1,function(e){(function(){var i={}.hasOwnProperty;function l(){for(var r="",d=0;d<arguments.length;d++){var c=arguments[d];c&&(r=s(r,o(c)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return l.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var d="";for(var c in r)i.call(r,c)&&r[c]&&(d=s(d,c));return d}function s(r,d){return d?r?r+" "+d:r+d:r}e.exports?(l.default=l,e.exports=l):window.classNames=l})()}(ee)),ee.exports}var We=Le();const R=be(We);var X={exports:{}},G={exports:{}},P={};/** @license React v16.13.1
|
|
6
6
|
* react-is.production.min.js
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
9
9
|
*
|
|
10
10
|
* This source code is licensed under the MIT license found in the
|
|
11
11
|
* LICENSE file in the root directory of this source tree.
|
|
12
|
-
*/var
|
|
12
|
+
*/var me;function ze(){if(me)return P;me=1;var e=typeof Symbol=="function"&&Symbol.for,i=e?Symbol.for("react.element"):60103,l=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,s=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,h=e?Symbol.for("react.async_mode"):60111,_=e?Symbol.for("react.concurrent_mode"):60111,b=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,j=e?Symbol.for("react.suspense_list"):60120,I=e?Symbol.for("react.memo"):60115,k=e?Symbol.for("react.lazy"):60116,N=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,D=e?Symbol.for("react.responder"):60118,z=e?Symbol.for("react.scope"):60119;function M(f){if(typeof f=="object"&&f!==null){var Y=f.$$typeof;switch(Y){case i:switch(f=f.type,f){case h:case _:case o:case r:case s:case m:return f;default:switch(f=f&&f.$$typeof,f){case c:case b:case k:case I:case d:return f;default:return Y}}case l:return Y}}}function q(f){return M(f)===_}return P.AsyncMode=h,P.ConcurrentMode=_,P.ContextConsumer=c,P.ContextProvider=d,P.Element=i,P.ForwardRef=b,P.Fragment=o,P.Lazy=k,P.Memo=I,P.Portal=l,P.Profiler=r,P.StrictMode=s,P.Suspense=m,P.isAsyncMode=function(f){return q(f)||M(f)===h},P.isConcurrentMode=q,P.isContextConsumer=function(f){return M(f)===c},P.isContextProvider=function(f){return M(f)===d},P.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===i},P.isForwardRef=function(f){return M(f)===b},P.isFragment=function(f){return M(f)===o},P.isLazy=function(f){return M(f)===k},P.isMemo=function(f){return M(f)===I},P.isPortal=function(f){return M(f)===l},P.isProfiler=function(f){return M(f)===r},P.isStrictMode=function(f){return M(f)===s},P.isSuspense=function(f){return M(f)===m},P.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===o||f===_||f===r||f===s||f===m||f===j||typeof f=="object"&&f!==null&&(f.$$typeof===k||f.$$typeof===I||f.$$typeof===d||f.$$typeof===c||f.$$typeof===b||f.$$typeof===$||f.$$typeof===D||f.$$typeof===z||f.$$typeof===N)},P.typeOf=M,P}var w={};/** @license React v16.13.1
|
|
13
13
|
* react-is.development.js
|
|
14
14
|
*
|
|
15
15
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
16
16
|
*
|
|
17
17
|
* This source code is licensed under the MIT license found in the
|
|
18
18
|
* LICENSE file in the root directory of this source tree.
|
|
19
|
-
*/var ge;function
|
|
19
|
+
*/var ge;function Ue(){return ge||(ge=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,i=e?Symbol.for("react.element"):60103,l=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,s=e?Symbol.for("react.strict_mode"):60108,r=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,h=e?Symbol.for("react.async_mode"):60111,_=e?Symbol.for("react.concurrent_mode"):60111,b=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,j=e?Symbol.for("react.suspense_list"):60120,I=e?Symbol.for("react.memo"):60115,k=e?Symbol.for("react.lazy"):60116,N=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,D=e?Symbol.for("react.responder"):60118,z=e?Symbol.for("react.scope"):60119;function M(u){return typeof u=="string"||typeof u=="function"||u===o||u===_||u===r||u===s||u===m||u===j||typeof u=="object"&&u!==null&&(u.$$typeof===k||u.$$typeof===I||u.$$typeof===d||u.$$typeof===c||u.$$typeof===b||u.$$typeof===$||u.$$typeof===D||u.$$typeof===z||u.$$typeof===N)}function q(u){if(typeof u=="object"&&u!==null){var W=u.$$typeof;switch(W){case i:var Q=u.type;switch(Q){case h:case _:case o:case r:case s:case m:return Q;default:var Fe=Q&&Q.$$typeof;switch(Fe){case c:case b:case k:case I:case d:return Fe;default:return W}}case l:return W}}}var f=h,Y=_,le=c,ce=d,fe=i,ue=b,K=o,de=k,pe=I,H=l,ye=r,L=s,B=m,Z=!1;function he(u){return Z||(Z=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),a(u)||q(u)===h}function a(u){return q(u)===_}function p(u){return q(u)===c}function E(u){return q(u)===d}function g(u){return typeof u=="object"&&u!==null&&u.$$typeof===i}function y(u){return q(u)===b}function S(u){return q(u)===o}function v(u){return q(u)===k}function T(u){return q(u)===I}function O(u){return q(u)===l}function x(u){return q(u)===r}function C(u){return q(u)===s}function F(u){return q(u)===m}w.AsyncMode=f,w.ConcurrentMode=Y,w.ContextConsumer=le,w.ContextProvider=ce,w.Element=fe,w.ForwardRef=ue,w.Fragment=K,w.Lazy=de,w.Memo=pe,w.Portal=H,w.Profiler=ye,w.StrictMode=L,w.Suspense=B,w.isAsyncMode=he,w.isConcurrentMode=a,w.isContextConsumer=p,w.isContextProvider=E,w.isElement=g,w.isForwardRef=y,w.isFragment=S,w.isLazy=v,w.isMemo=T,w.isPortal=O,w.isProfiler=x,w.isStrictMode=C,w.isSuspense=F,w.isValidElementType=M,w.typeOf=q}()),w}var Te;function _e(){return Te||(Te=1,process.env.NODE_ENV==="production"?G.exports=ze():G.exports=Ue()),G.exports}/*
|
|
20
20
|
object-assign
|
|
21
21
|
(c) Sindre Sorhus
|
|
22
22
|
@license MIT
|
|
23
|
-
*/var
|
|
24
|
-
Valid keys: `+JSON.stringify(Object.keys(a),null," "));var c=Y(v,P,y,O,b+"."+P,o);if(c)return c}return null}return $(p)}function U(a){switch(typeof a){case"number":case"string":case"undefined":return!0;case"boolean":return!a;case"object":if(Array.isArray(a))return a.every(U);if(a===null||u(a))return!0;var p=E(a);if(p){var T=p.call(a),h;if(p!==a.entries){for(;!(h=T.next()).done;)if(!U(h.value))return!1}else for(;!(h=T.next()).done;){var y=h.value;if(y&&!U(y[1]))return!1}}else return!1;return!0;default:return!1}}function de(a,p){return a==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function D(a){var p=typeof a;return Array.isArray(a)?"array":a instanceof RegExp?"object":de(p,a)?"symbol":p}function B(a){if(typeof a>"u"||a===null)return""+a;var p=D(a);if(p==="object"){if(a instanceof Date)return"date";if(a instanceof RegExp)return"regexp"}return p}function K(a){var p=B(a);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function ye(a){return!a.constructor||!a.constructor.name?q:a.constructor.name}return I.checkPropTypes=f,I.resetWarningCache=f.resetWarningCache,I.PropTypes=I,I},se}var oe,we;function Qe(){if(we)return oe;we=1;var r=te();function l(){}function o(){}return o.resetWarningCache=l,oe=function(){function s(d,u,g,_,m,E){if(E!==r){var q=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw q.name="Invariant Violation",q}}s.isRequired=s;function f(){return s}var n={array:s,bigint:s,bool:s,func:s,number:s,object:s,string:s,symbol:s,any:s,arrayOf:f,element:s,elementType:s,instanceOf:f,node:s,objectOf:f,oneOf:f,oneOfType:f,shape:f,exact:f,checkPropTypes:o,resetWarningCache:l};return n.PropTypes=n,n},oe}var xe;function er(){if(xe)return H.exports;if(xe=1,process.env.NODE_ENV!=="production"){var r=Te(),l=!0;H.exports=Ze()(r.isElement,l)}else H.exports=Qe()();return H.exports}var rr=er();const e=be(rr),Ne=({content:r,title:l,className:o,id:s="accordion"})=>{const f=M("rpf-accordion",o);return t.jsxs("details",{className:f,id:`${s}`,children:[t.jsxs("summary",{className:"rpf-accordion__title",role:"button",children:[l,t.jsx("span",{className:"rpf-accordion__icon"})]}),t.jsx("p",{className:"rpf-accordion__text",children:r})]})};Ne.propTypes={content:e.string.isRequired,title:e.string.isRequired,id:e.string,className:e.string};const X=({text:r,href:l,title:o,className:s,type:f="primary",variant:n="",size:d="default",icon:u="",iconOnly:g=!1,iconPosition:_="left",fullWidth:m=!1,disabled:E=!1,onClick:q=()=>{},"aria-label":I="",linkComponent:k})=>{const N=u&&g,$=M("rpf-button",{[`rpf-button--${f}`]:f,"rpf-button--danger":n==="danger","rpf-button--sm":d==="small","rpf-button--icon-only":N,"rpf-button--full-width":m,disabled:E},s);let F="rpf-button__icon";Ue.isValidElement(u)?(F+=" icon",console.warn("DEPRECATED: icons as React elements will not be supported in future releases")):F+=" material-symbols-sharp";const z=i=>u&&_===i&&t.jsx("span",{className:F,children:u}),R=()=>r&&!N&&t.jsx("span",{className:"text",children:r}),j=t.jsxs(t.Fragment,{children:[z("left"),R(),z("right")]});if(l){const i=k||"a",L=k?{to:l}:{href:l,role:"button"};return t.jsx(i,{className:$,...L,onClick:q,"aria-label":I,children:j})}return t.jsx("button",{className:$,title:o,onClick:q,disabled:E,"aria-label":I,children:j})};X.propTypes={type:e.string,className:e.string,disabled:e.bool,icon:e.oneOfType([e.string,e.element]),href:e.string,onClick:e.func,text:e.string,iconOnly:e.bool,title:e.string,iconPosition:e.oneOf(["left","right"]),size:e.oneOf(["default","small"]),"aria-label":e.string,fullWidth:e.bool,variant:e.string,linkComponent:e.elementType};const Ae=({title:r,text:l,titleChildren:o,children:s,type:f,actions:n,onClose:d})=>t.jsxs("div",{className:`rpf-alert rpf-alert--${f}`,children:[t.jsxs("div",{className:"rpf-alert__header",children:[t.jsx("span",{className:"rpf-alert__icon material-symbols-sharp"}),(r||o)&&t.jsxs(t.Fragment,{children:[!o&&r&&t.jsx("p",{className:"rpf-alert__title",children:r}),o&&t.jsx("div",{className:"rpf-alert__title",children:o})]}),!!d&&t.jsx("div",{className:"rpf-alert__close",children:t.jsx(X,{type:"tertiary",icon:"close",size:"small",iconOnly:!0,onClick:d})})]}),(l||s||n)&&t.jsxs("div",{className:"rpf-alert__body",children:[!s&&l&&t.jsx("p",{children:l}),s&&t.jsx("div",{children:s}),n&&n.length>0&&t.jsx("div",{className:"rpf-alert__actions",children:n.map(u=>t.jsx(X,{text:u.label,size:"small",type:"tertiary",href:u.href,onClick:u.onClick},u.key||u.label))})]})]});Ae.propTypes={title:e.string,text:e.string,type:e.oneOf(["error","warning","information","success"]),actions:e.arrayOf(e.shape({href:e.string,label:e.string,onClick:e.func})),titleChildren:e.node,children:e.node,onClose:e.func};const qe=({id:r,label:l,name:o,checked:s=!1,disabled:f=!1,error:n="",onChange:d=()=>{},value:u="",className:g=""})=>t.jsxs(t.Fragment,{children:[t.jsxs("label",{className:M("rpf-input-checkbox",{"rpf-input-checkbox--error":n,className:g}),children:[t.jsx("input",{checked:!!s,disabled:f,id:r,name:o,onChange:d,type:"checkbox",value:u}),l]}),n&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),n]})]});qe.propTypes={checked:e.bool,disabled:e.bool,error:e.string,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string,className:e.string};const Ie=({disabled:r=!1,errorText:l="",fullWidth:o=!1,legendText:s,legendHintText:f="",children:n})=>t.jsxs("fieldset",{className:M("rpf-fieldset",{"rpf-fieldset--disabled":r,"rpf-fieldset--full-width":o,"rpf-fieldset--error":l}),disabled:r,children:[t.jsxs("legend",{className:"rpf-label",children:[s,f.length>0?t.jsx("small",{className:"rpf-label__hint",children:f}):null]}),t.jsx("div",{className:"rpf-fieldset__inputs",children:n}),l.length>0?t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),l]}):null]});Ie.propTypes={disabled:e.bool,errorText:e.string,fullWidth:e.bool,legendText:e.string.isRequired,legendHintText:e.string,children:e.node};const V=({id:r,label:l,children:o,disabled:s=!1,error:f="",hint:n=""})=>t.jsxs("div",{className:"rpf-input-field",children:[(l||n)&&t.jsxs("label",{htmlFor:r,className:M("rpf-label",{"rpf-label--disabled":s}),children:[l,t.jsx("small",{className:"rpf-label__hint",children:n})]}),o,f&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),f]})]});V.propTypes={disabled:e.bool,error:e.string,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,children:e.node};const je=({label:r,inputFieldId:l,disabled:o=!1,hint:s=""})=>t.jsx("div",{className:"rpf-label",children:t.jsxs("label",{htmlFor:l,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,s&&t.jsx("div",{className:"rpf-label__hint",children:s})]})});je.propTypes={disabled:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,inputFieldId:e.string.isRequired};const $e=({text:r="",percent:l,complete:o=!1,className:s})=>t.jsx("div",{className:M("rpf-progress-bar",{"rpf-progress-bar--complete":o,className:s}),children:t.jsxs("label",{className:"rpf-progress-bar__label",children:[t.jsx("span",{children:r}),t.jsx("progress",{className:"rpf-progress-bar__bar",value:l,max:"100",children:`${l}%`})]})});$e.propTypes={text:e.string,percent:e.number.isRequired,complete:e.bool,className:e.string};const Re=({id:r,label:l,name:o,checked:s=!1,disabled:f=!1,fullWidth:n=!1,onChange:d=()=>{},value:u=""})=>t.jsx(t.Fragment,{children:t.jsxs("label",{className:M("rpf-input-radio",{"rpf-input-radio--disabled":f,"rpf-input--full-width":n}),children:[t.jsx("input",{checked:!!s,disabled:f,id:r,name:o,onChange:d,type:"radio",value:u}),l]})});Re.propTypes={checked:e.bool,disabled:e.bool,fullWidth:e.bool,id:e.string.isRequired,label:e.oneOfType([e.string,e.object]).isRequired,name:e.string.isRequired,onChange:e.func,value:e.string};const Me=({label:r,inputFieldId:l,disabled:o=!1,error:s="",hint:f="",placeholder:n="",defaultValue:d="",onClick:u=()=>{},onChange:g=_=>{}})=>t.jsx("search",{children:t.jsxs("form",{className:"rpf-input-field",onSubmit:u,children:[t.jsxs("label",{htmlFor:l,className:M("rpf-label",{"rpf-label--disabled":o}),children:[r,f&&t.jsx("small",{className:"rpf-label__hint",children:f})]}),t.jsxs("div",{className:"rpf-input-search-container",children:[t.jsx("input",{className:M("rpf-input rpf-input-search",{"rpf-input--disabled":o,"rpf-input--error":s}),disabled:o,id:l,name:"search",type:"search","aria-label":"Search",defaultValue:d,placeholder:n,onChange:g}),t.jsx("button",{type:"submit",className:M("rpf-button rpf-button-search",{"rpf-button--disabled":o,"rpf-button--error":s}),disabled:o,onClick:u,children:t.jsx("span",{className:"rpf-button__icon material-symbols-sharp",children:"search"})})]}),s&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"info"}),s]})]})});Me.propTypes={disabled:e.bool,error:e.string,hint:e.string,inputFieldId:e.string.isRequired,label:e.string.isRequired,onClick:e.func,onChange:e.func,placeholder:e.string,defaultValue:e.string};const ke=({id:r,label:l,name:o,options:s,disabled:f=!1,error:n="",fullWidth:d=!1,hint:u="",onChange:g=()=>{},placeholder:_="",value:m=""})=>t.jsx(V,{id:r,disabled:f,error:n,hint:u,label:l,children:t.jsxs("select",{className:M("rpf-input rpf-input-select",{"rpf-input--error":n,"rpf-input--full-width":d}),disabled:f,id:r,name:o,onChange:g,type:"text",value:m,children:[!m&&!!_&&t.jsx("option",{value:"",disabled:!0,children:_}),s.map(E=>t.jsx("option",{value:E.key,children:E.value},E.key))]})});ke.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,options:e.array.isRequired,placeholder:e.string,value:e.string};const Fe=({headerRow:r,bodyRows:l,fullWidth:o})=>t.jsx("div",{"data-testid":"table-container",className:M("rpf-table",{"rpf-table--full-width":o}),children:t.jsxs("table",{className:M("rpf-table__table",{"rpf-table__table--full-width":o}),children:[t.jsx("thead",{children:t.jsx("tr",{className:"rpf-table-row",children:r})}),t.jsx("tbody",{children:l.map((s,f)=>t.jsx("tr",{className:"rpf-table-row",children:s},f))})]})});Fe.propTypes={headerRow:e.node.isRequired,bodyRows:e.arrayOf(e.node).isRequired,fullWidth:e.bool};const Ye=({children:r})=>t.jsx("td",{className:"rpf-table-cell rpf-table-cell--body",children:t.jsx("div",{className:"rpf-table-cell__content",children:r})});Ye.propTypes={children:e.node};const De=({sortDirection:r,children:l})=>{if(r!==void 0){const s=r==="up"?"arrow_drop_up":"arrow_drop_down";l=t.jsxs("div",{className:"rpf-table-cell__sort-header",children:[l,t.jsx("span",{className:"material-symbols-sharp",children:s})]})}const o=r!==void 0?"rpf-table-cell--sortable-header":"rpf-table-cell--header";return t.jsx("th",{className:`rpf-table-cell ${o}`,children:t.jsx("div",{className:"rpf-table-cell__content",children:l})})};De.propTypes={sortDirection:e.oneOf(["up","down"]),children:e.node};const We=({text:r,variant:l,secondary:o,icon:s,iconPosition:f})=>(s&&(s=t.jsx("span",{className:"rpf-tag__icon material-symbols-sharp",children:s})),s&&!f&&(f="left"),l&&l!=="default"?l=`rpf-tag--${l}`:l=null,t.jsxs("span",{className:M("rpf-tag",l,{"rpf-tag--secondary":o}),children:[f==="left"&&s,r,f==="right"&&s]}));We.propTypes={text:e.string.isRequired,variant:e.oneOf(["default","information","success","warning","error"]),secondary:e.bool,icon:e.string,iconPosition:e.oneOf(["left","right"])};const Le=({id:r,label:l,name:o,value:s,disabled:f=!1,readOnly:n=!1,error:d="",fullWidth:u=!1,hint:g="",onChange:_=()=>{}})=>t.jsx(V,{id:r,disabled:f,error:d,hint:g,label:l,children:t.jsx("textarea",{className:M("rpf-input rpf-input-textarea",{"rpf-input--error":d,"rpf-input--full-width":u,"rpf-input--disabled":f}),disabled:f,readOnly:n,id:r,name:o,onChange:_,type:"text",value:s})});Le.propTypes={disabled:e.bool,readOnly:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired};const ze=({id:r,label:l,name:o,value:s,disabled:f=!1,error:n="",fullWidth:d=!1,hint:u="",onChange:g=()=>{}})=>t.jsx(V,{id:r,disabled:f,error:n,hint:u,label:l,children:t.jsx("input",{className:M("rpf-input rpf-input-text",{"rpf-input--error":n,"rpf-input--full-width":d}),disabled:f,id:r,name:o,onChange:g,type:"text",value:s})});ze.propTypes={disabled:e.bool,error:e.string,fullWidth:e.bool,hint:e.oneOfType([e.string,e.object]),label:e.oneOfType([e.string,e.object]).isRequired,id:e.string.isRequired,name:e.string.isRequired,onChange:e.func,value:e.string.isRequired},A.Accordion=Ne,A.Alert=Ae,A.Button=X,A.CheckboxInput=qe,A.Fieldset=Ie,A.InputField=V,A.InputLabel=je,A.ProgressBar=$e,A.RadioInput=Re,A.SearchInput=Me,A.SelectInput=ke,A.Table=Fe,A.TableBodyCell=Ye,A.TableHeaderCell=De,A.Tag=We,A.TextInput=ze,A.TextareaInput=Le,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
|
|
23
|
+
*/var re,Ee;function Be(){if(Ee)return re;Ee=1;var e=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;function o(r){if(r==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(r)}function s(){try{if(!Object.assign)return!1;var r=new String("abc");if(r[5]="de",Object.getOwnPropertyNames(r)[0]==="5")return!1;for(var d={},c=0;c<10;c++)d["_"+String.fromCharCode(c)]=c;var h=Object.getOwnPropertyNames(d).map(function(b){return d[b]});if(h.join("")!=="0123456789")return!1;var _={};return"abcdefghijklmnopqrst".split("").forEach(function(b){_[b]=b}),Object.keys(Object.assign({},_)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return re=s()?Object.assign:function(r,d){for(var c,h=o(r),_,b=1;b<arguments.length;b++){c=Object(arguments[b]);for(var m in c)i.call(c,m)&&(h[m]=c[m]);if(e){_=e(c);for(var j=0;j<_.length;j++)l.call(c,_[j])&&(h[_[j]]=c[_[j]])}}return h},re}var te,Se;function ne(){if(Se)return te;Se=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return te=e,te}var ae,Oe;function Ce(){return Oe||(Oe=1,ae=Function.call.bind(Object.prototype.hasOwnProperty)),ae}var se,Pe;function Ve(){if(Pe)return se;Pe=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var i=ne(),l={},o=Ce();e=function(r){var d="Warning: "+r;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}}}function s(r,d,c,h,_){if(process.env.NODE_ENV!=="production"){for(var b in r)if(o(r,b)){var m;try{if(typeof r[b]!="function"){var j=Error((h||"React class")+": "+c+" type `"+b+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[b]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw j.name="Invariant Violation",j}m=r[b](d,b,h,c,null,i)}catch(k){m=k}if(m&&!(m instanceof Error)&&e((h||"React class")+": type specification of "+c+" `"+b+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof m+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),m instanceof Error&&!(m.message in l)){l[m.message]=!0;var I=_?_():"";e("Failed "+c+" type: "+m.message+(I??""))}}}}return s.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(l={})},se=s,se}var oe,we;function He(){if(we)return oe;we=1;var e=_e(),i=Be(),l=ne(),o=Ce(),s=Ve(),r=function(){};process.env.NODE_ENV!=="production"&&(r=function(c){var h="Warning: "+c;typeof console<"u"&&console.error(h);try{throw new Error(h)}catch{}});function d(){return null}return oe=function(c,h){var _=typeof Symbol=="function"&&Symbol.iterator,b="@@iterator";function m(a){var p=a&&(_&&a[_]||a[b]);if(typeof p=="function")return p}var j="<<anonymous>>",I={array:D("array"),bigint:D("bigint"),bool:D("boolean"),func:D("function"),number:D("number"),object:D("object"),string:D("string"),symbol:D("symbol"),any:z(),arrayOf:M,element:q(),elementType:f(),instanceOf:Y,node:ue(),objectOf:ce,oneOf:le,oneOfType:fe,shape:de,exact:pe};function k(a,p){return a===p?a!==0||1/a===1/p:a!==a&&p!==p}function N(a,p){this.message=a,this.data=p&&typeof p=="object"?p:{},this.stack=""}N.prototype=Error.prototype;function $(a){if(process.env.NODE_ENV!=="production")var p={},E=0;function g(S,v,T,O,x,C,F){if(O=O||j,C=C||T,F!==l){if(h){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var W=O+":"+T;!p[W]&&E<3&&(r("You are manually calling a React.PropTypes validation function for the `"+C+"` prop on `"+O+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),p[W]=!0,E++)}}return v[T]==null?S?v[T]===null?new N("The "+x+" `"+C+"` is marked as required "+("in `"+O+"`, but its value is `null`.")):new N("The "+x+" `"+C+"` is marked as required in "+("`"+O+"`, but its value is `undefined`.")):null:a(v,T,O,x,C)}var y=g.bind(null,!1);return y.isRequired=g.bind(null,!0),y}function D(a){function p(E,g,y,S,v,T){var O=E[g],x=L(O);if(x!==a){var C=B(O);return new N("Invalid "+S+" `"+v+"` of type "+("`"+C+"` supplied to `"+y+"`, expected ")+("`"+a+"`."),{expectedType:a})}return null}return $(p)}function z(){return $(d)}function M(a){function p(E,g,y,S,v){if(typeof a!="function")return new N("Property `"+v+"` of component `"+y+"` has invalid PropType notation inside arrayOf.");var T=E[g];if(!Array.isArray(T)){var O=L(T);return new N("Invalid "+S+" `"+v+"` of type "+("`"+O+"` supplied to `"+y+"`, expected an array."))}for(var x=0;x<T.length;x++){var C=a(T,x,y,S,v+"["+x+"]",l);if(C instanceof Error)return C}return null}return $(p)}function q(){function a(p,E,g,y,S){var v=p[E];if(!c(v)){var T=L(v);return new N("Invalid "+y+" `"+S+"` of type "+("`"+T+"` supplied to `"+g+"`, expected a single ReactElement."))}return null}return $(a)}function f(){function a(p,E,g,y,S){var v=p[E];if(!e.isValidElementType(v)){var T=L(v);return new N("Invalid "+y+" `"+S+"` of type "+("`"+T+"` supplied to `"+g+"`, expected a single ReactElement type."))}return null}return $(a)}function Y(a){function p(E,g,y,S,v){if(!(E[g]instanceof a)){var T=a.name||j,O=he(E[g]);return new N("Invalid "+S+" `"+v+"` of type "+("`"+O+"` supplied to `"+y+"`, expected ")+("instance of `"+T+"`."))}return null}return $(p)}function le(a){if(!Array.isArray(a))return process.env.NODE_ENV!=="production"&&(arguments.length>1?r("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):r("Invalid argument supplied to oneOf, expected an array.")),d;function p(E,g,y,S,v){for(var T=E[g],O=0;O<a.length;O++)if(k(T,a[O]))return null;var x=JSON.stringify(a,function(F,u){var W=B(u);return W==="symbol"?String(u):u});return new N("Invalid "+S+" `"+v+"` of value `"+String(T)+"` "+("supplied to `"+y+"`, expected one of "+x+"."))}return $(p)}function ce(a){function p(E,g,y,S,v){if(typeof a!="function")return new N("Property `"+v+"` of component `"+y+"` has invalid PropType notation inside objectOf.");var T=E[g],O=L(T);if(O!=="object")return new N("Invalid "+S+" `"+v+"` of type "+("`"+O+"` supplied to `"+y+"`, expected an object."));for(var x in T)if(o(T,x)){var C=a(T,x,y,S,v+"."+x,l);if(C instanceof Error)return C}return null}return $(p)}function fe(a){if(!Array.isArray(a))return process.env.NODE_ENV!=="production"&&r("Invalid argument supplied to oneOfType, expected an instance of array."),d;for(var p=0;p<a.length;p++){var E=a[p];if(typeof E!="function")return r("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+Z(E)+" at index "+p+"."),d}function g(y,S,v,T,O){for(var x=[],C=0;C<a.length;C++){var F=a[C],u=F(y,S,v,T,O,l);if(u==null)return null;u.data&&o(u.data,"expectedType")&&x.push(u.data.expectedType)}var W=x.length>0?", expected one of type ["+x.join(", ")+"]":"";return new N("Invalid "+T+" `"+O+"` supplied to "+("`"+v+"`"+W+"."))}return $(g)}function ue(){function a(p,E,g,y,S){return H(p[E])?null:new N("Invalid "+y+" `"+S+"` supplied to "+("`"+g+"`, expected a ReactNode."))}return $(a)}function K(a,p,E,g,y){return new N((a||"React class")+": "+p+" type `"+E+"."+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+y+"`.")}function de(a){function p(E,g,y,S,v){var T=E[g],O=L(T);if(O!=="object")return new N("Invalid "+S+" `"+v+"` of type `"+O+"` "+("supplied to `"+y+"`, expected `object`."));for(var x in a){var C=a[x];if(typeof C!="function")return K(y,S,v,x,B(C));var F=C(T,x,y,S,v+"."+x,l);if(F)return F}return null}return $(p)}function pe(a){function p(E,g,y,S,v){var T=E[g],O=L(T);if(O!=="object")return new N("Invalid "+S+" `"+v+"` of type `"+O+"` "+("supplied to `"+y+"`, expected `object`."));var x=i({},E[g],a);for(var C in x){var F=a[C];if(o(a,C)&&typeof F!="function")return K(y,S,v,C,B(F));if(!F)return new N("Invalid "+S+" `"+v+"` key `"+C+"` supplied to `"+y+"`.\nBad object: "+JSON.stringify(E[g],null," ")+`
|
|
24
|
+
Valid keys: `+JSON.stringify(Object.keys(a),null," "));var u=F(T,C,y,S,v+"."+C,l);if(u)return u}return null}return $(p)}function H(a){switch(typeof a){case"number":case"string":case"undefined":return!0;case"boolean":return!a;case"object":if(Array.isArray(a))return a.every(H);if(a===null||c(a))return!0;var p=m(a);if(p){var E=p.call(a),g;if(p!==a.entries){for(;!(g=E.next()).done;)if(!H(g.value))return!1}else for(;!(g=E.next()).done;){var y=g.value;if(y&&!H(y[1]))return!1}}else return!1;return!0;default:return!1}}function ye(a,p){return a==="symbol"?!0:p?p["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&p instanceof Symbol:!1}function L(a){var p=typeof a;return Array.isArray(a)?"array":a instanceof RegExp?"object":ye(p,a)?"symbol":p}function B(a){if(typeof a>"u"||a===null)return""+a;var p=L(a);if(p==="object"){if(a instanceof Date)return"date";if(a instanceof RegExp)return"regexp"}return p}function Z(a){var p=B(a);switch(p){case"array":case"object":return"an "+p;case"boolean":case"date":case"regexp":return"a "+p;default:return p}}function he(a){return!a.constructor||!a.constructor.name?j:a.constructor.name}return I.checkPropTypes=s,I.resetWarningCache=s.resetWarningCache,I.PropTypes=I,I},oe}var ie,xe;function Je(){if(xe)return ie;xe=1;var e=ne();function i(){}function l(){}return l.resetWarningCache=i,ie=function(){function o(d,c,h,_,b,m){if(m!==e){var j=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw j.name="Invariant Violation",j}}o.isRequired=o;function s(){return o}var r={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:s,element:o,elementType:o,instanceOf:s,node:o,objectOf:s,oneOf:s,oneOfType:s,shape:s,exact:s,checkPropTypes:l,resetWarningCache:i};return r.PropTypes=r,r},ie}var Ne;function Xe(){if(Ne)return X.exports;if(Ne=1,process.env.NODE_ENV!=="production"){var e=_e(),i=!0;X.exports=He()(e.isElement,i)}else X.exports=Je()();return X.exports}var Ge=Xe();const n=be(Ge),Ae=({content:e,title:i,className:l,id:o="accordion"})=>{const s=R("rpf-accordion",l);return t.jsxs("details",{className:s,id:`${o}`,children:[t.jsxs("summary",{className:"rpf-accordion__title",role:"button",children:[i,t.jsx("span",{className:"rpf-accordion__icon"})]}),t.jsx("p",{className:"rpf-accordion__text",children:e})]})};Ae.propTypes={content:n.string.isRequired,title:n.string.isRequired,id:n.string,className:n.string};const U=({text:e,href:i,title:l,className:o,type:s="primary",variant:r="",size:d="default",icon:c="",iconOnly:h=!1,iconPosition:_="left",fullWidth:b=!1,disabled:m=!1,onClick:j=()=>{},"aria-label":I="",linkComponent:k})=>{const N=c&&h,$=R("rpf-button",{[`rpf-button--${s}`]:s,"rpf-button--danger":r==="danger","rpf-button--sm":d==="small","rpf-button--icon-only":N,"rpf-button--full-width":b,disabled:m},o);let D="rpf-button__icon";V.isValidElement(c)?(D+=" icon",console.warn("DEPRECATED: icons as React elements will not be supported in future releases")):D+=" material-symbols-sharp";const z=(f,Y)=>!Y||_!==f?null:typeof Y=="string"?t.jsx("span",{className:D,children:Y}):Y,M=()=>e&&!N&&t.jsx("span",{className:"text",children:e}),q=t.jsxs(t.Fragment,{children:[z("left",c),M(),z("right",c)]});if(i){const f=k||"a",Y=k?{to:i}:{href:i,role:"button"};return t.jsx(f,{className:$,...Y,onClick:j,"aria-label":I,children:q})}return t.jsx("button",{className:$,title:l,onClick:j,disabled:m,"aria-label":I,children:q})},Ke=({title:e,text:i,titleChildren:l,children:o,type:s,actions:r,onClose:d})=>t.jsxs("div",{className:`rpf-alert rpf-alert--${s}`,children:[t.jsxs("div",{className:"rpf-alert__header",children:[t.jsx("span",{className:"rpf-alert__icon material-symbols-sharp"}),l?t.jsx("div",{className:"rpf-alert__title",children:l}):e?t.jsx("p",{className:"rpf-alert__title",children:e}):null,!!d&&t.jsx("div",{className:"rpf-alert__close",children:t.jsx(U,{type:"tertiary",icon:"close",size:"small",iconOnly:!0,onClick:d})})]}),(i||o||r)&&t.jsxs("div",{className:"rpf-alert__body",children:[i?t.jsx("p",{children:i}):o?t.jsx("div",{children:o}):null,r&&r.length>0&&t.jsx("div",{className:"rpf-alert__actions",children:r.map((c,h)=>t.jsx(U,{text:c.label,size:"small",type:"tertiary",href:c.href,onClick:c.onClick},h))})]})]}),Ze=({id:e,label:i,name:l,checked:o=!1,disabled:s=!1,error:r="",onChange:d=()=>{},value:c="",className:h=""})=>t.jsxs(t.Fragment,{children:[t.jsxs("label",{className:R("rpf-input-checkbox",{"rpf-input-checkbox--error":r,className:h}),children:[t.jsx("input",{checked:!!o,disabled:s,id:e,name:l,onChange:d,type:"checkbox",value:c}),i]}),r&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),r]})]}),je=({disabled:e=!1,errorText:i="",fullWidth:l=!1,legendText:o,legendHintText:s="",children:r})=>t.jsxs("fieldset",{className:R("rpf-fieldset",{"rpf-fieldset--disabled":e,"rpf-fieldset--full-width":l,"rpf-fieldset--error":i}),disabled:e,children:[t.jsxs("legend",{className:"rpf-label",children:[o,s.length>0?t.jsx("small",{className:"rpf-label__hint",children:s}):null]}),t.jsx("div",{className:"rpf-fieldset__inputs",children:r}),i.length>0?t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),i]}):null]});je.propTypes={disabled:n.bool,errorText:n.string,fullWidth:n.bool,legendText:n.string.isRequired,legendHintText:n.string,children:n.node};const J=({id:e,label:i,children:l,disabled:o=!1,error:s="",hint:r=""})=>t.jsxs("div",{className:"rpf-input-field",children:[(i||r)&&t.jsxs("label",{htmlFor:e,className:R("rpf-label",{"rpf-label--disabled":o}),children:[i,t.jsx("small",{className:"rpf-label__hint",children:r})]}),l,s&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"error"}),s]})]});J.propTypes={disabled:n.bool,error:n.string,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,id:n.string.isRequired,children:n.node};const Ie=({label:e,inputFieldId:i,disabled:l=!1,hint:o=""})=>t.jsx("div",{className:"rpf-label",children:t.jsxs("label",{htmlFor:i,className:R("rpf-label",{"rpf-label--disabled":l}),children:[e,o&&t.jsx("div",{className:"rpf-label__hint",children:o})]})});Ie.propTypes={disabled:n.bool,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,inputFieldId:n.string.isRequired};const qe=({id:e,label:i,name:l,checked:o=!1,disabled:s=!1,fullWidth:r=!1,onChange:d=()=>{},value:c=""})=>t.jsx(t.Fragment,{children:t.jsxs("label",{className:R("rpf-input-radio",{"rpf-input-radio--disabled":s,"rpf-input--full-width":r}),children:[t.jsx("input",{checked:!!o,disabled:s,id:e,name:l,onChange:d,type:"radio",value:c}),i]})});qe.propTypes={checked:n.bool,disabled:n.bool,fullWidth:n.bool,id:n.string.isRequired,label:n.oneOfType([n.string,n.object]).isRequired,name:n.string.isRequired,onChange:n.func,value:n.string};const Qe=({label:e,inputFieldId:i,disabled:l=!1,error:o="",hint:s="",placeholder:r="",defaultValue:d="",onClick:c=()=>{},onChange:h=()=>{}})=>t.jsx("search",{children:t.jsxs("form",{className:"rpf-input-field",onSubmit:c,children:[t.jsxs("label",{htmlFor:i,className:R("rpf-label",{"rpf-label--disabled":l}),children:[e,s&&t.jsx("small",{className:"rpf-label__hint",children:s})]}),t.jsxs("div",{className:"rpf-input-search-container",children:[t.jsx("input",{className:R("rpf-input rpf-input-search",{"rpf-input--disabled":l,"rpf-input--error":o}),disabled:l,id:i,name:"search",type:"search","aria-label":"Search",defaultValue:d,placeholder:r,onChange:h}),t.jsx("button",{type:"submit",className:R("rpf-button rpf-button-search",{"rpf-button--disabled":l,"rpf-button--error":o}),disabled:l,onClick:c,children:t.jsx("span",{className:"rpf-button__icon material-symbols-sharp",children:"search"})})]}),o&&t.jsxs("div",{className:"rpf-error-message",children:[t.jsx("span",{className:"rpf-error-message__icon material-symbols-sharp",children:"info"}),o]})]})}),$e=({id:e,label:i,name:l,options:o,disabled:s=!1,error:r="",fullWidth:d=!1,hint:c="",onChange:h=()=>{},placeholder:_="",value:b=""})=>t.jsx(J,{id:e,disabled:s,error:r,hint:c,label:i,children:t.jsxs("select",{className:R("rpf-input rpf-input-select",{"rpf-input--error":r,"rpf-input--full-width":d}),disabled:s,id:e,name:l,onChange:h,type:"text",value:b,children:[!b&&!!_&&t.jsx("option",{value:"",disabled:!0,children:_}),o.map(m=>t.jsx("option",{value:m.key,children:m.value},m.key))]})});$e.propTypes={disabled:n.bool,error:n.string,fullWidth:n.bool,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,id:n.string.isRequired,name:n.string.isRequired,onChange:n.func,options:n.array.isRequired,placeholder:n.string,value:n.string};const Me=({id:e,label:i,name:l,value:o,disabled:s=!1,readOnly:r=!1,error:d="",fullWidth:c=!1,hint:h="",onChange:_=()=>{}})=>t.jsx(J,{id:e,disabled:s,error:d,hint:h,label:i,children:t.jsx("textarea",{className:R("rpf-input rpf-input-textarea",{"rpf-input--error":d,"rpf-input--full-width":c,"rpf-input--disabled":s}),disabled:s,readOnly:r,id:e,name:l,onChange:_,type:"text",value:o})});Me.propTypes={disabled:n.bool,readOnly:n.bool,error:n.string,fullWidth:n.bool,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,id:n.string.isRequired,name:n.string.isRequired,onChange:n.func,value:n.string.isRequired};const ke=({id:e,label:i,name:l,value:o,disabled:s=!1,error:r="",fullWidth:d=!1,hint:c="",onChange:h=()=>{}})=>t.jsx(J,{id:e,disabled:s,error:r,hint:c,label:i,children:t.jsx("input",{className:R("rpf-input rpf-input-text",{"rpf-input--error":r,"rpf-input--full-width":d}),disabled:s,id:e,name:l,onChange:h,type:"text",value:o})});ke.propTypes={disabled:n.bool,error:n.string,fullWidth:n.bool,hint:n.oneOfType([n.string,n.object]),label:n.oneOfType([n.string,n.object]).isRequired,id:n.string.isRequired,name:n.string.isRequired,onChange:n.func,value:n.string.isRequired};function er(e,i){const l=V.useRef(null),o=V.useRef(null);return V.useEffect(()=>{const s=l.current;s&&(e&&!s.open?s.showModal():!e&&s.open&&s.close())},[e]),V.useEffect(()=>{const s=l.current;if(!s)return;const r=()=>i(!1),d=c=>{c.preventDefault(),i(!1)};return s.addEventListener("close",r),s.addEventListener("cancel",d),()=>{s.removeEventListener("close",r),s.removeEventListener("cancel",d)}},[i]),V.useEffect(()=>{const s=l.current,r=o.current;if(!s||!r)return;const d=c=>{e&&!r.contains(c.target)&&i(!1)};return s.addEventListener("mousedown",d),()=>s.removeEventListener("mousedown",d)},[e,i]),{dialogRef:l,contentRef:o}}const rr=({isOpen:e,setIsOpen:i,heading:l,children:o,primaryButtonLink:s,primaryButtonText:r,onClickPrimaryButton:d,secondaryButtonText:c,secondaryButtonLink:h,onClickSecondaryButton:_,tertiaryButtonText:b,tertiaryButtonLink:m,onClickTertiaryButton:j,showCloseButton:I=!0})=>{const{dialogRef:k,contentRef:N}=er(e,i);return t.jsx("dialog",{ref:k,className:"rpf-modal","aria-labelledby":"modal-heading","aria-describedby":"modal-description",children:t.jsxs("div",{ref:N,className:"rpf-modal__wrapper",children:[t.jsxs("div",{className:"rpf-modal__header",children:[t.jsx("h2",{className:"rpf-modal__title",id:"modal-heading",children:l}),I&&t.jsx(U,{icon:"close",iconOnly:!0,"aria-label":"Close modal",type:"tertiary",onClick:()=>i(!1)})]}),t.jsx("div",{id:"modal-description",className:"rpf-modal__content",tabIndex:0,children:o}),t.jsxs("div",{className:"rpf-modal__buttons",children:[t.jsx(U,{text:r,href:s,onClick:d,type:"primary"}),c&&t.jsx(U,{text:c,href:h,onClick:_,type:"secondary"}),b&&t.jsx(U,{text:b,href:m,onClick:j,type:"tertiary"})]})]})})},tr=({text:e="",percent:i,complete:l=!1,className:o})=>t.jsx("div",{className:R("rpf-progress-bar",{"rpf-progress-bar--complete":l,className:o}),children:t.jsxs("label",{className:"rpf-progress-bar__label",children:[t.jsx("span",{children:e}),t.jsx("progress",{className:"rpf-progress-bar__bar",value:i,max:"100",children:`${i}%`})]})}),Re=({children:e})=>t.jsx("td",{className:"rpf-table-cell rpf-table-cell--body",children:t.jsx("div",{className:"rpf-table-cell__content",children:e})});Re.propTypes={children:n.node};const De=({sortDirection:e,children:i})=>{if(e!==void 0){const o=e==="up"?"arrow_drop_up":"arrow_drop_down";i=t.jsxs("div",{className:"rpf-table-cell__sort-header",children:[i,t.jsx("span",{className:"material-symbols-sharp",children:o})]})}const l=e!==void 0?"rpf-table-cell--sortable-header":"rpf-table-cell--header";return t.jsx("th",{className:`rpf-table-cell ${l}`,children:t.jsx("div",{className:"rpf-table-cell__content",children:i})})};De.propTypes={sortDirection:n.oneOf(["up","down"]),children:n.node};const Ye=({headerRow:e,bodyRows:i,fullWidth:l})=>t.jsx("div",{"data-testid":"table-container",className:R("rpf-table",{"rpf-table--full-width":l}),children:t.jsxs("table",{className:R("rpf-table__table",{"rpf-table__table--full-width":l}),children:[t.jsx("thead",{children:t.jsx("tr",{className:"rpf-table-row",children:e})}),t.jsx("tbody",{children:i.map((o,s)=>t.jsx("tr",{className:"rpf-table-row",children:o},s))})]})});Ye.propTypes={headerRow:n.node.isRequired,bodyRows:n.arrayOf(n.node).isRequired,fullWidth:n.bool};const nr=({text:e,variant:i,secondary:l,icon:o,iconPosition:s})=>{const r=o?t.jsx("span",{className:"rpf-tag__icon material-symbols-sharp",children:o}):null;o&&!s&&(s="left");const d=i&&i!=="default"?`rpf-tag--${i}`:null;return t.jsxs("span",{className:R("rpf-tag",d,{"rpf-tag--secondary":l}),children:[s==="left"&&r,e,s==="right"&&r]})};A.Accordion=Ae,A.Alert=Ke,A.Button=U,A.CheckboxInput=Ze,A.Fieldset=je,A.InputField=J,A.InputLabel=Ie,A.Modal=rr,A.ProgressBar=tr,A.RadioInput=qe,A.SearchInput=Qe,A.SelectInput=$e,A.Table=Ye,A.TableBodyCell=Re,A.TableHeaderCell=De,A.Tag=nr,A.TextInput=ke,A.TextareaInput=Me,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})});
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
@use '../mixins/typography' as typography;
|
|
2
|
+
@forward '../properties/font-size';
|
|
3
|
+
@forward '../properties/colors/utilities';
|
|
4
|
+
|
|
5
|
+
:root,
|
|
6
|
+
:host {
|
|
7
|
+
--rpf-modal-background-color: var(--rpf-white);
|
|
8
|
+
--rpf-modal-border-color: var(--rpf-grey-150);
|
|
9
|
+
--rpf-modal-max-block-size: calc(100vh - 2 * var(--space-10));
|
|
10
|
+
--rpf-modal-mobile-max-block-size: calc(100dvh - 2 * var(--space-2));
|
|
11
|
+
--rpf-modal-max-inline-size: calc(100vw - 2 * var(--space-10));
|
|
12
|
+
--rpf-modal-mobile-max-inline-size: calc(100vw - 2 * var(--space-2));
|
|
13
|
+
--rpf-modal-border-radius: var(--space-1);
|
|
14
|
+
--rpf-modal-content-padding: var(--space-3);
|
|
15
|
+
--rpf-modal-backdrop-color: var(--rpf-overlay);
|
|
16
|
+
--rpf-modal-buttons-flex-direction: row-reverse;
|
|
17
|
+
--rpf-modal-buttons-justify-content: flex-start;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.rpf-modal {
|
|
21
|
+
background-color: var(--rpf-modal-background-color);
|
|
22
|
+
border: none;
|
|
23
|
+
border-radius: var(--rpf-modal-border-radius);
|
|
24
|
+
margin-inline: auto;
|
|
25
|
+
min-inline-size: 15rem;
|
|
26
|
+
inline-size: 100%;
|
|
27
|
+
padding: 0;
|
|
28
|
+
|
|
29
|
+
max-inline-size: var(--rpf-modal-mobile-max-inline-size);
|
|
30
|
+
max-block-size: var(--rpf-modal-mobile-max-block-size);
|
|
31
|
+
|
|
32
|
+
@media (min-width: 30rem) {
|
|
33
|
+
max-inline-size: var(--rpf-modal-max-inline-size);
|
|
34
|
+
max-block-size: var(--rpf-modal-max-block-size);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&__wrapper {
|
|
38
|
+
display: grid;
|
|
39
|
+
grid-template-rows: auto minmax(0, 1fr) auto; /* header | content | buttons */
|
|
40
|
+
block-size: 100%;
|
|
41
|
+
max-block-size: inherit;
|
|
42
|
+
overflow: hidden;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&__header {
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: center;
|
|
48
|
+
align-self: stretch;
|
|
49
|
+
border-block-end: 1px solid var(--rpf-modal-border-color);
|
|
50
|
+
gap: var(--space-1);
|
|
51
|
+
padding: var(--space-1);
|
|
52
|
+
padding-inline-start: var(--space-2);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&__title {
|
|
56
|
+
@include typography.style-2(bold);
|
|
57
|
+
flex: 1 0 0;
|
|
58
|
+
margin: 0;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
&__content {
|
|
62
|
+
overflow-y: auto;
|
|
63
|
+
align-items: center;
|
|
64
|
+
border-block-end: 1px solid var(--rpf-modal-border-color);
|
|
65
|
+
display: flex;
|
|
66
|
+
flex-direction: column;
|
|
67
|
+
padding: var(--rpf-modal-content-padding);
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
&__buttons {
|
|
71
|
+
align-items: center;
|
|
72
|
+
display: flex;
|
|
73
|
+
flex-direction: column;
|
|
74
|
+
gap: var(--space-2);
|
|
75
|
+
padding: var(--space-2);
|
|
76
|
+
|
|
77
|
+
.rpf-button {
|
|
78
|
+
justify-content: center;
|
|
79
|
+
inline-size: 100%;
|
|
80
|
+
}
|
|
81
|
+
@media (width > 34rem) {
|
|
82
|
+
flex-direction: var(--rpf-modal-buttons-flex-direction);
|
|
83
|
+
gap: var(--space-2);
|
|
84
|
+
justify-content: var(--rpf-modal-buttons-justify-content);
|
|
85
|
+
.rpf-button {
|
|
86
|
+
inline-size: auto;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&::backdrop {
|
|
92
|
+
background-color: var(--rpf-modal-backdrop-color);
|
|
93
|
+
backdrop-filter: blur(2px);
|
|
94
|
+
}
|
|
95
|
+
}
|
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
@use 'properties/colors/_greys';
|
|
11
11
|
@use 'properties/colors/_inputs' as inputs_colors;
|
|
12
12
|
@use 'properties/colors/_text';
|
|
13
|
+
@use 'properties/colors/_utilities';
|
|
14
|
+
|
|
13
15
|
|
|
14
16
|
@use 'components/alert';
|
|
15
17
|
@use 'components/accordion';
|
|
@@ -20,6 +22,8 @@
|
|
|
20
22
|
@use 'components/menu';
|
|
21
23
|
@use 'components/link';
|
|
22
24
|
@use 'components/burger-menu';
|
|
25
|
+
@use 'components/modal';
|
|
26
|
+
|
|
23
27
|
|
|
24
28
|
@use 'components/forms/error-message';
|
|
25
29
|
@use 'components/forms/fieldset';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export { default as Accordion } from "../src/components/Accordion";
|
|
2
|
+
export { default as Alert } from "../src/components/Alert";
|
|
3
|
+
export { default as Button } from "../src/components/Button";
|
|
4
|
+
export { default as CheckboxInput } from "../src/components/Form/CheckboxInput";
|
|
5
|
+
export { default as Fieldset } from "../src/components/Form/Fieldset";
|
|
6
|
+
export { default as InputField } from "../src/components/Form/InputField";
|
|
7
|
+
export { default as InputLabel } from "../src/components/Form/InputLabel";
|
|
8
|
+
export { default as RadioInput } from "../src/components/Form/RadioInput";
|
|
9
|
+
export { default as SearchInput } from "../src/components/Form/SearchInput";
|
|
10
|
+
export { default as SelectInput } from "../src/components/Form/SelectInput";
|
|
11
|
+
export { default as TextareaInput } from "../src/components/Form/TextareaInput";
|
|
12
|
+
export { default as TextInput } from "../src/components/Form/TextInput";
|
|
13
|
+
export { default as Modal } from "../src/components/Modal";
|
|
14
|
+
export type { ModalProps } from "../src/components/Modal/Modal.types";
|
|
15
|
+
export { default as ProgressBar } from "../src/components/ProgressBar";
|
|
16
|
+
export { default as TableBodyCell } from "../src/components/Table/BodyCell";
|
|
17
|
+
export { default as TableHeaderCell } from "../src/components/Table/HeaderCell";
|
|
18
|
+
export { default as Table } from "../src/components/Table/Table";
|
|
19
|
+
export { default as Tag } from "../src/components/Tag";
|
|
20
|
+
//# sourceMappingURL=main.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/Accordion.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export function Accordion({ content, title, className, id }: {
|
|
2
|
+
content: any;
|
|
3
|
+
title: any;
|
|
4
|
+
className: any;
|
|
5
|
+
id?: string | undefined;
|
|
6
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export namespace Accordion {
|
|
8
|
+
namespace propTypes {
|
|
9
|
+
let content: PropTypes.Validator<string>;
|
|
10
|
+
let title: PropTypes.Validator<string>;
|
|
11
|
+
let id: PropTypes.Requireable<string>;
|
|
12
|
+
let className: PropTypes.Requireable<string>;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
export default Accordion;
|
|
16
|
+
import PropTypes from "prop-types";
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/index.jsx"],"names":[],"mappings":"AAMO;;;;;4CAYN;;;;;;;;;;sBAjBqB,YAAY"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export type AlertProps = BaseAlertProps & ContentProps & TitleProps;
|
|
3
|
+
type BaseAlertProps = {
|
|
4
|
+
/** The type of alert to display */
|
|
5
|
+
type?: "error" | "warning" | "information" | "success";
|
|
6
|
+
/** Whether the alert can be closed by the user */
|
|
7
|
+
closable?: boolean;
|
|
8
|
+
/** Whether to show action buttons */
|
|
9
|
+
actions?: Array<AlertAction>;
|
|
10
|
+
/** The click handler for when the close button is pressed */
|
|
11
|
+
onClose?: () => void;
|
|
12
|
+
};
|
|
13
|
+
type ContentProps = {
|
|
14
|
+
/** The main content of the alert */
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
/** The main text content of the alert */
|
|
17
|
+
text?: never;
|
|
18
|
+
} | {
|
|
19
|
+
/** The main content of the alert */
|
|
20
|
+
children?: never;
|
|
21
|
+
/** The main text content of the alert */
|
|
22
|
+
text?: string;
|
|
23
|
+
};
|
|
24
|
+
type TitleProps = {
|
|
25
|
+
/** The title content for the alert */
|
|
26
|
+
titleChildren?: ReactNode;
|
|
27
|
+
/** The title text for the alert */
|
|
28
|
+
title?: never;
|
|
29
|
+
} | {
|
|
30
|
+
/** The title content for the alert */
|
|
31
|
+
titleChildren?: never;
|
|
32
|
+
/** The title text for the alert */
|
|
33
|
+
title?: string;
|
|
34
|
+
};
|
|
35
|
+
type AlertAction = {
|
|
36
|
+
href?: string;
|
|
37
|
+
label?: string;
|
|
38
|
+
onClick?: () => void;
|
|
39
|
+
};
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=Alert.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpE,KAAK,cAAc,GAAG;IACpB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAC;IACvD,kDAAkD;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC7B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAGF,KAAK,YAAY,GACb;IACE,oCAAoC;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGN,KAAK,UAAU,GACX;IACE,sCAAsC;IACtC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,GACD;IACE,sCAAsC;IACtC,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEN,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import "@/components/MaterialSymbols";
|
|
2
|
+
import "./Alert.scss";
|
|
3
|
+
import type { AlertProps } from "./Alert.types";
|
|
4
|
+
export declare const Alert: ({ title, text, titleChildren, children, type, actions, onClose, }: AlertProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default Alert;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,mEAQnB,UAAU,4CA4CZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { type ElementType, type ReactNode } from "react";
|
|
2
|
+
export type ButtonProps = {
|
|
3
|
+
/** The text content of the button */
|
|
4
|
+
text?: string;
|
|
5
|
+
/** The title content of the button */
|
|
6
|
+
title?: string;
|
|
7
|
+
/** The type of the button */
|
|
8
|
+
type?: "primary" | "secondary" | "tertiary";
|
|
9
|
+
/** The variant of the button */
|
|
10
|
+
variant?: "" | "danger";
|
|
11
|
+
/** The size of the button */
|
|
12
|
+
size?: "default" | "small";
|
|
13
|
+
/** Whether the button is disabled */
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
/** The href attribute for link buttons */
|
|
16
|
+
href?: string;
|
|
17
|
+
/** The icon name */
|
|
18
|
+
icon?: string | ReactNode;
|
|
19
|
+
/** Whether the button shows only an icon */
|
|
20
|
+
iconOnly?: boolean;
|
|
21
|
+
/** The position of the icon */
|
|
22
|
+
iconPosition?: "left" | "right";
|
|
23
|
+
/** Whether the button takes full width */
|
|
24
|
+
fullWidth?: boolean;
|
|
25
|
+
/** Additional CSS class name */
|
|
26
|
+
className?: string;
|
|
27
|
+
/** Click handler */
|
|
28
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
29
|
+
/** Override for link component */
|
|
30
|
+
linkComponent?: ElementType;
|
|
31
|
+
/** Aria label */
|
|
32
|
+
"aria-label"?: string;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=Button.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC5C,gCAAgC;IAChC,OAAO,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;IACxB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,kCAAkC;IAClC,aAAa,CAAC,EAAE,WAAW,CAAC;IAC5B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import "@/components/MaterialSymbols";
|
|
2
|
+
import "./Button.scss";
|
|
3
|
+
import type { ButtonProps } from "./Button.types";
|
|
4
|
+
export declare const Button: ({ text, href, title, className, type, variant, size, icon, iconOnly, iconPosition, fullWidth, disabled, onClick, "aria-label": ariaLabel, linkComponent, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default Button;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,GAAI,4JAgBpB,WAAW,4CAgFb,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { ReactNode } from "react";
|
|
2
|
+
export type CheckboxInputProps = {
|
|
3
|
+
/** Unique identifier for the checkbox input */
|
|
4
|
+
id: string;
|
|
5
|
+
/** Name attribute for the checkbox input */
|
|
6
|
+
name: string;
|
|
7
|
+
/** Whether the checkbox is disabled */
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
/** Error message to display */
|
|
10
|
+
error?: string;
|
|
11
|
+
/** Label text or `ReactNode` for the checkbox */
|
|
12
|
+
label: string | ReactNode;
|
|
13
|
+
/** Whether the checkbox is checked (controlled) */
|
|
14
|
+
isChecked?: boolean;
|
|
15
|
+
/** Value attribute for the checkbox */
|
|
16
|
+
value?: string;
|
|
17
|
+
/** Additional CSS class name */
|
|
18
|
+
className?: string;
|
|
19
|
+
/** Whether the checkbox is checked (uncontrolled) */
|
|
20
|
+
checked?: boolean;
|
|
21
|
+
/** Callback function when checkbox state changes */
|
|
22
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=CheckboxInput.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/CheckboxInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,+CAA+C;IAC/C,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACjE,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import "@/components/MaterialSymbols";
|
|
2
|
+
import "./CheckboxInput.scss";
|
|
3
|
+
import type { CheckboxInputProps } from "./CheckboxInput.types";
|
|
4
|
+
export declare const CheckboxInput: ({ id, label, name, checked, disabled, error, onChange, value, className, }: CheckboxInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default CheckboxInput;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/CheckboxInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,4EAU3B,kBAAkB,4CA4BpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fieldset.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/Fieldset.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export function Fieldset({ disabled, errorText, fullWidth, legendText, legendHintText, children, }: {
|
|
2
|
+
disabled?: boolean | undefined;
|
|
3
|
+
errorText?: string | undefined;
|
|
4
|
+
fullWidth?: boolean | undefined;
|
|
5
|
+
legendText: any;
|
|
6
|
+
legendHintText?: string | undefined;
|
|
7
|
+
children: any;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export namespace Fieldset {
|
|
10
|
+
namespace propTypes {
|
|
11
|
+
let disabled: PropTypes.Requireable<boolean>;
|
|
12
|
+
let errorText: PropTypes.Requireable<string>;
|
|
13
|
+
let fullWidth: PropTypes.Requireable<boolean>;
|
|
14
|
+
let legendText: PropTypes.Validator<string>;
|
|
15
|
+
let legendHintText: PropTypes.Requireable<string>;
|
|
16
|
+
let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
export default Fieldset;
|
|
20
|
+
import PropTypes from "prop-types";
|
|
21
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;4CAmCN;;;;;;;;;;;;sBAvCqB,YAAY"}
|