@ornikar/kitt-universal 13.3.2 → 13.4.1

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/forms/DatePicker/components/InputPart.d.ts

@@ -2,6 +2,7 @@
 import type { TextInput } from 'react-native';
 import type { InputTextProps } from '../../InputText/InputText';
 interface InputPartProps {
+    id?: string;
     value?: string;
     placeholder?: InputTextProps['placeholder'];
     disabled?: boolean;

package/dist/definitions/forms/DatePicker/components/InputPart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputPart.d.ts","sourceRoot":"","sources":["../../../../../src/forms/DatePicker/components/InputPart.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AA4BhE,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,sGAqCrB,CAAC"}
+{"version":3,"file":"InputPart.d.ts","sourceRoot":"","sources":["../../../../../src/forms/DatePicker/components/InputPart.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AA4BhE,UAAU,cAAc;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,SAAS,sGAuCrB,CAAC"}

package/dist/definitions/forms/DatePicker/components/KeyboardDatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardDatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/forms/DatePicker/components/KeyboardDatePicker.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAI7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AASrD,UAAU,uBAAwB,SAAQ,eAAe;IACvD,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,kBAAkB,iHA8I9B,CAAC"}
+{"version":3,"file":"KeyboardDatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/forms/DatePicker/components/KeyboardDatePicker.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,MAAM,cAAc,CAAC;AAI7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AASrD,UAAU,uBAAwB,SAAQ,eAAe;IACvD,eAAe,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,kBAAkB,iHAiJ9B,CAAC"}

package/dist/definitions/forms/Label/Label.d.ts

@@ -1,7 +1,8 @@
 import type { ReactElement, ReactNode } from 'react';
 export interface LabelProps {
+    id?: string;
     htmlFor: string;
     children: NonNullable<ReactNode>;
 }
-export declare function Label({ htmlFor, children }: LabelProps): ReactElement;
+export declare function Label({ id, htmlFor, children }: LabelProps): ReactElement;
 //# sourceMappingURL=Label.d.ts.map

package/dist/definitions/forms/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/forms/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,KAAK,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,YAAY,CAMrE"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/forms/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIrD,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,YAAY,CAazE"}

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

@@ -4304,7 +4304,8 @@ function getCurrentInternalForcedState$1(_ref) {
   return 'default';
 }
 var InputPart = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var value = _ref2.value,
+  var id = _ref2.id,
+    value = _ref2.value,
     placeholder = _ref2.placeholder,
     disabled = _ref2.disabled,
     isFocusedInternal = _ref2.isFocusedInternal,
@@ -4316,6 +4317,7 @@ var InputPart = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     onSubmitEditing = _ref2.onSubmitEditing;
   return /*#__PURE__*/jsx(InputText, {
     ref: ref,
+    id: id,
     internalForceState: getCurrentInternalForcedState$1({
       isDisabled: disabled,
       isHoveredInternal: isHoveredInternal,
@@ -4346,11 +4348,11 @@ function PartContainer(_ref) {
   });
 }
 
-var _excluded$q = ["value", "testID", "id", "stretch", "placeholder", "minDate", "maxDate", "disabled", "isFocusedInternal", "isHoveredInternal", "isPressedInternal", "returnKeyType", "onChange", "onBlur", "onFocus", "onSubmitEditing"];
+var _excluded$q = ["id", "value", "testID", "stretch", "placeholder", "minDate", "maxDate", "disabled", "isFocusedInternal", "isHoveredInternal", "isPressedInternal", "returnKeyType", "onChange", "onBlur", "onFocus", "onSubmitEditing"];
 var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var value = _ref.value,
+  var id = _ref.id,
+    value = _ref.value,
     testID = _ref.testID,
-    id = _ref.id,
     stretch = _ref.stretch,
     placeholder = _ref.placeholder,
     minDate = _ref.minDate,
@@ -4417,7 +4419,8 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
         isStretch: stretch,
         width: "kitt.forms.datePicker.day.minWidth",
         children: /*#__PURE__*/jsx(InputPart, _objectSpread(_objectSpread({
-          ref: ref
+          ref: ref,
+          id: id ? "".concat(id, "-day") : undefined
         }, sharedInputPartProps), {}, {
           placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.day,
           value: state.displayedDay,
@@ -4447,7 +4450,8 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
         isStretch: stretch,
         width: "kitt.forms.datePicker.month.minWidth",
         children: /*#__PURE__*/jsx(InputPart, _objectSpread(_objectSpread({
-          ref: monthRef
+          ref: monthRef,
+          id: id ? "".concat(id, "-month") : undefined
         }, sharedInputPartProps), {}, {
           placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.month,
           value: state.displayedMonth,
@@ -4477,7 +4481,8 @@ var KeyboardDatePicker = /*#__PURE__*/forwardRef(function (_ref, ref) {
         isStretch: stretch,
         width: "kitt.forms.datePicker.year.minWidth",
         children: /*#__PURE__*/jsx(InputPart, _objectSpread(_objectSpread({
-          ref: yearRef
+          ref: yearRef,
+          id: id ? "".concat(id, "-year") : undefined
         }, sharedInputPartProps), {}, {
           placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.year,
           value: state.displayedYear,
@@ -5047,11 +5052,15 @@ function InputTag(_ref) {
 }
 
 function Label(_ref) {
-  var htmlFor = _ref.htmlFor,
+  var id = _ref.id,
+    htmlFor = _ref.htmlFor,
     children = _ref.children;
+  var isWeb = Platform.OS === 'web';
   return /*#__PURE__*/jsx(Typography.Text, {
     base: "body",
-    children: Platform.OS === 'web' ? /*#__PURE__*/jsx("label", {
+    nativeID: isWeb ? undefined : id,
+    children: isWeb ? /*#__PURE__*/jsx("label", {
+      id: id,
       htmlFor: htmlFor,
       children: children
     }) : children