@leafygreen-ui/lib - npm Package Compare versions

Comparing version 10.3.3 to 10.3.4-next.0

CHANGELOG.md

 # @leafygreen-ui/lib
 
+## 10.3.4-next.0
+
+### Patch Changes
+
+- b060d06ce: Updates story files for Storybook 7.x
+- b060d06ce: Exports primary component props
+
 ## 10.3.3
@@ -4,0 +11,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import e from"lodash/once";import t from"lodash/isUndefined";import r from"react";import n from"lodash/mergeWith";function o(e){return o="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},o(e)}function a(e){return function(e){if(Array.isArray(e))return i(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return i(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return i(e,t)}(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 i(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function l(e){return null!=e&&e.nodeType===Node.ELEMENT_NODE}var u=Object.freeze({__proto__:null,element:l,button:function(e){return l(e)&&"button"===e.tagName.toLowerCase()},input:function(e){return l(e)&&"input"===e.tagName.toLowerCase()},array:function(e){return null!=e&&e instanceof Array}}),c=function(e){var t,r,n=(null!==(t=null===(r=s.get(e))||void 0===r?void 0:r.length)&&void 0!==t?t:0).toString().padStart(4,"0");return"lg-ui".concat(e?"-".concat(e):"","-").concat(n)},s=new Map,p=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=c(e);if(s.has(e)){var r=s.get(e);s.set(e,[t].concat(a(r)))}else s.set(e,[t]);return t};function d(e){return"string"==typeof(t=e)||"number"==typeof t?e.toString().trim():Array.isArray(e)?e.map(d).join(" ").trim():function(e){return e&&"object"===o(e)&&e.props}(e)?d(e.props.children):"";var t}var f={Light:"light",Dark:"dark"},m=function(e){return e?f.Dark:f.Light};function b(e){return 1==new Set(e).size}var y=function(e,n){var o,a=null===(o=r.Children.map(e,(function(e){if(n.some((function(t){return T(e,t)})))return e})))||void 0===o?void 0:o.filter((function(e){return!t(e)}));return t(e)||(null==a?void 0:a.length)===r.Children.count(e)||L.error("Children must be one of: ".concat(n.join(", ")),"Received children: ",e),a},h=function(e,t){Object.defineProperty(e,"target",{writable:!1,value:t});var r=!1,n=!1;return{nativeEvent:e,currentTarget:e.currentTarget,target:e.target,bubbles:e.bubbles,cancelable:e.cancelable,defaultPrevented:e.defaultPrevented,eventPhase:e.eventPhase,isTrusted:e.isTrusted,preventDefault:function(){r=!0,e.preventDefault()},isDefaultPrevented:function(){return r},stopPropagation:function(){n=!0,e.stopPropagation()},isPropagationStopped:function(){return n},persist:function(){},timeStamp:e.timeStamp,type:e.type}},g=["small","button","a","abbr","address","article","aside","b","big","blockquote","caption","cite","code","dd","del","details","dfn","dialog","div","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","i","ins","kbd","keygen","label","legend","li","main","map","mark","menu","menuitem","meter","nav","noscript","ol","p","picture","pre","progress","q","rp","rt","ruby","s","samp","slot","script","section","select","span","strong","style","sub","summary","sup","template","tbody","td","tfoot","th","thead","time","title","tr","u","ul"],v={baseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component",control:{type:"radio"},options:[14,16]},updatedBaseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component. Uses the updated font size values for Euclid Circular A.",control:{type:"radio"},options:[13,16]},darkMode:{description:"Render the component in dark mode.",control:"boolean"},children:{description:"Element rendered inside the component",control:"text"},as:{description:"The component will be rendered in HTML as the element selected here",options:g,type:{name:"string"},control:{type:"select"},defaultValue:"button"}},S=["aria-label","aria-labelledby","aria-describedby","onFilter","onClear","onChange","onClick","ref","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex","id"],w={argTypes:{darkMode:v.darkMode,baseFontSize:v.updatedBaseFontSize},parameters:{default:"Basic",controls:{exclude:a(S)}}},A=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:w;return n(e,w,(function(e,t){return Array.isArray(e)?e.concat(t):"string"==typeof e?e:void 0}))};function T(e,t){return null!=e&&"object"===o(e)&&"type"in e&&e.type.displayName===t}function k(e){var t,r,n,o="data-leafygreen-ui";return{prop:(t={},r=o,n=e,r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t),selector:"[".concat(o,'="').concat(e,'"]')}}var P={ArrowUp:38,ArrowDown:40,ArrowLeft:37,ArrowRight:39,Backspace:8,BracketLeft:91,Delete:46,Enter:13,Escape:27,Space:32,Tab:9},C={Page:"page",Step:"step",Location:"location",Date:"date",Time:"time",True:"true",Unset:"false"};function E(e){throw Error("Received unhandled value: ".concat(e))}var L={error:e(console.error),warn:e(console.warn),log:e(console.log)};export{C as AriaCurrentValue,g as IntrinsicElements,A as StoryMeta,f as Theme,b as allEqual,L as consoleOnce,k as createDataProp,h as createSyntheticEvent,p as createUniqueClassName,E as enforceExhaustive,d as getNodeTextContent,m as getTheme,T as isComponentType,P as keyMap,v as storybookArgTypes,S as storybookExcludedControlParams,u as typeIs,y as validateChildren};
+import e from"lodash/once";import t from"lodash/isUndefined";import r from"react";import n from"lodash/mergeWith";function o(e){return o="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},o(e)}function a(e,t,r){return t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");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:String(t)}(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e){return function(e){if(Array.isArray(e))return l(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return l(e,t)}(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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function u(e){return null!=e&&e.nodeType===Node.ELEMENT_NODE}var c=Object.freeze({__proto__:null,element:u,button:function(e){return u(e)&&"button"===e.tagName.toLowerCase()},input:function(e){return u(e)&&"input"===e.tagName.toLowerCase()},array:function(e){return null!=e&&e instanceof Array}}),s=function(e){var t,r,n=(null!==(t=null===(r=p.get(e))||void 0===r?void 0:r.length)&&void 0!==t?t:0).toString().padStart(4,"0");return"lg-ui".concat(e?"-".concat(e):"","-").concat(n)},p=new Map,d=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=s(e);if(p.has(e)){var r=p.get(e);p.set(e,[t].concat(i(r)))}else p.set(e,[t]);return t};function f(e){return"string"==typeof(t=e)||"number"==typeof t?e.toString().trim():Array.isArray(e)?e.map(f).join(" ").trim():function(e){return e&&"object"===o(e)&&e.props}(e)?f(e.props.children):"";var t}var m={Light:"light",Dark:"dark"},b=function(e){return e?m.Dark:m.Light};function y(e){return 1==new Set(e).size}var h=function(e,n){var o,a=null===(o=r.Children.map(e,(function(e){if(n.some((function(t){return T(e,t)})))return e})))||void 0===o?void 0:o.filter((function(e){return!t(e)}));return t(e)||(null==a?void 0:a.length)===r.Children.count(e)||L.error("Children must be one of: ".concat(n.join(", ")),"Received children: ",e),a},v=function(e,t){Object.defineProperty(e,"target",{writable:!1,value:t});var r=!1,n=!1;return{nativeEvent:e,currentTarget:e.currentTarget,target:e.target,bubbles:e.bubbles,cancelable:e.cancelable,defaultPrevented:e.defaultPrevented,eventPhase:e.eventPhase,isTrusted:e.isTrusted,preventDefault:function(){r=!0,e.preventDefault()},isDefaultPrevented:function(){return r},stopPropagation:function(){n=!0,e.stopPropagation()},isPropagationStopped:function(){return n},persist:function(){},timeStamp:e.timeStamp,type:e.type}},g=["small","button","a","abbr","address","article","aside","b","big","blockquote","caption","cite","code","dd","del","details","dfn","dialog","div","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","i","ins","kbd","keygen","label","legend","li","main","map","mark","menu","menuitem","meter","nav","noscript","ol","p","picture","pre","progress","q","rp","rt","ruby","s","samp","slot","script","section","select","span","strong","style","sub","summary","sup","template","tbody","td","tfoot","th","thead","time","title","tr","u","ul"],S={baseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component",control:{type:"none"},options:[14,16]},updatedBaseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component. Uses the updated font size values for Euclid Circular A.",control:{type:"radio"},options:[13,16]},darkMode:{description:"Render the component in dark mode.",control:"boolean"},children:{description:"Element rendered inside the component",control:"text"},as:{description:"The component will be rendered in HTML as the element selected here",options:g,type:{name:"string"},control:{type:"select"},defaultValue:"button"}},w=["aria-controls","aria-describedby","aria-label","aria-labelledby","onBlur","onCancel","onChange","onClear","onClick","onConfirm","onDismiss","onFilter","ref","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex","id"],A={argTypes:{darkMode:S.darkMode,baseFontSize:S.updatedBaseFontSize},parameters:{default:"Basic",controls:{exclude:i(w)}}},P=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:A;return n(e,A,(function(e,t){return Array.isArray(e)?e.concat(t):"string"==typeof e?e:void 0}))};function T(e,t){return null!=e&&"object"===o(e)&&"type"in e&&e.type.displayName===t}function C(e){var t="data-leafygreen-ui";return{prop:a({},t,e),selector:"[".concat(t,'="').concat(e,'"]')}}var k={ArrowUp:38,ArrowDown:40,ArrowLeft:37,ArrowRight:39,Backspace:8,BracketLeft:91,Delete:46,Enter:13,Escape:27,Space:32,Tab:9},j={Page:"page",Step:"step",Location:"location",Date:"date",Time:"time",True:"true",Unset:"false"};function E(e){throw Error("Received unhandled value: ".concat(e))}var L={error:e(console.error),warn:e(console.warn),log:e(console.log)};export{j as AriaCurrentValue,g as IntrinsicElements,P as StoryMeta,m as Theme,y as allEqual,L as consoleOnce,C as createDataProp,v as createSyntheticEvent,d as createUniqueClassName,E as enforceExhaustive,f as getNodeTextContent,b as getTheme,T as isComponentType,k as keyMap,S as storybookArgTypes,w as storybookExcludedControlParams,c as typeIs,h as validateChildren};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

@@ -10,3 +10,3 @@ /// <reference types="react" />
 export { createSyntheticEvent } from './createSyntheticEvent';
-export { StoryMeta, storybookArgTypes, storybookExcludedControlParams, IntrinsicElements, } from './storybook';
+export { StoryMeta, type StoryMetaType, storybookArgTypes, storybookExcludedControlParams, IntrinsicElements, } from './storybook';
 export { typeIs, createUniqueClassName, getNodeTextContent, getTheme, Theme, allEqual, };
@@ -13,0 +13,0 @@ export type { DarkModeProps };

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lodash/once"),require("lodash/isUndefined"),require("react"),require("lodash/mergeWith")):"function"==typeof define&&define.amd?define(["exports","lodash/once","lodash/isUndefined","react","lodash/mergeWith"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/lib"]={},e.once,e.isUndefined,e.React,e.mergeWith)}(this,(function(e,t,r,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t),l=a(r),u=a(n),c=a(o);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function d(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return f(e,t)}(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 f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e){return null!=e&&e.nodeType===Node.ELEMENT_NODE}var m=Object.freeze({__proto__:null,element:p,button:function(e){return p(e)&&"button"===e.tagName.toLowerCase()},input:function(e){return p(e)&&"input"===e.tagName.toLowerCase()},array:function(e){return null!=e&&e instanceof Array}}),y=function(e){var t,r,n=(null!==(t=null===(r=b.get(e))||void 0===r?void 0:r.length)&&void 0!==t?t:0).toString().padStart(4,"0");return"lg-ui".concat(e?"-".concat(e):"","-").concat(n)},b=new Map;var h={Light:"light",Dark:"dark"};var g=["small","button","a","abbr","address","article","aside","b","big","blockquote","caption","cite","code","dd","del","details","dfn","dialog","div","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","i","ins","kbd","keygen","label","legend","li","main","map","mark","menu","menuitem","meter","nav","noscript","ol","p","picture","pre","progress","q","rp","rt","ruby","s","samp","slot","script","section","select","span","strong","style","sub","summary","sup","template","tbody","td","tfoot","th","thead","time","title","tr","u","ul"],v={baseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component",control:{type:"radio"},options:[14,16]},updatedBaseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component. Uses the updated font size values for Euclid Circular A.",control:{type:"radio"},options:[13,16]},darkMode:{description:"Render the component in dark mode.",control:"boolean"},children:{description:"Element rendered inside the component",control:"text"},as:{description:"The component will be rendered in HTML as the element selected here",options:g,type:{name:"string"},control:{type:"select"},defaultValue:"button"}},S=["aria-label","aria-labelledby","aria-describedby","onFilter","onClear","onChange","onClick","ref","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex","id"],T={argTypes:{darkMode:v.darkMode,baseFontSize:v.updatedBaseFontSize},parameters:{default:"Basic",controls:{exclude:d(S)}}};function w(e,t){return null!=e&&"object"===s(e)&&"type"in e&&e.type.displayName===t}var A={error:i.default(console.error),warn:i.default(console.warn),log:i.default(console.log)};e.AriaCurrentValue={Page:"page",Step:"step",Location:"location",Date:"date",Time:"time",True:"true",Unset:"false"},e.IntrinsicElements=g,e.StoryMeta=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:T;return c.default(e,T,(function(e,t){return Array.isArray(e)?e.concat(t):"string"==typeof e?e:void 0}))},e.Theme=h,e.allEqual=function(e){return 1==new Set(e).size},e.consoleOnce=A,e.createDataProp=function(e){var t,r,n,o="data-leafygreen-ui";return{prop:(t={},r=o,n=e,r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t),selector:"[".concat(o,'="').concat(e,'"]')}},e.createSyntheticEvent=function(e,t){Object.defineProperty(e,"target",{writable:!1,value:t});var r=!1,n=!1;return{nativeEvent:e,currentTarget:e.currentTarget,target:e.target,bubbles:e.bubbles,cancelable:e.cancelable,defaultPrevented:e.defaultPrevented,eventPhase:e.eventPhase,isTrusted:e.isTrusted,preventDefault:function(){r=!0,e.preventDefault()},isDefaultPrevented:function(){return r},stopPropagation:function(){n=!0,e.stopPropagation()},isPropagationStopped:function(){return n},persist:function(){},timeStamp:e.timeStamp,type:e.type}},e.createUniqueClassName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=y(e);if(b.has(e)){var r=b.get(e);b.set(e,[t].concat(d(r)))}else b.set(e,[t]);return t},e.enforceExhaustive=function(e){throw Error("Received unhandled value: ".concat(e))},e.getNodeTextContent=function e(t){return"string"==typeof(r=t)||"number"==typeof r?t.toString().trim():Array.isArray(t)?t.map(e).join(" ").trim():function(e){return e&&"object"===s(e)&&e.props}(t)?e(t.props.children):"";var r},e.getTheme=function(e){return e?h.Dark:h.Light},e.isComponentType=w,e.keyMap={ArrowUp:38,ArrowDown:40,ArrowLeft:37,ArrowRight:39,Backspace:8,BracketLeft:91,Delete:46,Enter:13,Escape:27,Space:32,Tab:9},e.storybookArgTypes=v,e.storybookExcludedControlParams=S,e.typeIs=m,e.validateChildren=function(e,t){var r,n=null===(r=u.default.Children.map(e,(function(e){if(t.some((function(t){return w(e,t)})))return e})))||void 0===r?void 0:r.filter((function(e){return!l.default(e)}));return l.default(e)||(null==n?void 0:n.length)===u.default.Children.count(e)||A.error("Children must be one of: ".concat(t.join(", ")),"Received children: ",e),n},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lodash/once"),require("lodash/isUndefined"),require("react"),require("lodash/mergeWith")):"function"==typeof define&&define.amd?define(["exports","lodash/once","lodash/isUndefined","react","lodash/mergeWith"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/lib"]={},e.once,e.isUndefined,e.React,e.mergeWith)}(this,(function(e,t,r,n,o){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t),l=a(r),u=a(n),c=a(o);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function d(e,t,r){return t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");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:String(t)}(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){return function(e){if(Array.isArray(e))return p(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return p(e,t)}(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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e){return null!=e&&e.nodeType===Node.ELEMENT_NODE}var y=Object.freeze({__proto__:null,element:m,button:function(e){return m(e)&&"button"===e.tagName.toLowerCase()},input:function(e){return m(e)&&"input"===e.tagName.toLowerCase()},array:function(e){return null!=e&&e instanceof Array}}),b=function(e){var t,r,n=(null!==(t=null===(r=h.get(e))||void 0===r?void 0:r.length)&&void 0!==t?t:0).toString().padStart(4,"0");return"lg-ui".concat(e?"-".concat(e):"","-").concat(n)},h=new Map;var g={Light:"light",Dark:"dark"};var v=["small","button","a","abbr","address","article","aside","b","big","blockquote","caption","cite","code","dd","del","details","dfn","dialog","div","em","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","i","ins","kbd","keygen","label","legend","li","main","map","mark","menu","menuitem","meter","nav","noscript","ol","p","picture","pre","progress","q","rp","rt","ruby","s","samp","slot","script","section","select","span","strong","style","sub","summary","sup","template","tbody","td","tfoot","th","thead","time","title","tr","u","ul"],S={baseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component",control:{type:"none"},options:[14,16]},updatedBaseFontSize:{description:"The base font size passed to the LeafyGreenProvider that wraps the component. Uses the updated font size values for Euclid Circular A.",control:{type:"radio"},options:[13,16]},darkMode:{description:"Render the component in dark mode.",control:"boolean"},children:{description:"Element rendered inside the component",control:"text"},as:{description:"The component will be rendered in HTML as the element selected here",options:v,type:{name:"string"},control:{type:"select"},defaultValue:"button"}},T=["aria-controls","aria-describedby","aria-label","aria-labelledby","onBlur","onCancel","onChange","onClear","onClick","onConfirm","onDismiss","onFilter","ref","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex","id"],w={argTypes:{darkMode:S.darkMode,baseFontSize:S.updatedBaseFontSize},parameters:{default:"Basic",controls:{exclude:f(T)}}};function C(e,t){return null!=e&&"object"===s(e)&&"type"in e&&e.type.displayName===t}var A={error:i.default(console.error),warn:i.default(console.warn),log:i.default(console.log)};e.AriaCurrentValue={Page:"page",Step:"step",Location:"location",Date:"date",Time:"time",True:"true",Unset:"false"},e.IntrinsicElements=v,e.StoryMeta=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:w;return c.default(e,w,(function(e,t){return Array.isArray(e)?e.concat(t):"string"==typeof e?e:void 0}))},e.Theme=g,e.allEqual=function(e){return 1==new Set(e).size},e.consoleOnce=A,e.createDataProp=function(e){var t="data-leafygreen-ui";return{prop:d({},t,e),selector:"[".concat(t,'="').concat(e,'"]')}},e.createSyntheticEvent=function(e,t){Object.defineProperty(e,"target",{writable:!1,value:t});var r=!1,n=!1;return{nativeEvent:e,currentTarget:e.currentTarget,target:e.target,bubbles:e.bubbles,cancelable:e.cancelable,defaultPrevented:e.defaultPrevented,eventPhase:e.eventPhase,isTrusted:e.isTrusted,preventDefault:function(){r=!0,e.preventDefault()},isDefaultPrevented:function(){return r},stopPropagation:function(){n=!0,e.stopPropagation()},isPropagationStopped:function(){return n},persist:function(){},timeStamp:e.timeStamp,type:e.type}},e.createUniqueClassName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=b(e);if(h.has(e)){var r=h.get(e);h.set(e,[t].concat(f(r)))}else h.set(e,[t]);return t},e.enforceExhaustive=function(e){throw Error("Received unhandled value: ".concat(e))},e.getNodeTextContent=function e(t){return"string"==typeof(r=t)||"number"==typeof r?t.toString().trim():Array.isArray(t)?t.map(e).join(" ").trim():function(e){return e&&"object"===s(e)&&e.props}(t)?e(t.props.children):"";var r},e.getTheme=function(e){return e?g.Dark:g.Light},e.isComponentType=C,e.keyMap={ArrowUp:38,ArrowDown:40,ArrowLeft:37,ArrowRight:39,Backspace:8,BracketLeft:91,Delete:46,Enter:13,Escape:27,Space:32,Tab:9},e.storybookArgTypes=S,e.storybookExcludedControlParams=T,e.typeIs=y,e.validateChildren=function(e,t){var r,n=null===(r=u.default.Children.map(e,(function(e){if(t.some((function(t){return C(e,t)})))return e})))||void 0===r?void 0:r.filter((function(e){return!l.default(e)}));return l.default(e)||(null==n?void 0:n.length)===u.default.Children.count(e)||A.error("Children must be one of: ".concat(t.join(", ")),"Received children: ",e),n},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

dist/storybook/index.d.ts

 export { storybookArgTypes } from './storybookArgTypes';
 export { storybookExcludedControlParams } from './storybookExcludedControlParams';
 export { default as IntrinsicElements } from './IntrinsicElements';
-export { StoryMeta } from './StoryMeta';
+export { StoryMeta, type StoryMetaType } from './StoryMeta';
 //# sourceMappingURL=index.d.ts.map

dist/storybook/storybookArgTypes.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 import { InputType } from '@storybook/csf';
@@ -8,38 +7,14 @@ export interface StoryArgType extends InputType {
     displayedPlatforms?: 'storybookOnly' | 'websiteOnly';
+    /**
+     * Define the control type
+     *
+     * Avoid using this property to exclude a control.
+     * Use `parameters.controls.exclude` for this.
+     */
+    control?: string | {
+        type: string;
+        [key: string]: any;
+    };
 }
-export declare const storybookArgTypes: {
-    readonly baseFontSize: {
-        readonly description: "The base font size passed to the LeafyGreenProvider that wraps the component";
-        readonly control: {
-            readonly type: "radio";
-        };
-        readonly options: readonly [14, 16];
-    };
-    readonly updatedBaseFontSize: {
-        readonly description: "The base font size passed to the LeafyGreenProvider that wraps the component. Uses the updated font size values for Euclid Circular A.";
-        readonly control: {
-            readonly type: "radio";
-        };
-        readonly options: readonly [13, 16];
-    };
-    readonly darkMode: {
-        readonly description: "Render the component in dark mode.";
-        readonly control: "boolean";
-    };
-    readonly children: {
-        readonly description: "Element rendered inside the component";
-        readonly control: "text";
-    };
-    readonly as: {
-        readonly description: "The component will be rendered in HTML as the element selected here";
-        readonly options: (keyof JSX.IntrinsicElements)[];
-        readonly type: {
-            readonly name: "string";
-        };
-        readonly control: {
-            readonly type: "select";
-        };
-        readonly defaultValue: "button";
-    };
-};
+export declare const storybookArgTypes: Record<string, StoryArgType>;
 //# sourceMappingURL=storybookArgTypes.d.ts.map

dist/storybook/StoryMeta.d.ts

@@ -1,2 +0,2 @@
-import { ComponentMeta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import { ComponentProps } from 'react';
@@ -8,8 +8,9 @@ import DarkModeProps from '../DarkModeProps';
 }
-export interface StoryMetaType<T extends React.ElementType, XP extends Record<string, any> = {}> extends Omit<ComponentMeta<T>, 'component' | 'argTypes' | 'args'> {
-    parameters: ComponentMeta<T>['parameters'] & {
+export declare type StoryMetaType<T extends React.ElementType, XP extends Record<string, any> = {}> = Omit<Meta<T>, 'component' | 'argTypes' | 'args'> & {
+    parameters: Meta<T>['parameters'] & {
         /**
-         * The default story to be displayed on `mongodb.design`
+         * The default story to be displayed on `mongodb.design`.
+         * Explicitly exclude a default story by setting this to `null`
          */
-        default: string;
+        default: string | null;
     };
@@ -25,6 +26,25 @@ argTypes?: Partial<{
     component?: T;
-}
-export declare const baseMeta: Partial<StoryMetaType<any>>;
+    title?: string;
+};
+export declare const baseStoryMeta: Partial<StoryMetaType<any>>;
+/**
+ *
+ * Storybook 7.x requires a statically defined object as the default export.
+ *
+ * Use {@link StoryMetaType} (and {@link baseStoryMeta} as necessary)
+ *
+ * Example:
+ *
+ * ```ts
+ * const meta: StoryMetaType<typeof Component> = {
+ *  component: Component,
+ *  ...baseStoryMeta
+ * }
+ * export default meta
+ * ```
+ *
+ * @deprecated
+ */
 export declare const StoryMeta: <T extends import("react").ElementType<any>, XP extends Record<string, any>>(meta?: StoryMetaType<T, XP>) => StoryMetaType<T, XP>;
 export {};
 //# sourceMappingURL=StoryMeta.d.ts.map

package.json

 {
   "name": "@leafygreen-ui/lib",
-  "version": "10.3.3",
+  "version": "10.3.4-next.0",
   "description": "leafyGreen UI Kit Internal Library",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

src/index.ts

@@ -13,2 +13,3 @@ import once from 'lodash/once';
   StoryMeta,
+  type StoryMetaType,
   storybookArgTypes,
@@ -15,0 +16,0 @@ storybookExcludedControlParams,

src/storybook/index.ts

 export { storybookArgTypes } from './storybookArgTypes';
 export { storybookExcludedControlParams } from './storybookExcludedControlParams';
 export { default as IntrinsicElements } from './IntrinsicElements';
-export { StoryMeta } from './StoryMeta';
+export { StoryMeta, type StoryMetaType } from './StoryMeta';

src/storybook/storybookArgTypes.ts

@@ -8,9 +8,22 @@ import { InputType } from '@storybook/csf';
   displayedPlatforms?: 'storybookOnly' | 'websiteOnly';
+
+  /**
+   * Define the control type
+   *
+   * Avoid using this property to exclude a control.
+   * Use `parameters.controls.exclude` for this.
+   */
+  control?:
+    | string
+    | {
+        type: string;
+        [key: string]: any;
+      };
 }
 
-export const storybookArgTypes = {
+export const storybookArgTypes: Record<string, StoryArgType> = {
   baseFontSize: {
     description:
       'The base font size passed to the LeafyGreenProvider that wraps the component',
-    control: { type: 'radio' },
+    control: { type: 'none' },
     options: [14, 16],
@@ -17,0 +30,0 @@ },

src/storybook/storybookExcludedControlParams.ts

 export const storybookExcludedControlParams = [
+  'aria-controls',
+  'aria-describedby',
   'aria-label',
   'aria-labelledby',
-  'aria-describedby',
-  'onFilter',
+  'onBlur',
+  'onCancel',
+  'onChange',
   'onClear',
-  'onChange',
   'onClick',
+  'onConfirm',
+  'onDismiss',
+  'onFilter',
   'ref',
@@ -10,0 +15,0 @@ 'className',

src/storybook/StoryMeta.spec.ts

 import { storybookExcludedControlParams } from './storybookExcludedControlParams';
-import { baseMeta, StoryMeta } from './StoryMeta';
+import { baseStoryMeta, StoryMeta } from './StoryMeta';
 
@@ -9,3 +9,3 @@ describe('lib/StoryMeta', () => {
     expect(meta.argTypes).toStrictEqual(
-      expect.objectContaining(baseMeta.argTypes),
+      expect.objectContaining(baseStoryMeta.argTypes),
     );
@@ -25,3 +25,3 @@ expect(meta.parameters.controls.exclude).toStrictEqual(
     expect(meta.argTypes).toStrictEqual(
-      expect.objectContaining(baseMeta.argTypes),
+      expect.objectContaining(baseStoryMeta.argTypes),
     );
@@ -54,3 +54,3 @@ expect(meta.parameters.controls.exclude).toStrictEqual(
         },
-        ...baseMeta.argTypes,
+        ...baseStoryMeta.argTypes,
       }),
@@ -57,0 +57,0 @@ );

src/storybook/StoryMeta.ts

@@ -1,2 +0,2 @@
-import { ComponentMeta } from '@storybook/react';
+import { Meta } from '@storybook/react';
 import mergeWith from 'lodash/mergeWith';
@@ -15,11 +15,12 @@ import { ComponentProps } from 'react';
 
-export interface StoryMetaType<
+export type StoryMetaType<
   T extends React.ElementType,
   XP extends Record<string, any> = {},
-> extends Omit<ComponentMeta<T>, 'component' | 'argTypes' | 'args'> {
-  parameters: ComponentMeta<T>['parameters'] & {
+> = Omit<Meta<T>, 'component' | 'argTypes' | 'args'> & {
+  parameters: Meta<T>['parameters'] & {
     /**
-     * The default story to be displayed on `mongodb.design`
+     * The default story to be displayed on `mongodb.design`.
+     * Explicitly exclude a default story by setting this to `null`
      */
-    default: string;
+    default: string | null;
   };
@@ -39,5 +40,6 @@ argTypes?: Partial<
   component?: T;
-}
+  title?: string;
+};
 
-export const baseMeta: Partial<StoryMetaType<any>> = {
+export const baseStoryMeta: Partial<StoryMetaType<any>> = {
   argTypes: {
@@ -55,2 +57,20 @@ darkMode: storybookArgTypes.darkMode,
 
+/**
+ *
+ * Storybook 7.x requires a statically defined object as the default export.
+ *
+ * Use {@link StoryMetaType} (and {@link baseStoryMeta} as necessary)
+ *
+ * Example:
+ *
+ * ```ts
+ * const meta: StoryMetaType<typeof Component> = {
+ *  component: Component,
+ *  ...baseStoryMeta
+ * }
+ * export default meta
+ * ```
+ *
+ * @deprecated
+ */
 export const StoryMeta = <
@@ -60,5 +80,5 @@ T extends React.ElementType,
 >(
-  meta: StoryMetaType<T, XP> = baseMeta as StoryMetaType<T, XP>,
+  meta: StoryMetaType<T, XP> = baseStoryMeta as StoryMetaType<T, XP>,
 ): StoryMetaType<T, XP> => {
-  return mergeWith(meta, baseMeta, (metaVal, baseVal) => {
+  return mergeWith(meta, baseStoryMeta, (metaVal, baseVal) => {
     if (Array.isArray(metaVal)) return metaVal.concat(baseVal);
@@ -65,0 +85,0 @@ if (typeof metaVal === 'string') return metaVal;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

3573

increased by1.05%

Worsened metrics

Total package byte prevSize

276375

decreased by-0.71%

Number of low quality alerts

2

increased by100%

No dependency changes