@xyd-js/atlas 0.1.0-xyd.16 → 0.1.0-xyd.18
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/.storybook/index.css +1 -2
- package/.storybook/preview.ts +1 -2
- package/CHANGELOG.md +22 -0
- package/dist/Update-BlhP2VFR-COLbZvRj.js +4 -0
- package/dist/Update-BlhP2VFR-COLbZvRj.js.map +1 -0
- package/dist/Update-CMM38Snc-COLbZvRj.js +4 -0
- package/dist/Update-CMM38Snc-COLbZvRj.js.map +1 -0
- package/dist/Update-D5e_yqty-COLbZvRj.js +4 -0
- package/dist/Update-D5e_yqty-COLbZvRj.js.map +1 -0
- package/dist/index.css +47 -58
- package/dist/index.d.ts +30 -11
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/styles.css +89 -0
- package/dist/tokens.css +5 -2
- package/dist/xydPlugin.d.ts +5 -0
- package/dist/xydPlugin.js +2 -0
- package/dist/xydPlugin.js.map +1 -0
- package/index.ts +2 -1
- package/package.json +12 -9
- package/packages/xyd-plugin/SidebarItem.tsx +27 -0
- package/packages/xyd-plugin/index.ts +19 -0
- package/rollup.config.js +27 -25
- package/src/components/ApiRef/ApiRefItem/ApiRefItem.styles.tsx +60 -17
- package/src/components/ApiRef/ApiRefItem/ApiRefItem.tsx +508 -49
- package/src/components/ApiRef/ApiRefProperties/ApiRefProperties.styles.tsx +73 -16
- package/src/components/ApiRef/ApiRefProperties/ApiRefProperties.tsx +574 -56
- package/src/components/ApiRef/ApiRefSamples/ApiRefSamples.styles.tsx +2 -1
- package/src/components/ApiRef/ApiRefSamples/ApiRefSamples.tsx +37 -19
- package/src/components/Atlas/Atlas.styles.tsx +1 -1
- package/src/components/Atlas/Atlas.tsx +35 -19
- package/src/components/Atlas/AtlasContext.tsx +47 -0
- package/src/components/Atlas/AtlasDecorator.styles.ts +22 -0
- package/src/components/Atlas/AtlasDecorator.tsx +15 -0
- package/src/components/Atlas/AtlasLazy/AtlasLazy.tsx +2 -2
- package/src/components/Atlas/AtlasPrimary.tsx +21 -0
- package/src/components/Atlas/AtlasSecondary.tsx +148 -0
- package/src/components/Atlas/index.ts +6 -2
- package/src/components/Atlas/types.ts +11 -0
- package/src/components/Code/CodeSampleButtons/CodeSampleButtons.styles.tsx +4 -5
- package/src/components/Code/CodeSampleButtons/CodeSampleButtons.tsx +6 -8
- package/src/components/Code/index.ts +0 -4
- package/src/components/Icon/index.tsx +384 -0
- package/src/styles/styles.css +89 -0
- package/src/styles/tokens.css +5 -2
- package/src/utils/mdx.ts +0 -29
- package/tsconfig.json +6 -2
- package/types.d.ts +22 -0
- package/dist/CodeSample-CVki5fdQ-CI-Jdg_T.js +0 -2
- package/dist/CodeSample-CVki5fdQ-CI-Jdg_T.js.map +0 -1
- package/dist/CodeSample-Dkob5gWa-CI-Jdg_T.js +0 -2
- package/dist/CodeSample-Dkob5gWa-CI-Jdg_T.js.map +0 -1
- package/dist/atlas-index.d.ts +0 -15
- package/dist/atlas-index.js +0 -2
- package/dist/atlas-index.js.map +0 -1
- package/packages/atlas-index/AtlasIndex.tsx +0 -79
- package/packages/atlas-index/index.ts +0 -3
- package/src/components/Code/CodeCopy/CodeCopy.styles.tsx +0 -17
- package/src/components/Code/CodeCopy/CodeCopy.tsx +0 -30
- package/src/components/Code/CodeCopy/index.ts +0 -7
- package/src/components/Code/CodeSample/CodeSample.styles.tsx +0 -131
- package/src/components/Code/CodeSample/CodeSample.tsx +0 -143
- package/src/components/Code/CodeSample/index.ts +0 -8
- package/src/components/Code/CodeSample/withLocalStored.tsx +0 -52
- package/src/components/Code/default-theme.ts +0 -266
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e from"react";import"@code-hike/lighter";import"@radix-ui/react-tabs";import"lucide-react";function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function r(e){if(Array.isArray(e))return e}function n(e,t,r,n,o,i,a){try{var c=e[i](a),l=c.value}catch(e){return void r(e)}c.done?t(l):Promise.resolve(l).then(n,o)}function o(e){return function(){var t=this,r=arguments;return new Promise((function(o,i){var a=e.apply(t,r);function c(e){n(a,o,i,c,l,"next",e)}function l(e){n(a,o,i,c,l,"throw",e)}c(void 0)}))}}function i(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=v(e))||t){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return a=e.done,e},e:function(e){c=!0,i=e},f:function(){try{a||null==r.return||r.return()}finally{if(c)throw i}}}}function a(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function l(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){a(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function p(){p=function(){return t};var e,t={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(e,t,r){e[t]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",l=i.toStringTag||"@@toStringTag";function u(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{u({},"")}catch(e){u=function(e,t,r){return e[t]=r}}function f(e,t,r,n){var i=t&&t.prototype instanceof b?t:b,a=Object.create(i.prototype),c=new N(n||[]);return o(a,"_invoke",{value:x(e,r,c)}),a}function s(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=f;var y="suspendedStart",m="suspendedYield",d="executing",h="completed",v={};function b(){}function g(){}function w(){}var S={};u(S,a,(function(){return this}));var j=Object.getPrototypeOf,O=j&&j(j(R([])));O&&O!==r&&n.call(O,a)&&(S=O);var _=w.prototype=b.prototype=Object.create(S);function k(e){["next","throw","return"].forEach((function(t){u(e,t,(function(e){return this._invoke(t,e)}))}))}function E(e,t){function r(o,i,a,c){var l=s(e[o],e,i);if("throw"!==l.type){var u=l.arg,f=u.value;return f&&"object"==typeof f&&n.call(f,"__await")?t.resolve(f.__await).then((function(e){r("next",e,a,c)}),(function(e){r("throw",e,a,c)})):t.resolve(f).then((function(e){u.value=e,a(u)}),(function(e){return r("throw",e,a,c)}))}c(l.arg)}var i;o(this,"_invoke",{value:function(e,n){function o(){return new t((function(t,o){r(e,n,t,o)}))}return i=i?i.then(o,o):o()}})}function x(t,r,n){var o=y;return function(i,a){if(o===d)throw Error("Generator is already running");if(o===h){if("throw"===i)throw a;return{value:e,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var l=L(c,n);if(l){if(l===v)continue;return l}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===y)throw o=h,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=d;var u=s(t,r,n);if("normal"===u.type){if(o=n.done?h:m,u.arg===v)continue;return{value:u.arg,done:n.done}}"throw"===u.type&&(o=h,n.method="throw",n.arg=u.arg)}}}function L(t,r){var n=r.method,o=t.iterator[n];if(o===e)return r.delegate=null,"throw"===n&&t.iterator.return&&(r.method="return",r.arg=e,L(t,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),v;var i=s(o,t.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,v;var a=i.arg;return a?a.done?(r[t.resultName]=a.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function P(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function N(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(P,this),this.reset(!0)}function R(t){if(t||""===t){var r=t[a];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return i.next=i}}throw new TypeError(typeof t+" is not iterable")}return g.prototype=w,o(_,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:g,configurable:!0}),g.displayName=u(w,l,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,w):(e.__proto__=w,u(e,l,"GeneratorFunction")),e.prototype=Object.create(_),e},t.awrap=function(e){return{__await:e}},k(E.prototype),u(E.prototype,c,(function(){return this})),t.AsyncIterator=E,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new E(f(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},k(_),u(_,l,"Generator"),u(_,a,(function(){return this})),u(_,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=R,N.prototype={constructor:N,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(C),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var l=n.call(a,"catchLoc"),u=n.call(a,"finallyLoc");if(l&&u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),C(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;C(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:R(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function y(e,t){return r(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i,a,c=[],l=!0,u=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(c.push(n.value),c.length!==t);l=!0);}catch(e){u=!0,o=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw o}}return c}}(e,t)||v(e,t)||l()}function m(e){return r(e)||c(e)||v(e)||l()}function d(e){return function(e){if(Array.isArray(e))return t(e)}(e)||c(e)||v(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function v(e,r){if(e){if("string"==typeof e)return t(e,r);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,r):void 0}}function b(e){return e?e.title?e.title:e:""}function g(e){return g="function"==typeof Symbol&&"symbol"==h(Symbol.iterator)?function(e){return h(e)}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":h(e)},g(e)}"function"==typeof SuppressedError&&SuppressedError;var w,S,j,O={exports:{}},_={},k={};j||(j=1,"production"===process.env.NODE_ENV?O.exports=function(){if(w)return _;w=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(t,r,n){var o=null;if(void 0!==n&&(o=""+n),void 0!==r.key&&(o=""+r.key),"key"in r)for(var i in n={},r)"key"!==i&&(n[i]=r[i]);else n=r;return r=n.ref,{$$typeof:e,type:t,key:o,ref:void 0!==r?r:null,props:n}}return _.Fragment=t,_.jsx=r,_.jsxs=r,_}():O.exports=(S||(S=1,"production"!==process.env.NODE_ENV&&function(){function t(e){if(null==e)return null;if("function"==typeof e)return e.$$typeof===I?null:e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case E:return"Fragment";case _:return"Portal";case L:return"Profiler";case x:return"StrictMode";case R:return"Suspense";case $:return"SuspenseList"}if("object"===g(e))switch("number"==typeof e.tag&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case C:return(e.displayName||"Context")+".Provider";case P:return(e._context.displayName||"Context")+".Consumer";case N:var r=e.render;return(e=e.displayName)||(e=""!==(e=r.displayName||r.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case T:return null!==(r=e.displayName||null)?r:t(e.type)||"Memo";case D:r=e._payload,e=e._init;try{return t(e(r))}catch(e){}}return null}function r(e){return""+e}function n(e){try{r(e);var t=!1}catch(e){t=!0}if(t){var n=(t=console).error,o="function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",o),r(e)}}function o(){}function i(e){if(void 0===W)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);W=t&&t[1]||"",Y=-1<e.stack.indexOf("\n at")?" (<anonymous>)":-1<e.stack.indexOf("@")?"@unknown:0:0":""}return"\n"+W+e+Y}function a(e,t){if(!e||K)return"";var r,n=V.get(e);if(void 0!==n)return n;K=!0,n=Error.prepareStackTrace,Error.prepareStackTrace=void 0,r=X.H,X.H=null,function(){if(0===H){m=console.log,d=console.info,h=console.warn,v=console.error,b=console.group,w=console.groupCollapsed,S=console.groupEnd;var e={configurable:!0,enumerable:!0,value:o,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}H++}();try{var a={DetermineComponentFrameRoot:function(){try{if(t){var r=function(){throw Error()};if(Object.defineProperty(r.prototype,"props",{set:function(){throw Error()}}),"object"===("undefined"==typeof Reflect?"undefined":g(Reflect))&&Reflect.construct){try{Reflect.construct(r,[])}catch(e){var n=e}Reflect.construct(e,[],r)}else{try{r.call()}catch(e){n=e}e.call(r.prototype)}}else{try{throw Error()}catch(e){n=e}(r=e())&&"function"==typeof r.catch&&r.catch((function(){}))}}catch(e){if(e&&n&&"string"==typeof e.stack)return[e.stack,n.stack]}return[null,null]}};a.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var c=Object.getOwnPropertyDescriptor(a.DetermineComponentFrameRoot,"name");c&&c.configurable&&Object.defineProperty(a.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var l=a.DetermineComponentFrameRoot(),u=l[0],f=l[1];if(u&&f){var s=u.split("\n"),p=f.split("\n");for(l=c=0;c<s.length&&!s[c].includes("DetermineComponentFrameRoot");)c++;for(;l<p.length&&!p[l].includes("DetermineComponentFrameRoot");)l++;if(c===s.length||l===p.length)for(c=s.length-1,l=p.length-1;1<=c&&0<=l&&s[c]!==p[l];)l--;for(;1<=c&&0<=l;c--,l--)if(s[c]!==p[l]){if(1!==c||1!==l)do{if(c--,0>--l||s[c]!==p[l]){var y="\n"+s[c].replace(" at new "," at ");return e.displayName&&y.includes("<anonymous>")&&(y=y.replace("<anonymous>",e.displayName)),"function"==typeof e&&V.set(e,y),y}}while(1<=c&&0<=l);break}}}finally{K=!1,X.H=r,function(){if(0==--H){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:z({},e,{value:m}),info:z({},e,{value:d}),warn:z({},e,{value:h}),error:z({},e,{value:v}),group:z({},e,{value:b}),groupCollapsed:z({},e,{value:w}),groupEnd:z({},e,{value:S})})}0>H&&console.error("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=n}return s=(s=e?e.displayName||e.name:"")?i(s):"","function"==typeof e&&V.set(e,s),s}function c(e){if(null==e)return"";if("function"==typeof e){var t=e.prototype;return a(e,!(!t||!t.isReactComponent))}if("string"==typeof e)return i(e);switch(e){case R:return i("Suspense");case $:return i("SuspenseList")}if("object"===g(e))switch(e.$$typeof){case N:return a(e.render,!1);case T:return c(e.type);case D:t=e._payload,e=e._init;try{return c(e(t))}catch(e){}}return""}function l(){var e=X.A;return null===e?null:e.getOwner()}function u(){var e=t(this.type);return B[e]||(B[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),void 0!==(e=this.props.ref)?e:null}function f(e,r,o,i,a,c){if("string"==typeof e||"function"==typeof e||e===E||e===L||e===x||e===R||e===$||e===A||"object"===g(e)&&null!==e&&(e.$$typeof===D||e.$$typeof===T||e.$$typeof===C||e.$$typeof===P||e.$$typeof===N||e.$$typeof===M||void 0!==e.getModuleId)){var f=r.children;if(void 0!==f)if(i)if(U(f)){for(i=0;i<f.length;i++)s(f[i],e);Object.freeze&&Object.freeze(f)}else console.error("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 s(f,e)}else f="",(void 0===e||"object"===g(e)&&null!==e&&0===Object.keys(e).length)&&(f+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."),null===e?i="null":U(e)?i="array":void 0!==e&&e.$$typeof===O?(i="<"+(t(e.type)||"Unknown")+" />",f=" Did you accidentally export a JSX literal instead of a component?"):i=g(e),console.error("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",i,f);if(G.call(r,"key")){f=t(e);var p=Object.keys(r).filter((function(e){return"key"!==e}));i=0<p.length?"{key: someKey, "+p.join(": ..., ")+": ...}":"{key: someKey}",Q[f+i]||(p=0<p.length?"{"+p.join(": ..., ")+": ...}":"{}",console.error('A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',i,f,p,f),Q[f+i]=!0)}if(f=null,void 0!==o&&(n(o),f=""+o),function(e){if(G.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return void 0!==e.key}(r)&&(n(r.key),f=""+r.key),"key"in r)for(var y in o={},r)"key"!==y&&(o[y]=r[y]);else o=r;return f&&function(e,t){function r(){J||(J=!0,console.error("%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://react.dev/link/special-props)",t))}r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}(o,"function"==typeof e?e.displayName||e.name||"Unknown":e),function(e,t,r,n,o,i){return r=i.ref,e={$$typeof:O,type:e,key:t,props:i,_owner:o},null!==(void 0!==r?r:null)?Object.defineProperty(e,"ref",{enumerable:!1,get:u}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}(e,f,c,0,l(),o)}function s(e,t){if("object"===g(e)&&e&&e.$$typeof!==q)if(U(e))for(var r=0;r<e.length;r++){var n=e[r];p(n)&&y(n,t)}else if(p(e))e._store&&(e._store.validated=1);else if("function"==typeof(r=null===e||"object"!==g(e)?null:"function"==typeof(r=F&&e[F]||e["@@iterator"])?r:null)&&r!==e.entries&&(r=r.call(e))!==e)for(;!(e=r.next()).done;)p(e.value)&&y(e.value,t)}function p(e){return"object"===g(e)&&null!==e&&e.$$typeof===O}function y(e,r){if(e._store&&!e._store.validated&&null==e.key&&(e._store.validated=1,r=function(e){var r="",n=l();return n&&(n=t(n.type))&&(r="\n\nCheck the render method of `"+n+"`."),r||(e=t(e))&&(r="\n\nCheck the top-level render call using <"+e+">."),r}(r),!Z[r])){Z[r]=!0;var n="";e&&null!=e._owner&&e._owner!==l()&&(n=null,"number"==typeof e._owner.tag?n=t(e._owner.type):"string"==typeof e._owner.name&&(n=e._owner.name),n=" It was passed a child from "+n+".");var o=X.getCurrentStack;X.getCurrentStack=function(){var t=c(e.type);return o&&(t+=o()||""),t},console.error('Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',r,n),X.getCurrentStack=o}}var m,d,h,v,b,w,S,j=e,O=Symbol.for("react.transitional.element"),_=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),C=Symbol.for("react.context"),N=Symbol.for("react.forward_ref"),R=Symbol.for("react.suspense"),$=Symbol.for("react.suspense_list"),T=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),A=Symbol.for("react.offscreen"),F=Symbol.iterator,I=Symbol.for("react.client.reference"),X=j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,G=Object.prototype.hasOwnProperty,z=Object.assign,M=Symbol.for("react.client.reference"),U=Array.isArray,H=0;o.__reactDisabledLog=!0;var W,Y,J,K=!1,V=new("function"==typeof WeakMap?WeakMap:Map),q=Symbol.for("react.client.reference"),B={},Q={},Z={};k.Fragment=E,k.jsx=function(e,t,r,n,o){return f(e,t,r,!1,0,o)},k.jsxs=function(e,t,r,n,o){return f(e,t,r,!0,0,o)}}()),k)),O.exports;var E="XydComponents-Component-ui-Loader__LoaderDot";function x(t){var r=t.size,n=void 0===r?"medium":r,o=t.className;return e.createElement("div",{className:"\n ".concat("XydComponents-Component-ui-Loader__LoaderHost","\n ").concat("small"===n&&"XydComponents-Component-ui-Loader__LoaderSmall","\n ").concat("large"===n&&"XydComponents-Component-ui-Loader__LoaderLarge","\n ").concat(o,"\n ")},e.createElement("div",{className:"XydComponents-Component-ui-Loader__LoaderDots"},e.createElement("div",{className:E}),e.createElement("div",{className:E}),e.createElement("div",{className:E})))}function L(){return e.createElement("div",{className:"XydComponents-Component-coder-Code__CodeHost"},e.createElement(x,null))}export{L as $,y as _,o as a,p as b,d as c,f as d,i as e,s as f,h as g,m as h,b as m};
|
|
2
|
-
//# sourceMappingURL=CodeSample-Dkob5gWa-CI-Jdg_T.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CodeSample-Dkob5gWa-CI-Jdg_T.js","sources":["../src/utils/mdx.ts","../../xyd-components/dist/tslib.es6-BI9zka_a.js"],"sourcesContent":["import React from \"react\";\n\nexport type MDXReferenceWrapper<T> = {\n children: React.ReactNode;\n title: string;\n};\n\nexport type MDXReference<T> = T extends object\n ? MDXReferenceWrapper<T> & {\n [K in keyof T]: MDXReference<T[K]>;\n}\n : MDXReferenceWrapper<T>;\n\n// TODO: unify xyd reference props with react\nexport function mdxValue<T>(val: MDXReferenceWrapper<T> | null): string {\n if (!val) {\n return \"\"\n }\n\n if (val.title) {\n return val.title\n }\n\n // if we have case like below\n /*\n #### !!<key> <name>\n\n !<key> string\n */\n return val as unknown as string\n}\n","function t(t,n){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&n.indexOf(r)<0&&(e[r]=t[r]);if(null!=t&&\"function\"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(e[r[o]]=t[r[o]])}return e}function n(t,n,e,r){return new(e||(e=Promise))((function(o,c){function p(t){try{f(r.next(t))}catch(t){c(t)}}function a(t){try{f(r.throw(t))}catch(t){c(t)}}function f(t){var n;t.done?o(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(p,a)}f((r=r.apply(t,n||[])).next())}))}\"function\"==typeof SuppressedError&&SuppressedError;export{t as _,n as a};\n//# sourceMappingURL=tslib.es6-BI9zka_a.js.map\n"],"names":["mdxValue","val","title","SuppressedError"],"mappings":"g1UAcM,SAAUA,EAAYC,GACxB,OAAKA,EAIDA,EAAIC,MACGD,EAAIC,MASRD,EAbI,EAcf,2NC0SkD,mBAApBE,iBAAiCA"}
|
package/dist/atlas-index.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { Reference } from '@xyd-js/uniform';
|
|
3
|
-
import { MDXReference } from '@/utils/mdx';
|
|
4
|
-
|
|
5
|
-
interface CodeSourceContext {
|
|
6
|
-
fileName: string;
|
|
7
|
-
fileFullPath: string;
|
|
8
|
-
sourcecode: string;
|
|
9
|
-
}
|
|
10
|
-
interface AtlasIndexProps {
|
|
11
|
-
data: MDXReference<Reference<CodeSourceContext>>;
|
|
12
|
-
}
|
|
13
|
-
declare function AtlasIndex({ data }: AtlasIndexProps): React.JSX.Element;
|
|
14
|
-
|
|
15
|
-
export { AtlasIndex };
|
package/dist/atlas-index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import*as e from"react";import t,{useRef as n,forwardRef as r}from"react";import{m as a}from"./CodeSample-Dkob5gWa-CI-Jdg_T.js";import"@radix-ui/react-tabs";import"lucide-react";import"@code-hike/lighter";function o(e){var n=e.children;return t.createElement("code",{className:"XydComponents-Component-writer-Code__CodeHost"},n)}function l(e){var n,r=e.children,a=e.label,o=["secondary","tertiary"].includes(e.kind||"");o&&"title"in e&&(n=e.title);var l=e.kind||"primary";return t.createElement("details",{className:"\n ".concat("XydComponents-Component-writer-Details__DetailsHost"," \n ").concat(o&&"XydComponents-Component-writer-Details__DetailsHostSecondary","\n ")},t.createElement("summary",{className:"\n ".concat("XydComponents-Component-writer-Details__DetailsSummary"," \n ").concat(o&&"XydComponents-Component-writer-Details__DetailsSummarySecondary","\n ").concat("tertiary"===l?"XydComponents-Component-writer-Details__DetailsSummaryTertiary":"","\n ")},"primary"===l&&t.createElement(t.Fragment,null,e.icon||t.createElement(i,null),t.createElement(m,null,a)),o&&t.createElement("div",null,t.createElement("div",{className:"XydComponents-Component-writer-Details__DetailsSummaryDeep"},e.icon||t.createElement(c,null),t.createElement("div",{className:"\n ".concat("XydComponents-Component-writer-Details__DetailsSummaryDeepText","\n ").concat("XydComponents-Component-writer-Details__DetailsSummaryDeepTextTertiary","\n ")},n)),t.createElement(m,null,a)),o&&t.createElement(i,null)),t.createElement("div",{className:"\n ".concat("XydComponents-Component-writer-Details__DetailsContent","\n ").concat(o&&"XydComponents-Component-writer-Details__DetailsContentSecondary","\n ").concat("tertiary"===l&&"XydComponents-Component-writer-Details__DetailsContentTertiary","\n ")},r))}function i(){return t.createElement("div",{className:"XydComponents-Component-writer-Details__DetailsIcon"},t.createElement("svg",{"data-icon":"true",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"currentColor",viewBox:"0 0 24 24"},t.createElement("path",{fillRule:"evenodd",d:"M8.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L14.586 12 8.293 5.707a1 1 0 0 1 0-1.414Z",clipRule:"evenodd"})))}function c(){return t.createElement("svg",{width:"1em",height:"1em",viewBox:"0 0 24 24",stroke:"none",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t.createElement("g",{clipPath:"url(#clip0_1689_2180)"},t.createElement("path",{d:"M4.3 4.3L7.1 7.1M10.6 5.7V1.5M14.8 7.8L17.6 5M5.7 11.3H1.5M7.1 14.8L4.3 17.6M15.5 22.5L9.9 9.9L22.5 14.8L16.9 16.2L15.5 22.5Z",stroke:"black",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_1689_2180"},t.createElement("rect",{width:24,height:24,fill:"white"}))))}function m(e){var n=e.children;return t.createElement("div",{className:"XydComponents-Component-writer-Details__DetailsLabel"},n)}function s(e){var r=e.children,a=e.size,o=void 0===a?1:a,l=e.as,i=e.id,c=e.onClick,m=l||"h".concat(o);return n(null),t.createElement(m,{className:"\n ".concat("XydComponents-Component-writer-Heading__HeadingHost","\n ").concat(1===o&&"XydComponents-Component-writer-Heading__HeadingH1","\n ").concat(2===o&&"XydComponents-Component-writer-Heading__HeadingH2","\n ").concat(3===o&&"XydComponents-Component-writer-Heading__HeadingH3","\n ").concat(4===o&&"XydComponents-Component-writer-Heading__HeadingH4","\n ").concat(5===o&&"XydComponents-Component-writer-Heading__HeadingH5","\n ").concat(6===o&&"XydComponents-Component-writer-Heading__HeadingH6","\n xyd_comp-comp-heading\n "),onClick:c},r,i&&t.createElement(d,null))}function d(){return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:15,height:15,fill:"currentColor",viewBox:"0 0 24 24",className:"XydComponents-Component-writer-Heading__HeadingLink",role:"presentation"},t.createElement("path",{fillRule:"evenodd",d:"M18.293 5.707a4.657 4.657 0 0 0-6.586 0l-1 1a1 1 0 1 1-1.414-1.414l1-1a6.657 6.657 0 1 1 9.414 9.414l-1 1a1 1 0 0 1-1.414-1.414l1-1a4.657 4.657 0 0 0 0-6.586Zm-2.586 2.586a1 1 0 0 1 0 1.414l-6 6a1 1 0 0 1-1.414-1.414l6-6a1 1 0 0 1 1.414 0Zm-9 1a1 1 0 0 1 0 1.414l-1 1a4.657 4.657 0 0 0 6.586 6.586l1-1a1 1 0 0 1 1.414 1.414l-1 1a6.657 6.657 0 1 1-9.414-9.414l1-1a1 1 0 0 1 1.414 0Z",clipRule:"evenodd"}))}function p(){return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"1em",height:"1em",stroke:"currentColor",fill:"currentColor"},t.createElement("path",{d:"M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3z"}))}var u="XydComponents-Component-writer-Table__Host",C="XydComponents-Component-writer-Table__Table",_="XydComponents-Component-writer-Table__Thead",h="XydComponents-Component-writer-Table__Th",y="XydComponents-Component-writer-Table__Tr",E="XydComponents-Component-writer-Table__Td",w="XydComponents-Component-writer-Table__Cell",v="XydComponents-Component-writer-Table__CellContent",f="XydComponents-Component-writer-Table__ModelCell";function g(e){var n=e.children,r=e.className;return t.createElement("div",{className:u},t.createElement("table",{className:"".concat(C," ").concat(r||"")},n))}function H(e){var n=e.children;return t.createElement("div",{className:"XydComponents-Component-content-Content__ContentHost"},n)}function X(e){var n=e.children;return t.createElement("div",{className:"XydComponents-Component-content-Subtitle-Subtitle_styles_ts__Host"},n)}g.Head=function(e){var n=e.children;return t.createElement("thead",{className:_},n)},g.Th=function(e){var n=e.children,r=e.numeric;return t.createElement("th",{className:"".concat(h," ").concat(r?"numeric":"")},n)},g.Tr=function(e){var n=e.children;return t.createElement("tr",{className:y},n)},g.Td=function(e){var n=e.children,r=e.numeric,a=e.muted;return t.createElement("td",{className:"".concat(E," ").concat(r?"numeric":""," ").concat(a?"muted":"")},n)},g.Cell=function(e){var n=e.children;return t.createElement("div",{className:w},t.createElement("div",{className:v},n))},g.ModelCell=function(e){var n=e.children;return t.createElement("div",{className:f},n)};var D="XydComponents-Component-content-Anchor__AnchorHost",T=r((function(e,n){var r=e.href,a=void 0===r?"":r,o=e.children;return e.newWindow?t.createElement("a",{ref:n,href:a,target:"_blank",rel:"noreferrer",className:D},o):t.createElement("a",{ref:n,href:a,className:D},o)}));T.displayName="Anchor";var N={Content:H,Subtitle:X}.Content;function b(t){var n,r=t.data;return e.createElement(N,null,e.createElement(s,{size:1},a(r.title)),e.createElement("p",null,r.description.children),a(null===(n=r.context)||void 0===n?void 0:n.fileName)&&e.createElement(l,{label:"",kind:"tertiary",title:e.createElement(e.Fragment,null,"Source code in ",e.createElement(o,null,a(r.context.fileFullPath))),icon:e.createElement(p,null)},r.context.sourcecode.children),r.definitions.map((function(t,n){var r;return e.createElement(e.Fragment,null,e.createElement(s,{size:2},a(t.title)),e.createElement(g,{key:n},e.createElement(g.Head,null,e.createElement(g.Tr,null,e.createElement(g.Th,null,"Type"),e.createElement(g.Th,null,"Description"))),null===(r=t.properties)||void 0===r?void 0:r.map((function(t,n){return e.createElement(g.Tr,{key:n},e.createElement(g.Td,null,e.createElement(o,null,a(t.name)||a(t.type))),e.createElement(g.Td,{muted:!0},null==t?void 0:t.children))}))))})))}export{b as AtlasIndex};
|
|
2
|
-
//# sourceMappingURL=atlas-index.js.map
|
package/dist/atlas-index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"atlas-index.js","sources":["../../xyd-components/dist/content.js","../packages/atlas-index/AtlasIndex.tsx"],"sourcesContent":["import{_ as e}from\"./tslib.es6-BI9zka_a.js\";import n,{forwardRef as t}from\"react\";import{c as r,a,D as o,b as c,H as i,B as s,C as l,s as u,r as d,q as m,p,o as h,n as f,m as b,l as v,k as g,j as E,i as j,h as O,g as C,f as I,e as S,d as N,I as _}from\"./index-YH6Q3iH2.js\";import\"@radix-ui/react-icons\";import{a as k,b as y,S as T,G as w}from\"./UnderlineNav-9lJPvnIp.js\";import{c as z}from\"./CodeSample-Dkob5gWa.js\";import\"@code-hike/lighter\";import\"@radix-ui/react-tabs\";import\"lucide-react\";import\"./_rollupPluginBabelHelpers-C8nLsqZ7.js\";import\"./coder/themes/cosmo-light.js\";function x(e){var t=e.children;return n.createElement(\"div\",{className:\"XydComponents-Component-content-Content__ContentHost\"},t)}function A(e){var t=e.children;return n.createElement(\"div\",{className:\"XydComponents-Component-content-Subtitle-Subtitle_styles_ts__Host\"},t)}var B=\"XydComponents-Component-content-Anchor__AnchorHost\",H=t((function(e,t){var r=e.href,a=void 0===r?\"\":r,o=e.children;return e.newWindow?n.createElement(\"a\",{ref:t,href:a,target:\"_blank\",rel:\"noreferrer\",className:B},o):n.createElement(\"a\",{ref:t,href:a,className:B},o)}));H.displayName=\"Anchor\";var D=/https?:\\/\\//,J=function(t){var r=t.href,a=void 0===r?\"\":r;t.className;var o=e(t,[\"href\",\"className\"]);return n.createElement(H,Object.assign({href:a,newWindow:D.test(a)},o))};function R(){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},X()),G()),q()),M()),Q()),W())}function X(){return{h1:function(e){return n.createElement(\"div\",null,n.createElement(i,Object.assign({id:e.children},e)))},h2:function(e){return n.createElement(\"div\",null,n.createElement(i,Object.assign({id:e.children,size:2},e)))},h3:function(e){return n.createElement(\"div\",null,n.createElement(i,Object.assign({id:e.children,size:3},e)))},h4:function(e){return n.createElement(\"div\",null,n.createElement(i,Object.assign({id:e.children,size:4},e)))},h5:function(e){return n.createElement(\"div\",null,n.createElement(i,Object.assign({id:e.children,size:5},e)))},h6:function(e){return n.createElement(\"div\",null,n.createElement(i,Object.assign({id:e.children,size:6},e)))},p:function(e){return n.createElement(\"p\",Object.assign({},e))},ul:function(e){return n.createElement(\"ul\",Object.assign({},e),e.children)},ol:function(e){return n.createElement(\"ol\",Object.assign({},e),e.children)},li:function(e){return n.createElement(\"li\",Object.assign({},e),e.children)},table:k,tr:k.Tr,th:k.Th,td:function(e){return n.createElement(k.Td,Object.assign({},e),n.createElement(k.Cell,null,e.children))},code:c,pre:function(e){var t,r,a,o,c,i,s=((null===(r=null===(t=null==e?void 0:e.children)||void 0===t?void 0:t.props)||void 0===r?void 0:r.className)||\"\").replace(\"language-\",\"\");return n.createElement(z,{name:s,description:null===(o=null===(a=null==e?void 0:e.children)||void 0===a?void 0:a.props)||void 0===o?void 0:o.meta,codeblocks:[{value:null===(i=null===(c=null==e?void 0:e.children)||void 0===c?void 0:c.props)||void 0===i?void 0:i.children,lang:s,meta:s}],size:\"full\"})},details:o,blockquote:a,hr:r,a:J}}function G(){return{Callout:l,Details:o,GuideCard:w,Steps:T,Tabs:y,Table:k,Badge:s}}function W(){return{DirectiveCodeSample:function(e){return n.createElement(z,Object.assign({},e,{codeblocks:JSON.parse(e.codeblocks)}))}}}function q(){return{Content:x,Subtitle:A}}function M(){return{IconSessionReplay:_,IconMetrics:N,IconFunnels:S,IconCode:I,IconCustomEvent:C,IconAlert:O,IconBrowser:j,IconREST:E,IconGraphQL:g,IconWebhooks:v,IconJSBrowser:b,IconJSNode:f,IconStorybook:h,IconReactRouter:p,IconNextJS:m,IconAppTemplate:d,IconQuote:u}}function Q(){return{CodeSample:z}}export{R as MDX,Q as coderContent,R as default,W as directiveContent,q as helperContent,M as iconContent,X as stdContent,G as writerContent};\n//# sourceMappingURL=content.js.map\n","import * as React from \"react\"\n\nimport type {Reference} from \"@xyd-js/uniform\";\nimport {\n Heading,\n TableV2,\n Details,\n Code,\n\n IconQuote\n} from \"@xyd-js/components/writer\";\nimport {\n helperContent\n} from \"@xyd-js/components/content\";\n\nimport {MDXReference, mdxValue} from \"@/utils/mdx\";\n\nconst {Content} = helperContent()\n\n// TODO: interface should be imported from somewhere\ninterface CodeSourceContext {\n fileName: string;\n fileFullPath: string;\n sourcecode: string;\n}\n\ninterface AtlasIndexProps {\n data: MDXReference<Reference<CodeSourceContext>>\n}\n\nexport function AtlasIndex({data}: AtlasIndexProps) {\n return <Content>\n <Heading size={1}>\n {mdxValue(data.title)}\n </Heading>\n\n <p>\n {data.description.children}\n </p>\n\n {\n mdxValue(data.context?.fileName) && <Details\n label=\"\"\n kind=\"tertiary\"\n title={<>\n Source code in <Code>{mdxValue(data.context.fileFullPath)}</Code>\n </>}\n icon={<IconQuote/>}>\n {data.context.sourcecode.children}\n </Details>\n }\n\n {\n data.definitions.map((definition, index) => {\n return <>\n <Heading size={2}>\n {mdxValue(definition.title)}\n </Heading>\n <TableV2 key={index}>\n <TableV2.Head>\n <TableV2.Tr>\n <TableV2.Th>Type</TableV2.Th>\n <TableV2.Th>Description</TableV2.Th>\n </TableV2.Tr>\n </TableV2.Head>\n {definition.properties?.map((property, propIndex) => (\n <TableV2.Tr key={propIndex}>\n <TableV2.Td>\n <Code>{mdxValue(property.name) || mdxValue(property.type)}</Code>\n </TableV2.Td>\n <TableV2.Td muted>{property?.children}</TableV2.Td>\n </TableV2.Tr>\n ))}\n </TableV2>\n </>\n })\n }\n </Content>\n}"],"names":["x","e","t","children","n","createElement","className","Content","AtlasIndex","_ref","data","React","Heading","size","mdxValue","title","description","_a","context","fileName","Details","label","kind","Fragment","Code","fileFullPath","icon","IconQuote","sourcecode","definitions","map","definition","index","TableV2","key","Head","Tr","Th","properties","property","propIndex","Td","name","type","muted"],"mappings":"wyKAOgB,SAAAA,EAAOC,GAAyB,IAAvBC,EAAQD,EAARE,SACrB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,kEACPJ,EAET,wlCCMA,IAAOK,yBAAAA,QAaS,SAAAC,EAAUC,GAAwB,MAAtBC,EAAID,EAAJC,KACxB,OAAOC,EAAAN,cAACE,OACJI,EAAAN,cAACO,EAAO,CAACC,KAAM,GACVC,EAASJ,EAAKK,QAGnBJ,EAAAN,cACKK,IAAAA,KAAAA,EAAKM,YAAYb,UAIlBW,EAAuB,QAAdG,EAAAP,EAAKQ,eAAS,IAAAD,OAAA,EAAAA,EAAAE,WAAaR,EAAAN,cAACe,EAAO,CACxCC,MAAM,GACNC,KAAK,WACLP,MAAOJ,EAAAN,cAAAM,EAAAY,SAAA,KACH,kBAAeZ,EAAAN,cAACmB,EAAMV,KAAAA,EAASJ,EAAKQ,QAAQO,gBAEhDC,KAAMf,EAAAN,cAACsB,EAAW,OACjBjB,EAAKQ,QAAQU,WAAWzB,UAK7BO,EAAKmB,YAAYC,KAAI,SAACC,EAAYC,SAC9B,OAAOrB,EAAAN,cAAAM,EAAAY,SAAA,KACHZ,EAAAN,cAACO,EAAO,CAACC,KAAM,GACVC,EAASiB,EAAWhB,QAEzBJ,EAAAN,cAAC4B,EAAO,CAACC,IAAKF,GACVrB,EAAAN,cAAC4B,EAAQE,KAAI,KACTxB,EAAAN,cAAC4B,EAAQG,GACLzB,KAAAA,EAAAN,cAAC4B,EAAQI,GAAG,KAAA,QACZ1B,EAAAN,cAAC4B,EAAQI,GAAG,KAAA,iBAGE,QAArBpB,EAAAc,EAAWO,kBAAU,IAAArB,OAAA,EAAAA,EAAEa,KAAI,SAACS,EAAUC,GAAS,OAC5C7B,EAAAN,cAAC4B,EAAQG,GAAE,CAACF,IAAKM,GACb7B,EAAAN,cAAC4B,EAAQQ,GAAE,KACP9B,EAAAN,cAACmB,EAAMV,KAAAA,EAASyB,EAASG,OAAS5B,EAASyB,EAASI,QAExDhC,EAAAN,cAAC4B,EAAQQ,GAAE,CAACG,OAAK,GAAEL,aAAA,EAAAA,EAAUpC,UAEpC,KAGb,IAGZ"}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import * as React from "react"
|
|
2
|
-
|
|
3
|
-
import type {Reference} from "@xyd-js/uniform";
|
|
4
|
-
import {
|
|
5
|
-
Heading,
|
|
6
|
-
TableV2,
|
|
7
|
-
Details,
|
|
8
|
-
Code,
|
|
9
|
-
|
|
10
|
-
IconQuote
|
|
11
|
-
} from "@xyd-js/components/writer";
|
|
12
|
-
import {
|
|
13
|
-
helperContent
|
|
14
|
-
} from "@xyd-js/components/content";
|
|
15
|
-
|
|
16
|
-
import {MDXReference, mdxValue} from "@/utils/mdx";
|
|
17
|
-
|
|
18
|
-
const {Content} = helperContent()
|
|
19
|
-
|
|
20
|
-
// TODO: interface should be imported from somewhere
|
|
21
|
-
interface CodeSourceContext {
|
|
22
|
-
fileName: string;
|
|
23
|
-
fileFullPath: string;
|
|
24
|
-
sourcecode: string;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
interface AtlasIndexProps {
|
|
28
|
-
data: MDXReference<Reference<CodeSourceContext>>
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export function AtlasIndex({data}: AtlasIndexProps) {
|
|
32
|
-
return <Content>
|
|
33
|
-
<Heading size={1}>
|
|
34
|
-
{mdxValue(data.title)}
|
|
35
|
-
</Heading>
|
|
36
|
-
|
|
37
|
-
<p>
|
|
38
|
-
{data.description.children}
|
|
39
|
-
</p>
|
|
40
|
-
|
|
41
|
-
{
|
|
42
|
-
mdxValue(data.context?.fileName) && <Details
|
|
43
|
-
label=""
|
|
44
|
-
kind="tertiary"
|
|
45
|
-
title={<>
|
|
46
|
-
Source code in <Code>{mdxValue(data.context.fileFullPath)}</Code>
|
|
47
|
-
</>}
|
|
48
|
-
icon={<IconQuote/>}>
|
|
49
|
-
{data.context.sourcecode.children}
|
|
50
|
-
</Details>
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
{
|
|
54
|
-
data.definitions.map((definition, index) => {
|
|
55
|
-
return <>
|
|
56
|
-
<Heading size={2}>
|
|
57
|
-
{mdxValue(definition.title)}
|
|
58
|
-
</Heading>
|
|
59
|
-
<TableV2 key={index}>
|
|
60
|
-
<TableV2.Head>
|
|
61
|
-
<TableV2.Tr>
|
|
62
|
-
<TableV2.Th>Type</TableV2.Th>
|
|
63
|
-
<TableV2.Th>Description</TableV2.Th>
|
|
64
|
-
</TableV2.Tr>
|
|
65
|
-
</TableV2.Head>
|
|
66
|
-
{definition.properties?.map((property, propIndex) => (
|
|
67
|
-
<TableV2.Tr key={propIndex}>
|
|
68
|
-
<TableV2.Td>
|
|
69
|
-
<Code>{mdxValue(property.name) || mdxValue(property.type)}</Code>
|
|
70
|
-
</TableV2.Td>
|
|
71
|
-
<TableV2.Td muted>{property?.children}</TableV2.Td>
|
|
72
|
-
</TableV2.Tr>
|
|
73
|
-
))}
|
|
74
|
-
</TableV2>
|
|
75
|
-
</>
|
|
76
|
-
})
|
|
77
|
-
}
|
|
78
|
-
</Content>
|
|
79
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import {css} from "@linaria/core";
|
|
2
|
-
|
|
3
|
-
export const CodeCopyHost = css`
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
|
|
8
|
-
padding: 8px;
|
|
9
|
-
|
|
10
|
-
border-radius: 6px;
|
|
11
|
-
|
|
12
|
-
cursor: pointer;
|
|
13
|
-
|
|
14
|
-
&:hover {
|
|
15
|
-
background: var(--XydAtlas-Component-Code-Copy__color-background--active);
|
|
16
|
-
}
|
|
17
|
-
`;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React, {useState} from "react"
|
|
2
|
-
import {Copy, CopyCheck, CheckCheck} from "lucide-react"
|
|
3
|
-
|
|
4
|
-
import * as cn from "./CodeCopy.styles"
|
|
5
|
-
|
|
6
|
-
export interface CodeCopyProps {
|
|
7
|
-
text: string
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export function CodeCopy({text}: CodeCopyProps) {
|
|
11
|
-
const [copied, setCopied] = useState(false)
|
|
12
|
-
|
|
13
|
-
function onClick() {
|
|
14
|
-
navigator.clipboard.writeText(text)
|
|
15
|
-
setCopied(true)
|
|
16
|
-
setTimeout(() => {
|
|
17
|
-
setCopied(false)
|
|
18
|
-
}, 1200)
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
return (
|
|
22
|
-
<button
|
|
23
|
-
aria-label="Copy to clipboard"
|
|
24
|
-
onClick={onClick}
|
|
25
|
-
className={cn.CodeCopyHost}
|
|
26
|
-
>
|
|
27
|
-
{copied ? <CheckCheck size={16}/> : <Copy size={16}/>}
|
|
28
|
-
</button>
|
|
29
|
-
)
|
|
30
|
-
}
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import {css} from "@linaria/core";
|
|
2
|
-
|
|
3
|
-
export const CodeSampleHost = css`
|
|
4
|
-
flex: 1 1 0;
|
|
5
|
-
overflow: hidden;
|
|
6
|
-
min-width: 0;
|
|
7
|
-
max-width: 512px;
|
|
8
|
-
|
|
9
|
-
border: 1px solid var(--XydAtlas-Component-Code-Sample__color-border);
|
|
10
|
-
border-radius: 16px;
|
|
11
|
-
`;
|
|
12
|
-
|
|
13
|
-
export const CodeSampleLanguagesHost = css`
|
|
14
|
-
display: flex;
|
|
15
|
-
flex: 1 1 0%;
|
|
16
|
-
padding: 8px 0px;
|
|
17
|
-
|
|
18
|
-
background: linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%) !important;
|
|
19
|
-
|
|
20
|
-
border-top-right-radius: 10px;
|
|
21
|
-
border-top-left-radius: 10px;
|
|
22
|
-
border-bottom: 0px;
|
|
23
|
-
|
|
24
|
-
min-width: 0;
|
|
25
|
-
`;
|
|
26
|
-
|
|
27
|
-
export const CodeSampleLanguagesList = css`
|
|
28
|
-
display: flex;
|
|
29
|
-
flex-grow: 1;
|
|
30
|
-
justify-content: end;
|
|
31
|
-
gap: 8px;
|
|
32
|
-
padding: 0 10px;
|
|
33
|
-
`;
|
|
34
|
-
|
|
35
|
-
export const CodeSampleLanguagesButton = css`
|
|
36
|
-
all: unset;
|
|
37
|
-
|
|
38
|
-
cursor: pointer;
|
|
39
|
-
|
|
40
|
-
display: flex;
|
|
41
|
-
align-items: center;
|
|
42
|
-
justify-content: center;
|
|
43
|
-
|
|
44
|
-
border-radius: 6px;
|
|
45
|
-
padding: 6px;
|
|
46
|
-
|
|
47
|
-
font-size: 14px;
|
|
48
|
-
color: var(--XydAtlas-Component-Code-Sample__color);
|
|
49
|
-
|
|
50
|
-
&[data-state="active"] {
|
|
51
|
-
color: var(--XydAtlas-Component-Code-Sample__color--active);
|
|
52
|
-
border-bottom: 1px solid var(--XydAtlas-Component-Code-Sample__color--active);
|
|
53
|
-
border-bottom-left-radius: 0px;
|
|
54
|
-
border-bottom-right-radius: 0px;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
&:hover {
|
|
58
|
-
transition: ease-in 0.1s;
|
|
59
|
-
background: var(--XydAtlas-Component-Code-Sample__color-background);
|
|
60
|
-
}
|
|
61
|
-
`;
|
|
62
|
-
|
|
63
|
-
export const CodeSampleLanguagesDescription = css`
|
|
64
|
-
display: flex;
|
|
65
|
-
align-items: center;
|
|
66
|
-
gap: 4px;
|
|
67
|
-
|
|
68
|
-
font-size: 14px;
|
|
69
|
-
color: var(--XydAtlas-Component-Code-Sample__color);
|
|
70
|
-
|
|
71
|
-
margin-left: 4px;
|
|
72
|
-
margin-right: 4px;
|
|
73
|
-
`;
|
|
74
|
-
|
|
75
|
-
export const CodeSampleLanguagesDescriptionItem = css`
|
|
76
|
-
display: flex;
|
|
77
|
-
padding-left: 16px;
|
|
78
|
-
padding-right: 16px;
|
|
79
|
-
flex: 1 1 0%;
|
|
80
|
-
gap: 16px;
|
|
81
|
-
border-radius: 4px;
|
|
82
|
-
`;
|
|
83
|
-
|
|
84
|
-
export const CodeSampleLanguagesCopy = css`
|
|
85
|
-
display: flex;
|
|
86
|
-
padding-left: 8px;
|
|
87
|
-
padding-right: 8px;
|
|
88
|
-
align-items: center;
|
|
89
|
-
`;
|
|
90
|
-
|
|
91
|
-
export const CodeSampleCodeHost = css`
|
|
92
|
-
max-height: 400px;
|
|
93
|
-
background: linear-gradient(45deg, rgb(247, 247, 248) 0%, rgb(247, 247, 248) 100%) !important;
|
|
94
|
-
|
|
95
|
-
margin: 0;
|
|
96
|
-
padding: 8px 16px;
|
|
97
|
-
|
|
98
|
-
border-top: 1px solid var(--XydAtlas-Component-Code-Sample__color-border);
|
|
99
|
-
border-bottom-left-radius: 10px;
|
|
100
|
-
border-bottom-right-radius: 10px;
|
|
101
|
-
|
|
102
|
-
font-size: 14px;
|
|
103
|
-
line-height: 20px;
|
|
104
|
-
white-space: pre-wrap;
|
|
105
|
-
word-break: break-all;
|
|
106
|
-
|
|
107
|
-
overflow-y: scroll;
|
|
108
|
-
`;
|
|
109
|
-
|
|
110
|
-
export const CodeSampleMarkHost = css`
|
|
111
|
-
display: flex;
|
|
112
|
-
border-left-width: 4px;
|
|
113
|
-
border-color: transparent;
|
|
114
|
-
margin: 4px 0;
|
|
115
|
-
`;
|
|
116
|
-
|
|
117
|
-
export const CodeSampleMarkLine = css`
|
|
118
|
-
flex: 1 1 0%;
|
|
119
|
-
`;
|
|
120
|
-
|
|
121
|
-
export const CodeSampleMarkAnnotated = css`
|
|
122
|
-
border-color: var(--XydAtlas-Component-Code-Sample__color-markBorder--active);
|
|
123
|
-
background-color: var(--XydAtlas-Component-Code-Sample__color-markBackground--active);
|
|
124
|
-
`;
|
|
125
|
-
|
|
126
|
-
export const CodeSampleLineNumberHost = css`
|
|
127
|
-
margin: 0 4px;
|
|
128
|
-
//text-align: right;
|
|
129
|
-
user-select: none;
|
|
130
|
-
opacity: 0.5;
|
|
131
|
-
`;
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import React, {useEffect, useState} from "react";
|
|
2
|
-
import * as TabsPrimitive from "@radix-ui/react-tabs"; // TODO: remove and use separation
|
|
3
|
-
import {
|
|
4
|
-
AnnotationHandler,
|
|
5
|
-
InnerLine,
|
|
6
|
-
Pre,
|
|
7
|
-
highlight,
|
|
8
|
-
HighlightedCode,
|
|
9
|
-
} from "codehike/code"
|
|
10
|
-
|
|
11
|
-
import {
|
|
12
|
-
CodeCopy,
|
|
13
|
-
} from "@/components/Code";
|
|
14
|
-
import {theme as defaultTheme} from "@/components/Code/default-theme" // TODO: support multiple themes
|
|
15
|
-
import {withLocalStored} from "@/components/Code/CodeSample/withLocalStored";
|
|
16
|
-
import * as cn from "./CodeSample.styles";
|
|
17
|
-
import {CodeLoader} from "@xyd-js/components/coder";
|
|
18
|
-
|
|
19
|
-
// TODO: try to use codehiki in build time / ASYNC !!! - we need rr server-components
|
|
20
|
-
// TODO: separate highlight
|
|
21
|
-
|
|
22
|
-
export interface MDXCodeSampleBlock {
|
|
23
|
-
/** This is the raw code. May include annotation comments. */
|
|
24
|
-
value: string;
|
|
25
|
-
/** The programming language. */
|
|
26
|
-
lang: string;
|
|
27
|
-
/** Metadata string (the content after the language name in a markdown codeblock). */
|
|
28
|
-
meta: string;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export interface CodeSampleProps {
|
|
32
|
-
name: string;
|
|
33
|
-
description: string;
|
|
34
|
-
codeblocks: MDXCodeSampleBlock[];
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
const $$LocalStoredTab = withLocalStored(TabsPrimitive.Root);
|
|
38
|
-
|
|
39
|
-
export function CodeSample(props: CodeSampleProps) {
|
|
40
|
-
const [highlighted, setHighlighted] = useState<HighlightedCode[]>([]);
|
|
41
|
-
|
|
42
|
-
useEffect(() => {
|
|
43
|
-
async function fetchHighlight() {
|
|
44
|
-
const result = await Promise.all(
|
|
45
|
-
props.codeblocks?.map((codeblock) => highlight(codeblock, defaultTheme))
|
|
46
|
-
);
|
|
47
|
-
|
|
48
|
-
setHighlighted(result);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
fetchHighlight();
|
|
52
|
-
}, [props.codeblocks]);
|
|
53
|
-
|
|
54
|
-
if (highlighted.length === 0) {
|
|
55
|
-
return <CodeLoader/>
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
if (!highlighted) {
|
|
59
|
-
return <CodeLoader/>
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
return (
|
|
63
|
-
<$$LocalStoredTab
|
|
64
|
-
className={cn.CodeSampleHost}
|
|
65
|
-
style={highlighted[0]?.style}
|
|
66
|
-
localStorageKey={`preferredLanguage[${name}]`}
|
|
67
|
-
defaultValue={highlighted[0]?.meta}
|
|
68
|
-
>
|
|
69
|
-
<div className={cn.CodeSampleLanguagesHost}>
|
|
70
|
-
<$Description description={props.description}/>
|
|
71
|
-
|
|
72
|
-
<TabsPrimitive.List className={cn.CodeSampleLanguagesList}>
|
|
73
|
-
{props.codeblocks?.map(({meta}, i) => (
|
|
74
|
-
<TabsPrimitive.Trigger value={meta!} key={i} className={cn.CodeSampleLanguagesButton}>
|
|
75
|
-
{meta}
|
|
76
|
-
</TabsPrimitive.Trigger>
|
|
77
|
-
))}
|
|
78
|
-
</TabsPrimitive.List>
|
|
79
|
-
|
|
80
|
-
<div className={cn.CodeSampleLanguagesCopy}>
|
|
81
|
-
{props.codeblocks?.map((codeblock, i) => (
|
|
82
|
-
<TabsPrimitive.Content value={codeblock.meta!} asChild key={i}>
|
|
83
|
-
<CodeCopy text={codeblock.value}/>
|
|
84
|
-
</TabsPrimitive.Content>
|
|
85
|
-
))}
|
|
86
|
-
</div>
|
|
87
|
-
</div>
|
|
88
|
-
|
|
89
|
-
{highlighted?.map((codeblock, i) => (
|
|
90
|
-
<TabsPrimitive.Content value={codeblock.meta} key={i}>
|
|
91
|
-
<Pre
|
|
92
|
-
className={cn.CodeSampleCodeHost}
|
|
93
|
-
style={codeblock?.style || codeblock?.style}
|
|
94
|
-
code={codeblock}
|
|
95
|
-
handlers={[mark, lineNumber]}
|
|
96
|
-
/>
|
|
97
|
-
</TabsPrimitive.Content>
|
|
98
|
-
))}
|
|
99
|
-
</$$LocalStoredTab>
|
|
100
|
-
)
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
function $Description(props: { description: string }) {
|
|
104
|
-
return <div className={cn.CodeSampleLanguagesDescription}>
|
|
105
|
-
<div className={cn.CodeSampleLanguagesDescriptionItem}>
|
|
106
|
-
{props.description}
|
|
107
|
-
</div>
|
|
108
|
-
</div>
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
const mark: AnnotationHandler = {
|
|
112
|
-
name: "Mark",
|
|
113
|
-
Line: ({annotation, ...props}) => {
|
|
114
|
-
return (
|
|
115
|
-
<div className={`${cn.CodeSampleMarkHost} ${annotation && cn.CodeSampleMarkAnnotated}`}>
|
|
116
|
-
<InnerLine
|
|
117
|
-
merge={props}
|
|
118
|
-
className={cn.CodeSampleMarkLine}
|
|
119
|
-
/>
|
|
120
|
-
</div>
|
|
121
|
-
)
|
|
122
|
-
},
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
const lineNumber: AnnotationHandler = {
|
|
126
|
-
name: "LineNumber",
|
|
127
|
-
Line: ({annotation, ...props}) => {
|
|
128
|
-
const width = props.totalLines.toString().length + 1
|
|
129
|
-
|
|
130
|
-
return (
|
|
131
|
-
<>
|
|
132
|
-
<span
|
|
133
|
-
style={{minWidth: `${width}ch`}}
|
|
134
|
-
className={cn.CodeSampleLineNumberHost}
|
|
135
|
-
>
|
|
136
|
-
{props.lineNumber}
|
|
137
|
-
</span>
|
|
138
|
-
<InnerLine merge={props}/>
|
|
139
|
-
</>
|
|
140
|
-
)
|
|
141
|
-
},
|
|
142
|
-
}
|
|
143
|
-
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import React, {useState, useEffect} from "react"
|
|
2
|
-
|
|
3
|
-
export interface CodeTabsProps {
|
|
4
|
-
localStorageKey: string
|
|
5
|
-
defaultValue: string
|
|
6
|
-
className: string
|
|
7
|
-
style: any
|
|
8
|
-
|
|
9
|
-
children: React.ReactNode
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
// TODO: interface
|
|
13
|
-
export function withLocalStored(Component: any) {
|
|
14
|
-
return function LocalStored(props: CodeTabsProps) {
|
|
15
|
-
const [value, setValue] = useState(
|
|
16
|
-
typeof localStorage !== "undefined"
|
|
17
|
-
? localStorage?.getItem(props.localStorageKey) || props.defaultValue
|
|
18
|
-
: props.defaultValue,
|
|
19
|
-
)
|
|
20
|
-
|
|
21
|
-
useEffect(() => {
|
|
22
|
-
const handler = (e: StorageEvent) => {
|
|
23
|
-
if (e.key === props.localStorageKey) {
|
|
24
|
-
setValue(e.newValue || props.defaultValue)
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
window.addEventListener("storage", handler)
|
|
28
|
-
return () => {
|
|
29
|
-
window.removeEventListener("storage", handler)
|
|
30
|
-
}
|
|
31
|
-
}, [props.localStorageKey])
|
|
32
|
-
|
|
33
|
-
function onValueChange(value: string) {
|
|
34
|
-
localStorage.setItem(props.localStorageKey, value)
|
|
35
|
-
window.dispatchEvent(
|
|
36
|
-
new StorageEvent("storage", {
|
|
37
|
-
key: props.localStorageKey,
|
|
38
|
-
newValue: value,
|
|
39
|
-
}),
|
|
40
|
-
)
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
return (
|
|
44
|
-
<Component
|
|
45
|
-
onValueChange={onValueChange}
|
|
46
|
-
value={value}
|
|
47
|
-
>
|
|
48
|
-
{props.children}
|
|
49
|
-
</Component>
|
|
50
|
-
)
|
|
51
|
-
}
|
|
52
|
-
}
|