@ornikar/kitt-universal 13.3.1 → 13.4.0

package/babel-plugin-csf-to-jest.js

@@ -6,7 +6,10 @@ module.exports = function babelPluginStorybookCSFToJest({ types }, opts) {
   const storybookImportName = 'BabelPluginStorybookCSFToJest_StorybookReact';
   const storiesOfName = 'BabelPluginStorybookCSFToJest_stories';
 
-  const isStory = (file) => file.opts && file.opts.filename && file.opts.filename.endsWith('.stories.tsx');
+  const isStory = (file) =>
+    file.opts &&
+    file.opts.filename &&
+    (file.opts.filename.endsWith('.stories.tsx') || file.opts.filename.endsWith('/stories.tsx'));
 
   return {
     name: 'plugin-storybook-csf-to-jest',
@@ -134,6 +137,7 @@ module.exports = function babelPluginStorybookCSFToJest({ types }, opts) {
 
             const binding = path.scope.getBinding(declaration.id.name);
             let storyName = declaration.id.name;
+            let parameters;
 
             binding.referencePaths.forEach((refPath) => {
               if (refPath === path) return; // skip named export
@@ -154,28 +158,44 @@ module.exports = function babelPluginStorybookCSFToJest({ types }, opts) {
               }
 
               const prop = refPath.parent.property;
-              if (types.isIdentifier(prop) && prop.name === 'args') {
-                foundArgs = true;
-                path.scope.push({
-                  id: types.identifier('args'),
-                  init: assignmentExpression.right,
-                });
-              }
+              if (types.isIdentifier(prop)) {
+                if (prop.name === 'args') {
+                  foundArgs = true;
 
-              if (
-                types.isIdentifier(prop) &&
-                prop.name === 'story' &&
-                types.isObjectExpression(assignmentExpression.right)
-              ) {
-                const objectExpression = assignmentExpression.right;
-                objectExpression.properties.forEach((property) => {
-                  if (types.isIdentifier(property.key) && property.key.name === 'name') {
-                    storyName = property.value.value;
+                  if (declaration.init.body.type !== 'BlockStatement') {
+                    declaration.init.body = types.blockStatement([types.returnStatement(declaration.init.body)]);
                   }
-                });
-              }
 
-              // Need to add decorators and parameters
+                  declaration.init.body.body.unshift(
+                    types.variableDeclaration('const', [
+                      types.variableDeclarator(types.identifier('args'), assignmentExpression.right),
+                    ]),
+                  );
+                }
+
+                if (prop.name === 'storyName') {
+                  if (!types.isStringLiteral(assignmentExpression.right)) {
+                    throw path.buildCodeFrameError(
+                      `Invalid storyName, expecting StringLiteral, got "${assignmentExpression.right.type}"`,
+                    );
+                  }
+                  storyName = assignmentExpression.right.value;
+                }
+
+                if (prop.name === 'story' && types.isObjectExpression(assignmentExpression.right)) {
+                  throw path.buildCodeFrameError('story.name is deprecated, use storyName instead');
+                }
+
+                if (prop.name === 'parameters') {
+                  parameters = assignmentExpression.right;
+                }
+
+                if (prop.name === 'decorators') {
+                  throw path.buildCodeFrameError(
+                    'Story-specific decorators are not supported, use global decorators instead (in export default).',
+                  );
+                }
+              }
 
               memberExpressionPath.parentPath.remove();
             });
@@ -188,6 +208,7 @@ module.exports = function babelPluginStorybookCSFToJest({ types }, opts) {
               types.callExpression(types.memberExpression(types.identifier(storiesOfName), types.identifier('add')), [
                 types.stringLiteral(storyName),
                 declaration.init,
+                ...(parameters ? [parameters] : []),
               ]),
             );
           }),

package/dist/definitions/Picker/Picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/Picker/Picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,CAAC,CAAC;IAChB,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,MAAM,EACN,eAAe,EACf,OAAO,GACR,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CA+E/B;yBAxFe,MAAM"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/Picker/Picker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,YAAY,EAAE,CAAC,CAAC;IAChB,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,MAAM,CAAC,CAAC,EAAE,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,MAAM,EACN,eAAe,EACf,OAAO,GACR,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CA4E/B;yBArFe,MAAM"}

package/dist/index-browser-all.es.android.js

@@ -8237,6 +8237,9 @@ function Picker(_ref) {
     onValueSelected = _ref.onValueSelected,
     onClose = _ref.onClose;
   var sx = useSx();
+  var iosTextStyle = sx({
+    color: 'kitt.picker.ios.selected.color'
+  });
 
   // Max height is based on base Modal sizes (which are not themified): padding (4*20*2) + footer (58) + header (58) + default iOS picker height (216)
   var _useMediaQuery = useMediaQuery({
@@ -8253,11 +8256,6 @@ function Picker(_ref) {
     // We can't set a percentage as it will be computed based on the page height
     height: isMatchingMaxHeight ? 'kitt.picker.ios.landscape.height' : 'kitt.picker.ios.default.height'
   });
-  var getIosTextStyle = function (isSelected) {
-    return sx({
-      color: isSelected ? 'kitt.picker.ios.selected.color' : undefined
-    });
-  };
   var _useState = useState(initialValue),
     _useState2 = _slicedToArray(_useState, 2),
     value = _useState2[0],
@@ -8288,7 +8286,7 @@ function Picker(_ref) {
 
           // iOS Picker doesn't support a custom Item component, we need to override its props manually for the selected one
           return /*#__PURE__*/cloneElement(item, {
-            color: getIosTextStyle(item.props.value === value).color
+            color: item.props.value === value ? iosTextStyle.color : undefined
           });
         })
       }) : /*#__PURE__*/jsx(ScrollView$2, {