vibe-storybook-components - npm Package Compare versions

Comparing version 0.4.1-metastory-settings-add-ignore-controls-bc148ca962.0 to 0.5.0

dist/components/link/link.js

@@ -1,1 +0,1 @@
-import e from"react";import s from"classnames";import i from"prop-types";import{BEMClass as t}from"../../helpers/utils/bem-helper.js";import r from"../../helpers/components/Link/Link.js";const o="vibe-sb-comps-link",m=t(o),p=({children:i,href:t,size:a,withoutSpacing:l,className:n})=>e.createElement(r,{text:i,href:t,className:s(o,n,{[m({state:"small"})]:a===p.sizes.SMALL,[m({state:"medium"})]:a===p.sizes.MEDIUM,[m({state:"with-spacing"})]:!l})});p.sizes={SMALL:"small",MEDIUM:"medium"},p.defaultProps={children:void 0,href:void 0,size:p.sizes.MEDIUM,withoutSpacing:!1},p.propTypes={children:i.string,href:i.string,size:i.oneOf([p.sizes.SMALL,p.sizes.MEDIUM]),withoutSpacing:i.bool};export{p as Link,p as default};
+import s from"react";import e from"classnames";import i from"prop-types";import{BEMClass as t}from"../../helpers/utils/bem-helper.js";import r from"../../helpers/components/Link/Link.js";const o="vibe-sb-comps-link",m=t(o),a=({children:i,href:t,size:p,withoutSpacing:l,className:n})=>s.createElement(r,{text:i,href:t,className:e(o,n,{[m({state:"small"})]:p===a.sizes.SMALL,[m({state:"medium"})]:p===a.sizes.MEDIUM,[m({state:"with-spacing"})]:!l})});a.sizes={SMALL:"small",MEDIUM:"medium"},a.defaultProps={className:void 0,children:void 0,href:void 0,size:a.sizes.MEDIUM,withoutSpacing:!1},a.propTypes={className:i.string,children:i.string,href:i.string,size:i.oneOf([a.sizes.SMALL,a.sizes.MEDIUM]),withoutSpacing:i.bool};export{a as Link,a as default};

dist/functions/createStoryMetaSettings.js

@@ -1,1 +0,1 @@
-import{useState as o,useMemo as n,useCallback as t}from"react";import{action as e}from"@storybook/addon-actions";function r(o,n,t){let e;for(const r of Object.keys(t))e=e?`${e} | ${a(o,n,r)}`:a(o,n,r);return e}function a(o,n,t){return`${o}.${n}.${t}`}function s({component:a,enumPropNamesArray:s,iconPropNamesArray:c,actionPropsArray:i,iconsMetaData:p,allIconsComponents:l,ignoreControlsPropNamesArray:m}){const f={},u=[],y=p.reduce(((o,n)=>{const t=l[n.file.split(".")[0]];return o.options.push(n.name),o.mapping[n.name]=t,o}),{options:[],mapping:{}});return s?.forEach((o=>{let n;o instanceof Object?(n=o.enumName,o=o.propName):n=o+"s";const t=a[n];if(t&&t instanceof Object){f[o]={options:t,labels:t,table:{type:{summary:r(a.__docgenInfo.displayName,n,t),detail:null}}}}})),c?.forEach((o=>{f[o]={options:y.options,mapping:y.mapping,control:{type:"select"}}})),i?.forEach((r=>{var a,s;"string"==typeof r?f[r]={action:r}:r?.name&&r.linkedToPropValue&&u.push((a=r.name,s=r.linkedToPropValue,(r,c)=>{const[i,p]=o(c.initialArgs[s]),l=n((()=>e(a)),[]),m=t((o=>{p(o),l(o)}),[p,l]);return c.args[a]=m,c.args[s]=i,r()}))})),m?.forEach((o=>{f[o]=f[o]instanceof Object?{...f[o],control:!1}:{control:!1}})),{argTypes:f,decorators:u}}export{s as createStoryMetaSettings,s as default};
+import{useState as o,useMemo as n,useCallback as t}from"react";import{action as e}from"@storybook/addon-actions";function r(o,n,t){let e;for(const r of Object.keys(t))e=e?`${e} | ${a(o,n,r)}`:a(o,n,r);return e}function a(o,n,t){return`${o}.${n}.${t}`}function s({component:a,enumPropNamesArray:s,iconPropNamesArray:c,actionPropsArray:i,iconsMetaData:p,allIconsComponents:l,ignoreControlsPropNamesArray:m}){const f={},u=[],y=p?.reduce(((o,n)=>{const t=l[n.file.split(".")[0]];return o.options.push(n.name),o.mapping[n.name]=t,o}),{options:[],mapping:{}});return s?.forEach((o=>{let n;o instanceof Object?(n=o.enumName,o=o.propName):n=o+"s";const t=a[n];if(t&&t instanceof Object){f[o]={options:t,labels:t,table:{type:{summary:r(a.__docgenInfo.displayName,n,t),detail:null}}}}})),c?.forEach((o=>{f[o]={options:y.options,mapping:y.mapping,control:{type:"select"}}})),i?.forEach((r=>{var a,s;"string"==typeof r?f[r]={action:r}:r?.name&&r.linkedToPropValue&&u.push((a=r.name,s=r.linkedToPropValue,(r,c)=>{const[i,p]=o(c.initialArgs[s]),l=n((()=>e(a)),[]),m=t((o=>{p(o),l(o)}),[p,l]);return c.args[a]=m,c.args[s]=i,r()}))})),m?.forEach((o=>{f[o]=f[o]instanceof Object?{...f[o],control:!1}:{control:!1}})),{argTypes:f,decorators:u}}export{s as createStoryMetaSettings,s as default};

package.json

 {
   "name": "vibe-storybook-components",
-  "version": "0.4.1-metastory-settings-add-ignore-controls-bc148ca962.0",
+  "version": "0.5.0",
   "description": "Collection of Vibe's Storybook components",
@@ -5,0 +5,0 @@ "license": "MIT",

src/components/link/link.jsx

@@ -29,2 +29,3 @@ import React from 'react';
 Link.defaultProps = {
+  className: undefined,
   children: undefined,
@@ -37,2 +38,3 @@ href: undefined,
 Link.propTypes = {
+  className: PropTypes.string,
   children: PropTypes.string,
@@ -39,0 +41,0 @@ href: PropTypes.string,

src/components/usage-guidelines/usage-guidelines.jsx

 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { BEMClass } from '../../helpers/utils/bem-helper';
-import './usage-guideline.scss';
+import './usage-guidelines.scss';
 
@@ -6,0 +6,0 @@ const CSS_BASE_CLASS = 'vibe-sb-comps-usage-guidelines';

src/functions/createStoryMetaSettings.js

@@ -59,3 +59,3 @@ import { useCallback, useMemo, useState } from 'react';
   const decorators = [];
-  const allowedIcons = iconsMetaData.reduce(
+  const allowedIcons = iconsMetaData?.reduce(
     (acc, icon) => {
@@ -120,2 +120,3 @@ const Component = allIconsComponents[icon.file.split('.')[0]];
 
+  // Disable controls for specific props
   ignoreControlsPropNamesArray?.forEach(propName => {
@@ -122,0 +123,0 @@ if (argTypes[propName] instanceof Object) {

No alert changes

Improved metrics

Total package byte prevSize

132743

increased by0.95%

Number of package files

180

increased by1.12%

Lines of code

1580

increased by2.07%

No dependency changes