@carto/ps-react-ui 2.2.0 → 2.2.2
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/dist/index.cjs +14 -14
- package/dist/index.js +107 -102
- package/dist/types/components/section-container/section-container.styles.d.ts +5 -15
- package/package.json +20 -38
package/dist/index.cjs
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),
|
|
2
|
-
* @license React
|
|
3
|
-
* react-jsx-runtime.production.min.js
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license found in the
|
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var we;function lr(){if(we)return B;we=1;var n=P,o=Symbol.for("react.element"),f=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,T=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,S={key:!0,ref:!0,__self:!0,__source:!0};function C(E,d,b){var g,w={},h=null,x=null;b!==void 0&&(h=""+b),d.key!==void 0&&(h=""+d.key),d.ref!==void 0&&(x=d.ref);for(g in d)u.call(d,g)&&!S.hasOwnProperty(g)&&(w[g]=d[g]);if(E&&E.defaultProps)for(g in d=E.defaultProps,d)w[g]===void 0&&(w[g]=d[g]);return{$$typeof:o,type:E,key:h,ref:x,props:w,_owner:T.current}}return B.Fragment=f,B.jsx=C,B.jsxs=C,B}var Y={};/**
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),E=require("@mui/material");var te={exports:{}},B={};/**
|
|
10
2
|
* @license React
|
|
11
3
|
* react-jsx-runtime.development.js
|
|
12
4
|
*
|
|
@@ -14,14 +6,22 @@
|
|
|
14
6
|
*
|
|
15
7
|
* This source code is licensed under the MIT license found in the
|
|
16
8
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
9
|
+
*/var we;function lr(){return we||(we=1,process.env.NODE_ENV!=="production"&&function(){var n=P,o=Symbol.for("react.element"),f=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),C=Symbol.for("react.provider"),R=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),w=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),T=Symbol.for("react.offscreen"),k=Symbol.iterator,j="@@iterator";function J(e){if(e===null||typeof e!="object")return null;var r=k&&e[k]||e[j];return typeof r=="function"?r:null}var I=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function _(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];Pe("error",e,t)}}function Pe(e,r,t){{var a=I.ReactDebugCurrentFrame,l=a.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var c=t.map(function(s){return String(s)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var ke=!1,Fe=!1,Ae=!1,De=!1,Ie=!1,ne;ne=Symbol.for("react.module.reference");function $e(e){return!!(typeof e=="string"||typeof e=="function"||e===u||e===S||Ie||e===b||e===m||e===g||De||e===T||ke||Fe||Ae||typeof e=="object"&&e!==null&&(e.$$typeof===h||e.$$typeof===w||e.$$typeof===C||e.$$typeof===R||e.$$typeof===d||e.$$typeof===ne||e.getModuleId!==void 0))}function We(e,r,t){var a=e.displayName;if(a)return a;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function ae(e){return e.displayName||"Context"}function F(e){if(e==null)return null;if(typeof e.tag=="number"&&_("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case u:return"Fragment";case f:return"Portal";case S:return"Profiler";case b:return"StrictMode";case m:return"Suspense";case g:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case R:var r=e;return ae(r)+".Consumer";case C:var t=e;return ae(t._context)+".Provider";case d:return We(e,e.render,"ForwardRef");case w:var a=e.displayName||null;return a!==null?a:F(e.type)||"Memo";case h:{var l=e,c=l._payload,s=l._init;try{return F(s(c))}catch{return null}}}return null}var D=Object.assign,M=0,oe,ie,se,ue,le,ce,fe;function de(){}de.__reactDisabledLog=!0;function Me(){{if(M===0){oe=console.log,ie=console.info,se=console.warn,ue=console.error,le=console.group,ce=console.groupCollapsed,fe=console.groupEnd;var e={configurable:!0,enumerable:!0,value:de,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}M++}}function Le(){{if(M--,M===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:D({},e,{value:oe}),info:D({},e,{value:ie}),warn:D({},e,{value:se}),error:D({},e,{value:ue}),group:D({},e,{value:le}),groupCollapsed:D({},e,{value:ce}),groupEnd:D({},e,{value:fe})})}M<0&&_("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=I.ReactCurrentDispatcher,K;function V(e,r,t){{if(K===void 0)try{throw Error()}catch(l){var a=l.stack.trim().match(/\n( *(at )?)/);K=a&&a[1]||""}return`
|
|
18
10
|
`+K+e}}var X=!1,N;{var Be=typeof WeakMap=="function"?WeakMap:Map;N=new Be}function ve(e,r){if(!e||X)return"";{var t=N.get(e);if(t!==void 0)return t}var a;X=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=G.current,G.current=null,Me();try{if(r){var s=function(){throw Error()};if(Object.defineProperty(s.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(s,[])}catch(A){a=A}Reflect.construct(e,[],s)}else{try{s.call()}catch(A){a=A}e.call(s.prototype)}}else{try{throw Error()}catch(A){a=A}e()}}catch(A){if(A&&a&&typeof A.stack=="string"){for(var i=A.stack.split(`
|
|
19
|
-
`),
|
|
20
|
-
`),v=i.length-1,p=
|
|
21
|
-
`+i[v].replace(" at new "," at ");return e.displayName&&O.includes("<anonymous>")&&(O=O.replace("<anonymous>",e.displayName)),typeof e=="function"&&N.set(e,O),O}while(v>=1&&p>=0);break}}}finally{X=!1,G.current=c,Le(),Error.prepareStackTrace=l}var W=e?e.displayName||e.name:"",Ce=W?V(W):"";return typeof e=="function"&&N.set(e,Ce),Ce}function Ye(e,r,t){return ve(e,!1)}function Ve(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,t){if(e==null)return"";if(typeof e=="function")return ve(e,Ve(e));if(typeof e=="string")return V(e);switch(e){case
|
|
11
|
+
`),x=a.stack.split(`
|
|
12
|
+
`),v=i.length-1,p=x.length-1;v>=1&&p>=0&&i[v]!==x[p];)p--;for(;v>=1&&p>=0;v--,p--)if(i[v]!==x[p]){if(v!==1||p!==1)do if(v--,p--,p<0||i[v]!==x[p]){var O=`
|
|
13
|
+
`+i[v].replace(" at new "," at ");return e.displayName&&O.includes("<anonymous>")&&(O=O.replace("<anonymous>",e.displayName)),typeof e=="function"&&N.set(e,O),O}while(v>=1&&p>=0);break}}}finally{X=!1,G.current=c,Le(),Error.prepareStackTrace=l}var W=e?e.displayName||e.name:"",Ce=W?V(W):"";return typeof e=="function"&&N.set(e,Ce),Ce}function Ye(e,r,t){return ve(e,!1)}function Ve(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function U(e,r,t){if(e==null)return"";if(typeof e=="function")return ve(e,Ve(e));if(typeof e=="string")return V(e);switch(e){case m:return V("Suspense");case g:return V("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case d:return Ye(e.render);case w:return U(e.type,r,t);case h:{var a=e,l=a._payload,c=a._init;try{return U(c(l),r,t)}catch{}}}return""}var q=Object.prototype.hasOwnProperty,pe={},he=I.ReactDebugCurrentFrame;function z(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);he.setExtraStackFrame(t)}else he.setExtraStackFrame(null)}function Ne(e,r,t,a,l){{var c=Function.call.bind(q);for(var s in e)if(c(e,s)){var i=void 0;try{if(typeof e[s]!="function"){var x=Error((a||"React class")+": "+t+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw x.name="Invariant Violation",x}i=e[s](r,s,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(v){i=v}i&&!(i instanceof Error)&&(z(l),_("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,s,typeof i),z(null)),i instanceof Error&&!(i.message in pe)&&(pe[i.message]=!0,z(l),_("Failed %s type: %s",t,i.message),z(null))}}}var Ue=Array.isArray;function H(e){return Ue(e)}function qe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function ze(e){try{return ge(e),!1}catch{return!0}}function ge(e){return""+e}function ye(e){if(ze(e))return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",qe(e)),ge(e)}var L=I.ReactCurrentOwner,Je={key:!0,ref:!0,__self:!0,__source:!0},be,me,Z;Z={};function Ge(e){if(q.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ke(e){if(q.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Xe(e,r){if(typeof e.ref=="string"&&L.current&&r&&L.current.stateNode!==r){var t=F(L.current.type);Z[t]||(_('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',F(L.current.type),e.ref),Z[t]=!0)}}function He(e,r){{var t=function(){be||(be=!0,_("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function Ze(e,r){{var t=function(){me||(me=!0,_("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var Qe=function(e,r,t,a,l,c,s){var i={$$typeof:o,type:e,key:r,ref:t,props:s,_owner:c};return i._store={},Object.defineProperty(i._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(i,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(i,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(i.props),Object.freeze(i)),i};function er(e,r,t,a,l){{var c,s={},i=null,x=null;t!==void 0&&(ye(t),i=""+t),Ke(r)&&(ye(r.key),i=""+r.key),Ge(r)&&(x=r.ref,Xe(r,l));for(c in r)q.call(r,c)&&!Je.hasOwnProperty(c)&&(s[c]=r[c]);if(e&&e.defaultProps){var v=e.defaultProps;for(c in v)s[c]===void 0&&(s[c]=v[c])}if(i||x){var p=typeof e=="function"?e.displayName||e.name||"Unknown":e;i&&He(s,p),x&&Ze(s,p)}return Qe(e,i,x,l,a,L.current,s)}}var Q=I.ReactCurrentOwner,Ee=I.ReactDebugCurrentFrame;function $(e){if(e){var r=e._owner,t=U(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(t)}else Ee.setExtraStackFrame(null)}var ee;ee=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===o}function Re(){{if(Q.current){var e=F(Q.current.type);if(e)return`
|
|
22
14
|
|
|
23
15
|
Check the render method of \``+e+"`."}return""}}function rr(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
|
|
24
16
|
|
|
25
17
|
Check your code at `+r+":"+t+"."}return""}}var _e={};function tr(e){{var r=Re();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
|
|
26
18
|
|
|
27
|
-
Check the top-level render call using <`+t+">.")}return r}}function xe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=tr(r);if(_e[t])return;_e[t]=!0;var a="";e&&e._owner&&e._owner!==Q.current&&(a=" It was passed a child from "+F(e._owner.type)+"."),$(e),
|
|
19
|
+
Check the top-level render call using <`+t+">.")}return r}}function xe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=tr(r);if(_e[t])return;_e[t]=!0;var a="";e&&e._owner&&e._owner!==Q.current&&(a=" It was passed a child from "+F(e._owner.type)+"."),$(e),_('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),$(null)}}function Te(e,r){{if(typeof e!="object")return;if(H(e))for(var t=0;t<e.length;t++){var a=e[t];re(a)&&xe(a,r)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var l=J(e);if(typeof l=="function"&&l!==e.entries)for(var c=l.call(e),s;!(s=c.next()).done;)re(s.value)&&xe(s.value,r)}}}function nr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===d||r.$$typeof===w))t=r.propTypes;else return;if(t){var a=F(r);Ne(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!ee){ee=!0;var l=F(r);_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&_("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ar(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){$(e),_("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),$(null);break}}e.ref!==null&&($(e),_("Invalid attribute `ref` supplied to `React.Fragment`."),$(null))}}function Se(e,r,t,a,l,c){{var s=$e(e);if(!s){var i="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(i+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var x=rr(l);x?i+=x:i+=Re();var v;e===null?v="null":H(e)?v="array":e!==void 0&&e.$$typeof===o?(v="<"+(F(e.type)||"Unknown")+" />",i=" Did you accidentally export a JSX literal instead of a component?"):v=typeof e,_("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",v,i)}var p=er(e,r,t,l,c);if(p==null)return p;if(s){var O=r.children;if(O!==void 0)if(a)if(H(O)){for(var W=0;W<O.length;W++)Te(O[W],e);Object.freeze&&Object.freeze(O)}else _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Te(O,e)}return e===u?ar(p):nr(p),p}}function or(e,r,t){return Se(e,r,t,!0)}function ir(e,r,t){return Se(e,r,t,!1)}var sr=ir,ur=or;B.Fragment=u,B.jsx=sr,B.jsxs=ur}()),B}var Y={};/**
|
|
20
|
+
* @license React
|
|
21
|
+
* react-jsx-runtime.production.min.js
|
|
22
|
+
*
|
|
23
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
24
|
+
*
|
|
25
|
+
* This source code is licensed under the MIT license found in the
|
|
26
|
+
* LICENSE file in the root directory of this source tree.
|
|
27
|
+
*/var je;function cr(){if(je)return Y;je=1;var n=P,o=Symbol.for("react.element"),f=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,b=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,S={key:!0,ref:!0,__self:!0,__source:!0};function C(R,d,m){var g,w={},h=null,T=null;m!==void 0&&(h=""+m),d.key!==void 0&&(h=""+d.key),d.ref!==void 0&&(T=d.ref);for(g in d)u.call(d,g)&&!S.hasOwnProperty(g)&&(w[g]=d[g]);if(R&&R.defaultProps)for(g in d=R.defaultProps,d)w[g]===void 0&&(w[g]=d[g]);return{$$typeof:o,type:R,key:h,ref:T,props:w,_owner:b.current}}return Y.Fragment=f,Y.jsx=C,Y.jsxs=C,Y}process.env.NODE_ENV==="production"?te.exports=cr():te.exports=lr();var y=te.exports;const fr={box:{marginLeft:({spacing:n})=>n(1)}};function dr({items:n,itemsToShow:o=10,label:f,ListProps:u,texts:{showMore:b="View all",showLess:S="Collapse list"}={},unit:C,formatter:R,onRowClick:d}){const[m,g]=P.useState(!0),w=()=>{g(!m)},h=j=>R?R(j):j,T=P.useMemo(()=>{const j=m?o:n.length;return n.slice(0,j)},[n,o,m]),k=n.length>o;return y.jsxs(E.Box,{width:"100%",height:"auto",children:[f&&y.jsx(E.Typography,{variant:"caption",color:"textSecondary",gutterBottom:!0,children:f}),y.jsx(E.List,{...u,component:"ul",children:T.map(j=>y.jsxs(E.ListItemButton,{divider:!0,onClick:J=>d?.(J,j),children:[y.jsx(E.ListItemText,{primary:j.name}),y.jsx(vr,{value:h(j.value),unit:C})]},j.id))}),k&&y.jsx(E.Button,{variant:"text",color:"primary",size:"small",onClick:w,children:m?b:S})]})}function vr({value:n,unit:o}){return y.jsx(E.Box,{sx:fr.box,children:y.jsxs(E.Typography,{variant:"body2",align:"right",noWrap:!0,children:[o," ",n]})})}const pr={contentBox:{paddingBottom:2,paddingX:2}},hr=E.styled(E.Box,{shouldForwardProp:n=>n!=="scrollMarginTop"})(({scrollMarginTop:n})=>({height:"auto",scrollMarginTop:n,width:"100%"})),gr=E.styled(E.Box,{shouldForwardProp:n=>n!=="scrollMarginTop"})(({scrollMarginTop:n,theme:{spacing:o,palette:f}})=>({alignItems:"center",backgroundColor:f.grey[100],display:"flex",height:o(3),justifyContent:"center",position:"sticky",top:n,width:"100%",zIndex:1}));function yr({title:n,id:o,anchor:f=!1,scrollMarginTop:u=0,children:b,BoxProps:S}){return y.jsxs(hr,{scrollMarginTop:u,id:o,"data-anchor":f,...S,children:[y.jsx(gr,{scrollMarginTop:u,children:y.jsx(E.Typography,{variant:"caption",children:n})}),y.jsx(E.Box,{sx:pr.contentBox,children:y.jsx(y.Fragment,{children:b})})]})}const br={tabsWrapper:{backgroundColor:({palette:n})=>n.background.paper,left:0,position:"sticky",top:0,width:"100%",zIndex:2,"& .MuiTab-root:last-of-type":{marginRight:0},"& .MuiTab-textColorPrimary":{color:({palette:n})=>n.text.primary,"&.Mui-selected":{color:({palette:n})=>n.primary.main}},"& .MuiTabs-indicator.colorPrimary":{backgroundColor:({palette:n})=>n.primary.main}}};function mr({children:n,anchor:o,TabsProps:f,variant:u="standard",onChange:b}){const S=(C,R)=>{C.preventDefault(),b?.(R)};return y.jsx(E.Box,{sx:br.tabsWrapper,children:y.jsx(E.Tabs,{indicatorColor:"primary",textColor:"primary","aria-label":"Explore sections",...f,value:o,variant:u,onChange:S,children:n})})}function Oe(n){var o,f,u="";if(typeof n=="string"||typeof n=="number")u+=n;else if(typeof n=="object")if(Array.isArray(n)){var b=n.length;for(o=0;o<b;o++)n[o]&&(f=Oe(n[o]))&&(u&&(u+=" "),u+=f)}else for(f in n)n[f]&&(u&&(u+=" "),u+=f);return u}function Er(){for(var n,o,f=0,u="",b=arguments.length;f<b;f++)(n=arguments[f])&&(o=Oe(n))&&(u&&(u+=" "),u+=o);return u}const Rr={box:{borderRadius:({spacing:n})=>`0 0 ${n(.5)} ${n(.5)}`,flex:1,height:"100%",margin:"0 auto",maxWidth:({breakpoints:n})=>n.values.lg,overflow:"auto",position:"relative",width:"100%"}};function _r({children:n,currentAnchor:o,BoxProps:f,className:u,timeout:b=50,onChange:S}){const C=P.useRef(null),R=P.useRef([]),d=P.useRef(0),m=P.useRef(o);P.useEffect(()=>{const h=Array.from(C.current?.querySelectorAll('[data-anchor="true"]')||[]);if(R.current=[...h].reverse(),!R.current.length)throw new Error('initialization of ScrollToAnchor: Missing sections with data-anchor="true" attribute.')},[]),P.useEffect(()=>{const h=T=>{const k=C.current?.querySelector(`#${T}`);if(!k){console.warn(`Warning: navigation of ScrollToAnchor: the section you want to navigate to does not exist. To create it add the #${T} id property to an element.`);return}if(k){k.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"});const j=setInterval(()=>{k.offsetTop===d.current&&(m.current=T,clearInterval(j))},b)}};o!==m.current&&h(o)},[o,b]);const g=P.useCallback(()=>{const T=R.current.find(k=>d.current>=k.offsetTop)?.id||"";m.current!==T&&(m.current=T,S(T))},[S]),w=P.useCallback(h=>{h.stopPropagation(),d.current=h.currentTarget.scrollTop,o===m.current&&requestAnimationFrame(()=>g())},[o,g]);return y.jsx(E.Box,{ref:C,sx:Rr.box,...f,className:Er(u),"data-scroller":!0,onScroll:h=>w(h),children:n})}function xr(n){return n.map(o=>{const f=o,u=String(o);return{value:f,label:u}})}exports.ListData=dr;exports.ScrollToAnchor=_r;exports.SectionContainer=yr;exports.TabsToAnchor=mr;exports.createSelectOptionsFromArray=xr;
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import { Box as D, Typography as ne, List as gr, ListItemButton as yr, ListItemT
|
|
|
3
3
|
var te = { exports: {} }, L = {};
|
|
4
4
|
/**
|
|
5
5
|
* @license React
|
|
6
|
-
* react-jsx-runtime.
|
|
6
|
+
* react-jsx-runtime.development.js
|
|
7
7
|
*
|
|
8
8
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
9
9
|
*
|
|
@@ -12,36 +12,8 @@ var te = { exports: {} }, L = {};
|
|
|
12
12
|
*/
|
|
13
13
|
var Pe;
|
|
14
14
|
function Rr() {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
Pe = 1;
|
|
18
|
-
var n = Fe, o = Symbol.for("react.element"), f = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, x = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, T = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
19
|
-
function C(b, d, m) {
|
|
20
|
-
var g, S = {}, h = null, _ = null;
|
|
21
|
-
m !== void 0 && (h = "" + m), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (_ = d.ref);
|
|
22
|
-
for (g in d)
|
|
23
|
-
u.call(d, g) && !T.hasOwnProperty(g) && (S[g] = d[g]);
|
|
24
|
-
if (b && b.defaultProps)
|
|
25
|
-
for (g in d = b.defaultProps, d)
|
|
26
|
-
S[g] === void 0 && (S[g] = d[g]);
|
|
27
|
-
return { $$typeof: o, type: b, key: h, ref: _, props: S, _owner: x.current };
|
|
28
|
-
}
|
|
29
|
-
return L.Fragment = f, L.jsx = C, L.jsxs = C, L;
|
|
30
|
-
}
|
|
31
|
-
var Y = {};
|
|
32
|
-
/**
|
|
33
|
-
* @license React
|
|
34
|
-
* react-jsx-runtime.development.js
|
|
35
|
-
*
|
|
36
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
37
|
-
*
|
|
38
|
-
* This source code is licensed under the MIT license found in the
|
|
39
|
-
* LICENSE file in the root directory of this source tree.
|
|
40
|
-
*/
|
|
41
|
-
var ke;
|
|
42
|
-
function _r() {
|
|
43
|
-
return ke || (ke = 1, process.env.NODE_ENV !== "production" && function() {
|
|
44
|
-
var n = Fe, o = Symbol.for("react.element"), f = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), b = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), O = Symbol.iterator, w = "@@iterator";
|
|
15
|
+
return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
|
|
16
|
+
var n = Fe, o = Symbol.for("react.element"), f = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), E = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), O = Symbol.iterator, w = "@@iterator";
|
|
45
17
|
function J(e) {
|
|
46
18
|
if (e === null || typeof e != "object")
|
|
47
19
|
return null;
|
|
@@ -49,7 +21,7 @@ function _r() {
|
|
|
49
21
|
return typeof r == "function" ? r : null;
|
|
50
22
|
}
|
|
51
23
|
var A = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
52
|
-
function
|
|
24
|
+
function R(e) {
|
|
53
25
|
{
|
|
54
26
|
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
|
|
55
27
|
t[a - 1] = arguments[a];
|
|
@@ -69,7 +41,7 @@ function _r() {
|
|
|
69
41
|
var $e = !1, We = !1, Me = !1, Le = !1, Ye = !1, ae;
|
|
70
42
|
ae = Symbol.for("react.module.reference");
|
|
71
43
|
function Ve(e) {
|
|
72
|
-
return !!(typeof e == "string" || typeof e == "function" || e === u || e === T || Ye || e ===
|
|
44
|
+
return !!(typeof e == "string" || typeof e == "function" || e === u || e === T || Ye || e === m || e === b || e === g || Le || e === x || $e || We || Me || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === S || e.$$typeof === C || e.$$typeof === E || e.$$typeof === d || // This needs to include all possible module reference object
|
|
73
45
|
// types supported by any Flight configuration anywhere since
|
|
74
46
|
// we don't know which Flight build this will end up being used
|
|
75
47
|
// with.
|
|
@@ -88,7 +60,7 @@ function _r() {
|
|
|
88
60
|
function P(e) {
|
|
89
61
|
if (e == null)
|
|
90
62
|
return null;
|
|
91
|
-
if (typeof e.tag == "number" &&
|
|
63
|
+
if (typeof e.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
92
64
|
return e.displayName || e.name || null;
|
|
93
65
|
if (typeof e == "string")
|
|
94
66
|
return e;
|
|
@@ -99,16 +71,16 @@ function _r() {
|
|
|
99
71
|
return "Portal";
|
|
100
72
|
case T:
|
|
101
73
|
return "Profiler";
|
|
102
|
-
case x:
|
|
103
|
-
return "StrictMode";
|
|
104
74
|
case m:
|
|
75
|
+
return "StrictMode";
|
|
76
|
+
case b:
|
|
105
77
|
return "Suspense";
|
|
106
78
|
case g:
|
|
107
79
|
return "SuspenseList";
|
|
108
80
|
}
|
|
109
81
|
if (typeof e == "object")
|
|
110
82
|
switch (e.$$typeof) {
|
|
111
|
-
case
|
|
83
|
+
case E:
|
|
112
84
|
var r = e;
|
|
113
85
|
return oe(r) + ".Consumer";
|
|
114
86
|
case C:
|
|
@@ -189,7 +161,7 @@ function _r() {
|
|
|
189
161
|
})
|
|
190
162
|
});
|
|
191
163
|
}
|
|
192
|
-
W < 0 &&
|
|
164
|
+
W < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
193
165
|
}
|
|
194
166
|
}
|
|
195
167
|
var G = A.ReactCurrentDispatcher, K;
|
|
@@ -260,14 +232,14 @@ function _r() {
|
|
|
260
232
|
} catch (k) {
|
|
261
233
|
if (k && a && typeof k.stack == "string") {
|
|
262
234
|
for (var i = k.stack.split(`
|
|
263
|
-
`),
|
|
264
|
-
`), v = i.length - 1, p =
|
|
235
|
+
`), _ = a.stack.split(`
|
|
236
|
+
`), v = i.length - 1, p = _.length - 1; v >= 1 && p >= 0 && i[v] !== _[p]; )
|
|
265
237
|
p--;
|
|
266
238
|
for (; v >= 1 && p >= 0; v--, p--)
|
|
267
|
-
if (i[v] !==
|
|
239
|
+
if (i[v] !== _[p]) {
|
|
268
240
|
if (v !== 1 || p !== 1)
|
|
269
241
|
do
|
|
270
|
-
if (v--, p--, p < 0 || i[v] !==
|
|
242
|
+
if (v--, p--, p < 0 || i[v] !== _[p]) {
|
|
271
243
|
var j = `
|
|
272
244
|
` + i[v].replace(" at new ", " at ");
|
|
273
245
|
return e.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, j), j;
|
|
@@ -297,7 +269,7 @@ function _r() {
|
|
|
297
269
|
if (typeof e == "string")
|
|
298
270
|
return V(e);
|
|
299
271
|
switch (e) {
|
|
300
|
-
case
|
|
272
|
+
case b:
|
|
301
273
|
return V("Suspense");
|
|
302
274
|
case g:
|
|
303
275
|
return V("SuspenseList");
|
|
@@ -334,14 +306,14 @@ function _r() {
|
|
|
334
306
|
var i = void 0;
|
|
335
307
|
try {
|
|
336
308
|
if (typeof e[s] != "function") {
|
|
337
|
-
var
|
|
338
|
-
throw
|
|
309
|
+
var _ = Error((a || "React class") + ": " + t + " type `" + s + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[s] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
310
|
+
throw _.name = "Invariant Violation", _;
|
|
339
311
|
}
|
|
340
312
|
i = e[s](r, s, a, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
341
313
|
} catch (v) {
|
|
342
314
|
i = v;
|
|
343
315
|
}
|
|
344
|
-
i && !(i instanceof Error) && (q(l),
|
|
316
|
+
i && !(i instanceof Error) && (q(l), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", a || "React class", t, s, typeof i), q(null)), i instanceof Error && !(i.message in he) && (he[i.message] = !0, q(l), R("Failed %s type: %s", t, i.message), q(null));
|
|
345
317
|
}
|
|
346
318
|
}
|
|
347
319
|
}
|
|
@@ -367,7 +339,7 @@ function _r() {
|
|
|
367
339
|
}
|
|
368
340
|
function me(e) {
|
|
369
341
|
if (He(e))
|
|
370
|
-
return
|
|
342
|
+
return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Xe(e)), ye(e);
|
|
371
343
|
}
|
|
372
344
|
var M = A.ReactCurrentOwner, Ze = {
|
|
373
345
|
key: !0,
|
|
@@ -395,13 +367,13 @@ function _r() {
|
|
|
395
367
|
function rr(e, r) {
|
|
396
368
|
if (typeof e.ref == "string" && M.current && r && M.current.stateNode !== r) {
|
|
397
369
|
var t = P(M.current.type);
|
|
398
|
-
Z[t] || (
|
|
370
|
+
Z[t] || (R('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', P(M.current.type), e.ref), Z[t] = !0);
|
|
399
371
|
}
|
|
400
372
|
}
|
|
401
373
|
function tr(e, r) {
|
|
402
374
|
{
|
|
403
375
|
var t = function() {
|
|
404
|
-
be || (be = !0,
|
|
376
|
+
be || (be = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
405
377
|
};
|
|
406
378
|
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
407
379
|
get: t,
|
|
@@ -412,7 +384,7 @@ function _r() {
|
|
|
412
384
|
function nr(e, r) {
|
|
413
385
|
{
|
|
414
386
|
var t = function() {
|
|
415
|
-
Ee || (Ee = !0,
|
|
387
|
+
Ee || (Ee = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
416
388
|
};
|
|
417
389
|
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
418
390
|
get: t,
|
|
@@ -451,8 +423,8 @@ function _r() {
|
|
|
451
423
|
};
|
|
452
424
|
function or(e, r, t, a, l) {
|
|
453
425
|
{
|
|
454
|
-
var c, s = {}, i = null,
|
|
455
|
-
t !== void 0 && (me(t), i = "" + t), er(r) && (me(r.key), i = "" + r.key), Qe(r) && (
|
|
426
|
+
var c, s = {}, i = null, _ = null;
|
|
427
|
+
t !== void 0 && (me(t), i = "" + t), er(r) && (me(r.key), i = "" + r.key), Qe(r) && (_ = r.ref, rr(r, l));
|
|
456
428
|
for (c in r)
|
|
457
429
|
U.call(r, c) && !Ze.hasOwnProperty(c) && (s[c] = r[c]);
|
|
458
430
|
if (e && e.defaultProps) {
|
|
@@ -460,11 +432,11 @@ function _r() {
|
|
|
460
432
|
for (c in v)
|
|
461
433
|
s[c] === void 0 && (s[c] = v[c]);
|
|
462
434
|
}
|
|
463
|
-
if (i ||
|
|
435
|
+
if (i || _) {
|
|
464
436
|
var p = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
465
|
-
i && tr(s, p),
|
|
437
|
+
i && tr(s, p), _ && nr(s, p);
|
|
466
438
|
}
|
|
467
|
-
return ar(e, i,
|
|
439
|
+
return ar(e, i, _, l, a, M.current, s);
|
|
468
440
|
}
|
|
469
441
|
}
|
|
470
442
|
var Q = A.ReactCurrentOwner, Re = A.ReactDebugCurrentFrame;
|
|
@@ -526,7 +498,7 @@ Check the top-level render call using <` + t + ">.");
|
|
|
526
498
|
return;
|
|
527
499
|
xe[t] = !0;
|
|
528
500
|
var a = "";
|
|
529
|
-
e && e._owner && e._owner !== Q.current && (a = " It was passed a child from " + P(e._owner.type) + "."), I(e),
|
|
501
|
+
e && e._owner && e._owner !== Q.current && (a = " It was passed a child from " + P(e._owner.type) + "."), I(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, a), I(null);
|
|
530
502
|
}
|
|
531
503
|
}
|
|
532
504
|
function Ce(e, r) {
|
|
@@ -568,9 +540,9 @@ Check the top-level render call using <` + t + ">.");
|
|
|
568
540
|
} else if (r.PropTypes !== void 0 && !ee) {
|
|
569
541
|
ee = !0;
|
|
570
542
|
var l = P(r);
|
|
571
|
-
|
|
543
|
+
R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", l || "Unknown");
|
|
572
544
|
}
|
|
573
|
-
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved &&
|
|
545
|
+
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
574
546
|
}
|
|
575
547
|
}
|
|
576
548
|
function lr(e) {
|
|
@@ -578,11 +550,11 @@ Check the top-level render call using <` + t + ">.");
|
|
|
578
550
|
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
|
|
579
551
|
var a = r[t];
|
|
580
552
|
if (a !== "children" && a !== "key") {
|
|
581
|
-
I(e),
|
|
553
|
+
I(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), I(null);
|
|
582
554
|
break;
|
|
583
555
|
}
|
|
584
556
|
}
|
|
585
|
-
e.ref !== null && (I(e),
|
|
557
|
+
e.ref !== null && (I(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), I(null));
|
|
586
558
|
}
|
|
587
559
|
}
|
|
588
560
|
function Se(e, r, t, a, l, c) {
|
|
@@ -591,10 +563,10 @@ Check the top-level render call using <` + t + ">.");
|
|
|
591
563
|
if (!s) {
|
|
592
564
|
var i = "";
|
|
593
565
|
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
594
|
-
var
|
|
595
|
-
|
|
566
|
+
var _ = ir(l);
|
|
567
|
+
_ ? i += _ : i += _e();
|
|
596
568
|
var v;
|
|
597
|
-
e === null ? v = "null" : H(e) ? v = "array" : e !== void 0 && e.$$typeof === o ? (v = "<" + (P(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : v = typeof e,
|
|
569
|
+
e === null ? v = "null" : H(e) ? v = "array" : e !== void 0 && e.$$typeof === o ? (v = "<" + (P(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : v = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", v, i);
|
|
598
570
|
}
|
|
599
571
|
var p = or(e, r, t, l, c);
|
|
600
572
|
if (p == null)
|
|
@@ -608,7 +580,7 @@ Check the top-level render call using <` + t + ">.");
|
|
|
608
580
|
Ce(j[$], e);
|
|
609
581
|
Object.freeze && Object.freeze(j);
|
|
610
582
|
} else
|
|
611
|
-
|
|
583
|
+
R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
612
584
|
else
|
|
613
585
|
Ce(j, e);
|
|
614
586
|
}
|
|
@@ -622,10 +594,38 @@ Check the top-level render call using <` + t + ">.");
|
|
|
622
594
|
return Se(e, r, t, !1);
|
|
623
595
|
}
|
|
624
596
|
var dr = fr, vr = cr;
|
|
625
|
-
|
|
626
|
-
}()),
|
|
597
|
+
L.Fragment = u, L.jsx = dr, L.jsxs = vr;
|
|
598
|
+
}()), L;
|
|
599
|
+
}
|
|
600
|
+
var Y = {};
|
|
601
|
+
/**
|
|
602
|
+
* @license React
|
|
603
|
+
* react-jsx-runtime.production.min.js
|
|
604
|
+
*
|
|
605
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
606
|
+
*
|
|
607
|
+
* This source code is licensed under the MIT license found in the
|
|
608
|
+
* LICENSE file in the root directory of this source tree.
|
|
609
|
+
*/
|
|
610
|
+
var ke;
|
|
611
|
+
function _r() {
|
|
612
|
+
if (ke)
|
|
613
|
+
return Y;
|
|
614
|
+
ke = 1;
|
|
615
|
+
var n = Fe, o = Symbol.for("react.element"), f = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, m = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, T = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
616
|
+
function C(E, d, b) {
|
|
617
|
+
var g, S = {}, h = null, x = null;
|
|
618
|
+
b !== void 0 && (h = "" + b), d.key !== void 0 && (h = "" + d.key), d.ref !== void 0 && (x = d.ref);
|
|
619
|
+
for (g in d)
|
|
620
|
+
u.call(d, g) && !T.hasOwnProperty(g) && (S[g] = d[g]);
|
|
621
|
+
if (E && E.defaultProps)
|
|
622
|
+
for (g in d = E.defaultProps, d)
|
|
623
|
+
S[g] === void 0 && (S[g] = d[g]);
|
|
624
|
+
return { $$typeof: o, type: E, key: h, ref: x, props: S, _owner: m.current };
|
|
625
|
+
}
|
|
626
|
+
return Y.Fragment = f, Y.jsx = C, Y.jsxs = C, Y;
|
|
627
627
|
}
|
|
628
|
-
process.env.NODE_ENV === "production" ? te.exports =
|
|
628
|
+
process.env.NODE_ENV === "production" ? te.exports = _r() : te.exports = Rr();
|
|
629
629
|
var y = te.exports;
|
|
630
630
|
const xr = {
|
|
631
631
|
box: {
|
|
@@ -637,20 +637,20 @@ function Dr({
|
|
|
637
637
|
itemsToShow: o = 10,
|
|
638
638
|
label: f,
|
|
639
639
|
ListProps: u,
|
|
640
|
-
texts: { showMore:
|
|
640
|
+
texts: { showMore: m = "View all", showLess: T = "Collapse list" } = {},
|
|
641
641
|
unit: C,
|
|
642
|
-
formatter:
|
|
642
|
+
formatter: E,
|
|
643
643
|
onRowClick: d
|
|
644
644
|
}) {
|
|
645
|
-
const [
|
|
646
|
-
g(!
|
|
647
|
-
}, h = (w) =>
|
|
648
|
-
const w =
|
|
645
|
+
const [b, g] = pr(!0), S = () => {
|
|
646
|
+
g(!b);
|
|
647
|
+
}, h = (w) => E ? E(w) : w, x = hr(() => {
|
|
648
|
+
const w = b ? o : n.length;
|
|
649
649
|
return n.slice(0, w);
|
|
650
|
-
}, [n, o,
|
|
650
|
+
}, [n, o, b]), O = n.length > o;
|
|
651
651
|
return /* @__PURE__ */ y.jsxs(D, { width: "100%", height: "auto", children: [
|
|
652
652
|
f && /* @__PURE__ */ y.jsx(ne, { variant: "caption", color: "textSecondary", gutterBottom: !0, children: f }),
|
|
653
|
-
/* @__PURE__ */ y.jsx(gr, { ...u, component: "ul", children:
|
|
653
|
+
/* @__PURE__ */ y.jsx(gr, { ...u, component: "ul", children: x.map((w) => /* @__PURE__ */ y.jsxs(
|
|
654
654
|
yr,
|
|
655
655
|
{
|
|
656
656
|
divider: !0,
|
|
@@ -669,7 +669,7 @@ function Dr({
|
|
|
669
669
|
color: "primary",
|
|
670
670
|
size: "small",
|
|
671
671
|
onClick: S,
|
|
672
|
-
children:
|
|
672
|
+
children: b ? m : T
|
|
673
673
|
}
|
|
674
674
|
)
|
|
675
675
|
] });
|
|
@@ -713,7 +713,7 @@ function Ar({
|
|
|
713
713
|
id: o,
|
|
714
714
|
anchor: f = !1,
|
|
715
715
|
scrollMarginTop: u = 0,
|
|
716
|
-
children:
|
|
716
|
+
children: m,
|
|
717
717
|
BoxProps: T
|
|
718
718
|
}) {
|
|
719
719
|
return /* @__PURE__ */ y.jsxs(
|
|
@@ -725,7 +725,7 @@ function Ar({
|
|
|
725
725
|
...T,
|
|
726
726
|
children: [
|
|
727
727
|
/* @__PURE__ */ y.jsx(wr, { scrollMarginTop: u, children: /* @__PURE__ */ y.jsx(ne, { variant: "caption", children: n }) }),
|
|
728
|
-
/* @__PURE__ */ y.jsx(D, { sx: Cr.contentBox, children: /* @__PURE__ */ y.jsx(y.Fragment, { children:
|
|
728
|
+
/* @__PURE__ */ y.jsx(D, { sx: Cr.contentBox, children: /* @__PURE__ */ y.jsx(y.Fragment, { children: m }) })
|
|
729
729
|
]
|
|
730
730
|
}
|
|
731
731
|
);
|
|
@@ -757,10 +757,10 @@ function Ir({
|
|
|
757
757
|
anchor: o,
|
|
758
758
|
TabsProps: f,
|
|
759
759
|
variant: u = "standard",
|
|
760
|
-
onChange:
|
|
760
|
+
onChange: m
|
|
761
761
|
}) {
|
|
762
|
-
const T = (C,
|
|
763
|
-
C.preventDefault(),
|
|
762
|
+
const T = (C, E) => {
|
|
763
|
+
C.preventDefault(), m?.(E);
|
|
764
764
|
};
|
|
765
765
|
return /* @__PURE__ */ y.jsx(D, { sx: jr.tabsWrapper, children: /* @__PURE__ */ y.jsx(
|
|
766
766
|
Er,
|
|
@@ -781,17 +781,18 @@ function Ae(n) {
|
|
|
781
781
|
if (typeof n == "string" || typeof n == "number")
|
|
782
782
|
u += n;
|
|
783
783
|
else if (typeof n == "object")
|
|
784
|
-
if (Array.isArray(n))
|
|
785
|
-
|
|
784
|
+
if (Array.isArray(n)) {
|
|
785
|
+
var m = n.length;
|
|
786
|
+
for (o = 0; o < m; o++)
|
|
786
787
|
n[o] && (f = Ae(n[o])) && (u && (u += " "), u += f);
|
|
787
|
-
else
|
|
788
|
-
for (
|
|
789
|
-
n[
|
|
788
|
+
} else
|
|
789
|
+
for (f in n)
|
|
790
|
+
n[f] && (u && (u += " "), u += f);
|
|
790
791
|
return u;
|
|
791
792
|
}
|
|
792
793
|
function Or() {
|
|
793
|
-
for (var n, o, f = 0, u = ""
|
|
794
|
-
(n = arguments[f
|
|
794
|
+
for (var n, o, f = 0, u = "", m = arguments.length; f < m; f++)
|
|
795
|
+
(n = arguments[f]) && (o = Ae(n)) && (u && (u += " "), u += o);
|
|
795
796
|
return u;
|
|
796
797
|
}
|
|
797
798
|
const Pr = {
|
|
@@ -811,42 +812,46 @@ function $r({
|
|
|
811
812
|
currentAnchor: o,
|
|
812
813
|
BoxProps: f,
|
|
813
814
|
className: u,
|
|
814
|
-
timeout:
|
|
815
|
+
timeout: m = 50,
|
|
815
816
|
onChange: T
|
|
816
817
|
}) {
|
|
817
|
-
const C = z(null),
|
|
818
|
+
const C = z(null), E = z([]), d = z(0), b = z(o);
|
|
818
819
|
je(() => {
|
|
819
820
|
const h = Array.from(
|
|
820
821
|
C.current?.querySelectorAll('[data-anchor="true"]') || []
|
|
821
822
|
);
|
|
822
|
-
if (
|
|
823
|
+
if (E.current = [...h].reverse(), !E.current.length)
|
|
823
824
|
throw new Error(
|
|
824
825
|
'initialization of ScrollToAnchor: Missing sections with data-anchor="true" attribute.'
|
|
825
826
|
);
|
|
826
827
|
}, []), je(() => {
|
|
827
|
-
const h = (
|
|
828
|
-
const O = C.current?.querySelector(`#${
|
|
828
|
+
const h = (x) => {
|
|
829
|
+
const O = C.current?.querySelector(`#${x}`);
|
|
829
830
|
if (!O) {
|
|
830
831
|
console.warn(
|
|
831
|
-
`Warning: navigation of ScrollToAnchor: the section you want to navigate to does not exist. To create it add the #${
|
|
832
|
+
`Warning: navigation of ScrollToAnchor: the section you want to navigate to does not exist. To create it add the #${x} id property to an element.`
|
|
832
833
|
);
|
|
833
834
|
return;
|
|
834
835
|
}
|
|
835
836
|
if (O) {
|
|
836
|
-
O.scrollIntoView({
|
|
837
|
+
O.scrollIntoView({
|
|
838
|
+
behavior: "smooth",
|
|
839
|
+
block: "nearest",
|
|
840
|
+
inline: "start"
|
|
841
|
+
});
|
|
837
842
|
const w = setInterval(() => {
|
|
838
|
-
O.offsetTop === d.current && (
|
|
839
|
-
},
|
|
843
|
+
O.offsetTop === d.current && (b.current = x, clearInterval(w));
|
|
844
|
+
}, m);
|
|
840
845
|
}
|
|
841
846
|
};
|
|
842
|
-
o !==
|
|
843
|
-
}, [o,
|
|
847
|
+
o !== b.current && h(o);
|
|
848
|
+
}, [o, m]);
|
|
844
849
|
const g = Oe(() => {
|
|
845
|
-
const
|
|
846
|
-
|
|
850
|
+
const x = E.current.find((O) => d.current >= O.offsetTop)?.id || "";
|
|
851
|
+
b.current !== x && (b.current = x, T(x));
|
|
847
852
|
}, [T]), S = Oe(
|
|
848
853
|
(h) => {
|
|
849
|
-
h.stopPropagation(), d.current = h.currentTarget.scrollTop, o ===
|
|
854
|
+
h.stopPropagation(), d.current = h.currentTarget.scrollTop, o === b.current && requestAnimationFrame(() => g());
|
|
850
855
|
},
|
|
851
856
|
[o, g]
|
|
852
857
|
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { Theme } from '@mui/material';
|
|
3
3
|
import { SectionContainerProps } from './types';
|
|
4
4
|
export declare const styles: {
|
|
5
5
|
contentBox: {
|
|
@@ -10,23 +10,13 @@ export declare const styles: {
|
|
|
10
10
|
type StyledSectionContainerBoxProps = {
|
|
11
11
|
scrollMarginTop: SectionContainerProps['scrollMarginTop'];
|
|
12
12
|
};
|
|
13
|
-
export declare const StyledSectionContainerBox: import("@emotion/styled").StyledComponent<import("@mui/system").
|
|
14
|
-
children?: import("react").ReactNode;
|
|
15
|
-
component?: import("react").ElementType<any> | undefined;
|
|
16
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
17
|
-
sx?: SxProps<Theme> | undefined;
|
|
18
|
-
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
|
+
export declare const StyledSectionContainerBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
19
14
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
|
-
},
|
|
15
|
+
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & StyledSectionContainerBoxProps, {}, {}>;
|
|
21
16
|
type StyledTitleBoxProp = {
|
|
22
17
|
scrollMarginTop: SectionContainerProps['scrollMarginTop'];
|
|
23
18
|
};
|
|
24
|
-
export declare const StyledTitleBox: import("@emotion/styled").StyledComponent<import("@mui/system").
|
|
25
|
-
children?: import("react").ReactNode;
|
|
26
|
-
component?: import("react").ElementType<any> | undefined;
|
|
27
|
-
ref?: import("react").Ref<unknown> | undefined;
|
|
28
|
-
sx?: SxProps<Theme> | undefined;
|
|
29
|
-
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
19
|
+
export declare const StyledTitleBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
30
20
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
31
|
-
},
|
|
21
|
+
}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & StyledTitleBoxProp, {}, {}>;
|
|
32
22
|
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carto/ps-react-ui",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.2",
|
|
4
4
|
"description": "CARTO's Professional Service React UI library",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist"
|
|
@@ -19,8 +19,8 @@
|
|
|
19
19
|
"scripts": {
|
|
20
20
|
"start": "npm run storybook:start",
|
|
21
21
|
"prebuild": "npm exec rimraf dist",
|
|
22
|
-
"build": "tsc -p tsconfig.
|
|
23
|
-
"lint": "eslint './**/*.{ts,tsx}' --ignore-path ../../.gitignore
|
|
22
|
+
"build": "tsc -p tsconfig.build.json && vite build",
|
|
23
|
+
"lint": "eslint './**/*.{ts,tsx}' --ignore-path ../../.gitignore",
|
|
24
24
|
"format": "prettier --write . --ignore-path ../../.gitignore",
|
|
25
25
|
"test:watch": "vitest",
|
|
26
26
|
"test:related": "vitest --run --passWithNoTests",
|
|
@@ -28,51 +28,33 @@
|
|
|
28
28
|
"storybook:start": "storybook dev --no-open -p 6006",
|
|
29
29
|
"storybook:build": "storybook build"
|
|
30
30
|
},
|
|
31
|
-
"typedoc": {
|
|
32
|
-
"entryPoint": "./src/index.ts",
|
|
33
|
-
"readmeFile": "./README.md"
|
|
34
|
-
},
|
|
35
31
|
"dependencies": {
|
|
36
|
-
"@emotion/react": "11.11.
|
|
32
|
+
"@emotion/react": "11.11.3",
|
|
37
33
|
"@emotion/styled": "11.11.0",
|
|
38
|
-
"@mui/icons-material": "5.
|
|
39
|
-
"@mui/lab": "5.0.0-alpha.
|
|
40
|
-
"@mui/material": "5.
|
|
41
|
-
"echarts": "5.4.2",
|
|
42
|
-
"echarts-for-react": "3.0.2",
|
|
43
|
-
"react-window": "1.8.9"
|
|
34
|
+
"@mui/icons-material": "5.15.3",
|
|
35
|
+
"@mui/lab": "5.0.0-alpha.159",
|
|
36
|
+
"@mui/material": "5.15.3"
|
|
44
37
|
},
|
|
45
38
|
"devDependencies": {
|
|
46
|
-
"@carto/
|
|
47
|
-
"@
|
|
48
|
-
"@storybook/addon-
|
|
49
|
-
"@storybook/addon-
|
|
50
|
-
"@storybook/addon-
|
|
51
|
-
"@storybook/
|
|
52
|
-
"@storybook/
|
|
53
|
-
"@storybook/
|
|
54
|
-
"@storybook/react": "7.
|
|
55
|
-
"@storybook/
|
|
56
|
-
"
|
|
57
|
-
"@vitejs/plugin-react-swc": "3.3.2",
|
|
58
|
-
"eslint-plugin-jsx-a11y": "6.7.1",
|
|
59
|
-
"storybook": "7.0.20"
|
|
39
|
+
"@carto/react-ui": "2.3.6",
|
|
40
|
+
"@storybook/addon-actions": "7.6.7",
|
|
41
|
+
"@storybook/addon-essentials": "7.6.7",
|
|
42
|
+
"@storybook/addon-interactions": "7.6.7",
|
|
43
|
+
"@storybook/addon-links": "7.6.7",
|
|
44
|
+
"@storybook/blocks": "7.6.7",
|
|
45
|
+
"@storybook/builder-vite": "7.6.7",
|
|
46
|
+
"@storybook/react": "7.6.7",
|
|
47
|
+
"@storybook/react-vite": "7.6.7",
|
|
48
|
+
"@storybook/testing-library": "0.2.2",
|
|
49
|
+
"storybook": "7.6.7"
|
|
60
50
|
},
|
|
61
51
|
"peerDependencies": {
|
|
62
52
|
"@emotion/react": "11.x",
|
|
53
|
+
"@emotion/styled": "11.x",
|
|
63
54
|
"@mui/icons-material": "5.x",
|
|
64
55
|
"@mui/lab": "5.x",
|
|
65
56
|
"@mui/material": "5.x",
|
|
66
|
-
"echarts": "5.x",
|
|
67
|
-
"echarts-for-react": "3.x",
|
|
68
57
|
"react": "17.x || 18.x",
|
|
69
|
-
"react-dom": "17.x || 18.x"
|
|
70
|
-
"react-window": "1.x"
|
|
71
|
-
},
|
|
72
|
-
"eslintConfig": {
|
|
73
|
-
"extends": [
|
|
74
|
-
"@carto/eslint-config-ps-react",
|
|
75
|
-
"plugin:jsx-a11y/recommended"
|
|
76
|
-
]
|
|
58
|
+
"react-dom": "17.x || 18.x"
|
|
77
59
|
}
|
|
78
60
|
}
|