@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.
Files changed (65) hide show
  1. package/.storybook/index.css +1 -2
  2. package/.storybook/preview.ts +1 -2
  3. package/CHANGELOG.md +22 -0
  4. package/dist/Update-BlhP2VFR-COLbZvRj.js +4 -0
  5. package/dist/Update-BlhP2VFR-COLbZvRj.js.map +1 -0
  6. package/dist/Update-CMM38Snc-COLbZvRj.js +4 -0
  7. package/dist/Update-CMM38Snc-COLbZvRj.js.map +1 -0
  8. package/dist/Update-D5e_yqty-COLbZvRj.js +4 -0
  9. package/dist/Update-D5e_yqty-COLbZvRj.js.map +1 -0
  10. package/dist/index.css +47 -58
  11. package/dist/index.d.ts +30 -11
  12. package/dist/index.js +1 -1
  13. package/dist/index.js.map +1 -1
  14. package/dist/styles.css +89 -0
  15. package/dist/tokens.css +5 -2
  16. package/dist/xydPlugin.d.ts +5 -0
  17. package/dist/xydPlugin.js +2 -0
  18. package/dist/xydPlugin.js.map +1 -0
  19. package/index.ts +2 -1
  20. package/package.json +12 -9
  21. package/packages/xyd-plugin/SidebarItem.tsx +27 -0
  22. package/packages/xyd-plugin/index.ts +19 -0
  23. package/rollup.config.js +27 -25
  24. package/src/components/ApiRef/ApiRefItem/ApiRefItem.styles.tsx +60 -17
  25. package/src/components/ApiRef/ApiRefItem/ApiRefItem.tsx +508 -49
  26. package/src/components/ApiRef/ApiRefProperties/ApiRefProperties.styles.tsx +73 -16
  27. package/src/components/ApiRef/ApiRefProperties/ApiRefProperties.tsx +574 -56
  28. package/src/components/ApiRef/ApiRefSamples/ApiRefSamples.styles.tsx +2 -1
  29. package/src/components/ApiRef/ApiRefSamples/ApiRefSamples.tsx +37 -19
  30. package/src/components/Atlas/Atlas.styles.tsx +1 -1
  31. package/src/components/Atlas/Atlas.tsx +35 -19
  32. package/src/components/Atlas/AtlasContext.tsx +47 -0
  33. package/src/components/Atlas/AtlasDecorator.styles.ts +22 -0
  34. package/src/components/Atlas/AtlasDecorator.tsx +15 -0
  35. package/src/components/Atlas/AtlasLazy/AtlasLazy.tsx +2 -2
  36. package/src/components/Atlas/AtlasPrimary.tsx +21 -0
  37. package/src/components/Atlas/AtlasSecondary.tsx +148 -0
  38. package/src/components/Atlas/index.ts +6 -2
  39. package/src/components/Atlas/types.ts +11 -0
  40. package/src/components/Code/CodeSampleButtons/CodeSampleButtons.styles.tsx +4 -5
  41. package/src/components/Code/CodeSampleButtons/CodeSampleButtons.tsx +6 -8
  42. package/src/components/Code/index.ts +0 -4
  43. package/src/components/Icon/index.tsx +384 -0
  44. package/src/styles/styles.css +89 -0
  45. package/src/styles/tokens.css +5 -2
  46. package/src/utils/mdx.ts +0 -29
  47. package/tsconfig.json +6 -2
  48. package/types.d.ts +22 -0
  49. package/dist/CodeSample-CVki5fdQ-CI-Jdg_T.js +0 -2
  50. package/dist/CodeSample-CVki5fdQ-CI-Jdg_T.js.map +0 -1
  51. package/dist/CodeSample-Dkob5gWa-CI-Jdg_T.js +0 -2
  52. package/dist/CodeSample-Dkob5gWa-CI-Jdg_T.js.map +0 -1
  53. package/dist/atlas-index.d.ts +0 -15
  54. package/dist/atlas-index.js +0 -2
  55. package/dist/atlas-index.js.map +0 -1
  56. package/packages/atlas-index/AtlasIndex.tsx +0 -79
  57. package/packages/atlas-index/index.ts +0 -3
  58. package/src/components/Code/CodeCopy/CodeCopy.styles.tsx +0 -17
  59. package/src/components/Code/CodeCopy/CodeCopy.tsx +0 -30
  60. package/src/components/Code/CodeCopy/index.ts +0 -7
  61. package/src/components/Code/CodeSample/CodeSample.styles.tsx +0 -131
  62. package/src/components/Code/CodeSample/CodeSample.tsx +0 -143
  63. package/src/components/Code/CodeSample/index.ts +0 -8
  64. package/src/components/Code/CodeSample/withLocalStored.tsx +0 -52
  65. 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"}
@@ -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 };
@@ -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
@@ -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,3 +0,0 @@
1
- export {
2
- AtlasIndex
3
- } from "./AtlasIndex"
@@ -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,7 +0,0 @@
1
- export {
2
- CodeCopy
3
- } from "./CodeCopy"
4
-
5
- export type {
6
- CodeCopyProps
7
- } from "./CodeCopy"
@@ -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,8 +0,0 @@
1
- export {
2
- CodeSample,
3
- } from './CodeSample';
4
-
5
- export type {
6
- CodeSampleProps,
7
- MDXCodeSampleBlock,
8
- } from "./CodeSample";
@@ -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
- }