creactive 0.0.68 → 0.0.70

package/build/default.js.LICENSE.txt

@@ -1,3 +1,18 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
 /**
  * @license React
  * react-jsx-runtime.production.min.js

package/build/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export { StorybookControl } from '../helpers/storybook';
+export { getStyleCache, renderStyle } from '../helpers/style';
+export type { RenderStyleHelper } from '../helpers/style';

package/build/helpers/storybook/constants/control.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Storybook control type enum for control helper.
+ * Should be used to build control instead of literal values.
+ * Feel free to extend this enum with new control types if required.
+ */
+export declare const enum StorybookControlType {
+    SELECT = "select",
+    TEXT = "text",
+    NUMBER = "number"
+}
+/**
+ * Storybook control undefined option.
+ * Optional enum controls are supposed to have undefined value option.
+ * This option is supposed to be mapped to undefined value in control mapping.
+ */
+export declare const STORYBOOK_CONTROL_UNDEFINED_OPTION = "-";
+/**
+ * Storybook control numeric enum flag.
+ * We pass this flag throug storybook inside control object.
+ * Allows to handle this flag later, inside decorator if we need.
+ */
+export declare const STORYBOOK_CONTROL_NUMERIC_ENUM_FLAG = "isCreactiveStorybookNumericEnum";

package/build/helpers/storybook/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './control';

package/build/helpers/storybook/control.d.ts

@@ -0,0 +1,87 @@
+import type { Decorator, StoryContext } from '@storybook/react';
+import { StorybookControlType } from './constants';
+/**
+ * Modifies context arguments to handle numeric enum controls.
+ * Numeric enum values are passed as strings by storybook controls.
+ * Seems like this happens because of select control implementation.
+ * This method is exported for test here, but should not be exported ouside.
+ */
+export declare const modifyContextNumericEnumControls: (context: StoryContext) => {
+    args: {
+        [x: string]: unknown;
+    };
+    loaded: Record<string, any>;
+    abortSignal: AbortSignal;
+    canvasElement: HTMLElement;
+    hooks: unknown;
+    originalStoryFn: import("@storybook/csf").StoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
+    viewMode: import("@storybook/csf").ViewMode;
+    step: import("@storybook/csf").StepFunction<import("@storybook/react").ReactRenderer, import("@storybook/csf").StrictArgs>;
+    context: StoryContext;
+    canvas: import("@storybook/csf").Canvas;
+    mount: (ui?: JSX.Element) => Promise<import("@storybook/csf").Canvas>;
+    component?: import("react").ComponentType<any>;
+    subcomponents?: Record<string, import("react").ComponentType<any>>;
+    parameters: import("@storybook/csf").Parameters;
+    initialArgs: import("@storybook/csf").StrictArgs;
+    argTypes: import("@storybook/csf").StrictArgTypes<import("@storybook/csf").StrictArgs>;
+    componentId: import("@storybook/csf").ComponentId;
+    title: import("@storybook/csf").ComponentTitle;
+    kind: import("@storybook/csf").ComponentTitle;
+    id: import("@storybook/csf").StoryId;
+    name: import("@storybook/csf").StoryName;
+    story: import("@storybook/csf").StoryName;
+    tags: import("@storybook/csf").Tag[];
+    globals: import("@storybook/csf").Globals;
+};
+/**
+ * Storybook control helpers.
+ * Collected into a single class for convenient import.
+ * Helps to build storybook control objects for components stories.
+ */
+export declare const StorybookControl: {
+    /**
+     * Builds a story object form provided numeric enum.
+     * Numeric enum will be mapped to storybook select control.
+     *
+     * @param target - target numeric enum for control
+     * @param isOptional - whether control is optional
+     */
+    fromNumericEnum(target: Record<string, number>, isOptional?: boolean): {
+        control: {
+            isCreactiveStorybookNumericEnum: boolean;
+            type: StorybookControlType;
+            labels: Record<number, string>;
+        };
+        options: number[];
+        defaultValue: number;
+    };
+    /**
+     * Builds a story object for numeric input control.
+     * Numeric input will be mapped to storybook number control.
+     *
+     * @param defaultValue - can be provided to set default value
+     */
+    forNumber(defaultValue?: number): {
+        control: {
+            type: StorybookControlType;
+        };
+        defaultValue: number;
+    };
+    /**
+     * Returns default children control.
+     * Keeps storybook control factory logic together.
+     * Also allows to avoid faker import in every story file.
+     */
+    forChildren(): {
+        control: {
+            type: StorybookControlType;
+        };
+        defaultValue: string;
+    };
+    /**
+     * Returns decorator for storybook stories.
+     * This decorator should apply some context modifications.
+     */
+    getDecorator(): Decorator;
+};

package/build/helpers/storybook/index.d.ts

@@ -0,0 +1 @@
+export { StorybookControl } from './control';

package/build/helpers/style/index.d.ts

@@ -1,2 +1,2 @@
-export { renderStyle } from './style';
+export { getStyleCache, renderStyle } from './style';
 export type { RenderStyleHelper } from './style.types';

package/build/helpers/style/style.d.ts

@@ -1,2 +1,4 @@
+import type { EmotionCache } from '@emotion/cache';
 import type { RenderStyleHelper } from './style.types';
+export declare const getStyleCache: () => EmotionCache;
 export declare const renderStyle: RenderStyleHelper;

package/build/helpers/style/style.types.d.ts

@@ -7,4 +7,4 @@ import type { ComponentType, JSX } from 'react';
  * @see https://necolas.github.io/react-native-web/docs/rendering/
  * @see https://docs.expo.dev/guides/using-nextjs/
  */
-export type RenderStyleHelper = (component: ComponentType, key?: string) => JSX.Element;
+export type RenderStyleHelper = (component: ComponentType, html: string) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "creactive",
-  "version": "0.0.68",
+  "version": "0.0.70",
   "main": "build/default.js",
   "files": [
     "build/**"
@@ -14,25 +14,31 @@
     "test:ios": "jest",
     "test:web": "jest",
     "lint": "expo lint",
-    "build": "npm run build:default && npm run build:web && npm run build:types",
+    "build": "npm run build:default && npm run build:classic && npm run build:types",
     "build:default": "webpack --mode production",
-    "build:web": "webpack --mode production",
+    "build:classic": "webpack --mode production",
     "build:types": "tsc -p tsconfig.types.json && tsc-alias -p tsconfig.types.json",
     "prepublishOnly": "npm run build && node scripts/update-package.js build/default.js",
     "postpublish": "node scripts/update-package.js .storybook"
   },
   "peerDependencies": {
+    "@emotion/cache": ">= 11 < 12",
+    "@emotion/react": ">= 11 < 12",
+    "@emotion/server": ">= 11 < 12",
+    "@emotion/styled": ">= 11 < 12",
     "react": ">= 18 < 19",
     "react-dom": ">= 18 < 19",
     "react-native": ">= 0.68 < 0.78",
-    "react-native-web": ">= 0.18",
-    "@emotion/styled": ">= 11 < 12"
+    "react-native-web": ">= 0.18"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
+    "@emotion/cache": "^11.14.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.14.0",
     "@faker-js/faker": "^9.2.0",
     "@react-native-async-storage/async-storage": "^1.23.1",