@workday/canvas-kit-styling-transform 10.3.2 → 10.3.3

package/index.ts

@@ -1,3 +1,8 @@
 import styleTransformer from './lib/styleTransform';
+export {Config} from './lib/utils/types';
+export {parseNodeToStaticValue} from './lib/utils/parseNodeToStaticValue';
+export {parseObjectToStaticValue} from './lib/utils/parseObjectToStaticValue';
+export {createObjectTransform} from './lib/createObjectTransform';
+export {createPropertyTransform} from './lib/createPropertyTransform';
 
 export default styleTransformer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-styling-transform",
-  "version": "10.3.2",
+  "version": "10.3.3",
   "description": "The custom CSS in JS solution that takes JS styles and turns them into static CSS",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -18,18 +18,11 @@
     "*/lib/*",
     "*/index.ts",
     "dist/",
-    "index.ts"
+    "index.ts",
+    "testing.ts"
   ],
   "scripts": {
-    "watch": "yarn build:es6 -w",
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "clean": "rimraf dist && rimraf .build-info && mkdirp dist",
-    "build:cjs": "tsc -p tsconfig.cjs.json",
-    "build:es6": "tsc -p tsconfig.es6.json",
-    "build:rebuild": "npm-run-all clean build",
-    "build": "npm-run-all --parallel build:cjs build:es6",
-    "depcheck": "node ../../utils/check-dependencies-exist.js",
-    "typecheck:src": "tsc -p . --noEmit --incremental false"
+    "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [
     "canvas",
@@ -41,13 +34,12 @@
   ],
   "dependencies": {
     "@emotion/serialize": "^1.0.2",
-    "@workday/canvas-kit-styling": "^10.3.2",
-    "@workday/canvas-tokens-web": "^1.0.0",
+    "@workday/canvas-kit-styling": "^10.3.3",
     "stylis": "4.0.13",
     "typescript": "4.2"
   },
   "devDependencies": {
     "common-tags": "^1.8.0"
   },
-  "gitHead": "07021e74cb126d51459bb4046b3760bf2573a007"
+  "gitHead": "6ea048938f61ad4a8f72a537185f9317e5332769"
 }

package/testing.ts

@@ -0,0 +1,3 @@
+export {createProgramFromSource} from './spec/createProgramFromSource';
+export {transform, _reset, withDefaultContext} from './lib/styleTransform';
+export {findNodes} from './spec/findNodes';

package/dist/commonjs/index.d.ts

@@ -1,3 +0,0 @@
-import styleTransformer from './lib/styleTransform';
-export default styleTransformer;
-//# sourceMappingURL=index.d.ts.map

package/dist/commonjs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,eAAe,gBAAgB,CAAC"}

package/dist/commonjs/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styleTransform_1 = __importDefault(require("./lib/styleTransform"));
-exports.default = styleTransform_1.default;

package/dist/commonjs/lib/styleTransform.d.ts

@@ -1,23 +0,0 @@
-import ts from 'typescript';
-import { NodeTransformer, TransformerContext } from './utils/types';
-export declare type NestedStyleObject = {
-    [key: string]: string | NestedStyleObject;
-};
-export interface StyleTransformerOptions {
-    prefix: string;
-    variables: TransformerContext['variables'];
-    keyframes: TransformerContext['keyframes'];
-    fallbackFiles?: string[];
-    transformers?: NodeTransformer[];
-}
-/**
- * The reset is used in tests and should not be called normally.
- */
-export declare function _reset(): void;
-export default function styleTransformer(program: ts.Program, { variables, fallbackFiles, transformers, ...transformContext }?: Partial<StyleTransformerOptions>): ts.TransformerFactory<ts.SourceFile>;
-/**
- * This function is useful for tests or a custom build. The `styleTransformer` function is used by
- * the https://www.npmjs.com/package/ttypescript package.
- */
-export declare function transform(program: ts.Program, fileName: string, options?: Partial<StyleTransformerOptions>): string;
-//# sourceMappingURL=styleTransform.d.ts.map

package/dist/commonjs/lib/styleTransform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styleTransform.d.ts","sourceRoot":"","sources":["../../../lib/styleTransform.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,YAAY,CAAC;AAW5B,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAGlE,oBAAY,iBAAiB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAA;CAAC,CAAC;AAE5E,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CAClC;AAMD;;GAEG;AACH,wBAAgB,MAAM,SAIrB;AAgBD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CACtC,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,EACE,SAAc,EACd,aAAkB,EAClB,YAAkC,EAClC,GAAG,gBAAgB,EACpB,GAAE,OAAO,CAAC,uBAAuB,CAKjC,GACA,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC,UAAU,CAAC,CAsCtC;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACvB,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,UAY3C"}

package/dist/commonjs/lib/styleTransform.js

@@ -1,103 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transform = exports._reset = void 0;
-/// <reference types="node" />
-const typescript_1 = __importDefault(require("typescript"));
-const node_path_1 = __importDefault(require("node:path"));
-const getCssVariables_1 = require("./utils/getCssVariables");
-const handleCreateVars_1 = require("./utils/handleCreateVars");
-const handleCreateStyles_1 = require("./utils/handleCreateStyles");
-const handleCreateStencil_1 = require("./utils/handleCreateStencil");
-const handleCalc_1 = require("./utils/handleCalc");
-const handlePx2Rem_1 = require("./utils/handlePx2Rem");
-const handleFocusRing_1 = require("./utils/handleFocusRing");
-const handleCssVar_1 = require("./utils/handleCssVar");
-const handleKeyframes_1 = require("./utils/handleKeyframes");
-let vars = {};
-let keyframes = {};
-let loadedFallbacks = false;
-/**
- * The reset is used in tests and should not be called normally.
- */
-function _reset() {
-    vars = {};
-    keyframes = {};
-    loadedFallbacks = false;
-}
-exports._reset = _reset;
-/**
- * Optional list of transformers. Useful to override for tests
- */
-const defaultTransformers = [
-    handleCssVar_1.handleCssVar,
-    handleFocusRing_1.handleFocusRing,
-    handleCalc_1.handleCalc,
-    handlePx2Rem_1.handlePx2Rem,
-    handleKeyframes_1.handleKeyframes,
-    handleCreateVars_1.handleCreateVars,
-    handleCreateStyles_1.handleCreateStyles,
-    handleCreateStencil_1.handleCreateStencil,
-];
-function styleTransformer(program, { variables = {}, fallbackFiles = [], transformers = defaultTransformers, ...transformContext } = {
-    prefix: 'css',
-    variables: {},
-    keyframes: {},
-    transformers: defaultTransformers,
-}) {
-    if (!loadedFallbacks) {
-        const files = fallbackFiles
-            .filter(file => file) // don't process empty files
-            .map(file => {
-            // Find the fully-qualified path name. This could error which should give "module not found" errors
-            return file.startsWith('.') ? node_path_1.default.resolve(process.cwd(), file) : require.resolve(file);
-        })
-            .map(file => {
-            console.log(`Loading CSS variable fallback file: ${file}`);
-            return typescript_1.default.sys.readFile(file) || '';
-        });
-        const fallbackVars = getCssVariables_1.getVariablesFromFiles(files);
-        console.log(`Found ${Object.keys(fallbackVars).length} variables.`);
-        // eslint-disable-next-line no-param-reassign
-        vars = { ...variables, ...fallbackVars };
-        loadedFallbacks = true;
-    }
-    const checker = program.getTypeChecker();
-    return context => {
-        const visit = node => {
-            // eslint-disable-next-line no-param-reassign
-            node = typescript_1.default.visitEachChild(node, visit, context);
-            return handleTransformers(node, {
-                checker,
-                prefix: 'css',
-                variables: vars,
-                keyframes,
-                ...transformContext,
-            })(transformers);
-        };
-        return node => typescript_1.default.visitNode(node, visit);
-    };
-}
-exports.default = styleTransformer;
-/**
- * This function is useful for tests or a custom build. The `styleTransformer` function is used by
- * the https://www.npmjs.com/package/ttypescript package.
- */
-function transform(program, fileName, options) {
-    const source = program.getSourceFile(fileName) || typescript_1.default.createSourceFile(fileName, '', typescript_1.default.ScriptTarget.ES2019);
-    const printer = typescript_1.default.createPrinter();
-    return printer.printFile(typescript_1.default
-        .transform(source, [styleTransformer(program, options)])
-        .transformed.find(s => s.fileName === fileName) || source);
-}
-exports.transform = transform;
-const handleTransformers = (node, context) => (transformers) => {
-    return (transformers.reduce((result, transformer) => {
-        if (result) {
-            return result;
-        }
-        return transformer(node, context);
-    }, undefined) || node);
-};

package/dist/commonjs/lib/utils/createStyleObjectNode.d.ts

@@ -1,18 +0,0 @@
-import ts from 'typescript';
-import { NestedStyleObject } from './parseObjectToStaticValue';
-/**
- * Creates an AST node representation of the passed in `styleObj`, but in the format of `{name:
- * string, styles: serializedStyles}`. The `name` is hard-coded here to work with both server-side
- * and client-side style injection. This results in a stable style key for Emotion while also
- * optimizing style serialization.
- *
- * If `name` is provided, the name will be whatever `name` is, replacing "{hash}" with the hash
- * created via `serializeStyles`. For example: 'animation-{hash}' will be converted into
- * 'animation-abc123'
- */
-export declare function createStyleObjectNode(styleObj: NestedStyleObject | string, name?: string): ts.ObjectLiteralExpression;
-/**
- * Returns the name created by `createStyleObjectNode`
- */
-export declare function getStaticCssClassName(node: ts.Node): string;
-//# sourceMappingURL=createStyleObjectNode.d.ts.map

package/dist/commonjs/lib/utils/createStyleObjectNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createStyleObjectNode.d.ts","sourceRoot":"","sources":["../../../../lib/utils/createStyleObjectNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAK5B,OAAO,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAE7D;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,8BAuBxF;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,GAAG,MAAM,CAS3D"}

package/dist/commonjs/lib/utils/createStyleObjectNode.js

@@ -1,47 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStaticCssClassName = exports.createStyleObjectNode = void 0;
-const typescript_1 = __importDefault(require("typescript"));
-const serialize_1 = require("@emotion/serialize");
-const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
-/**
- * Creates an AST node representation of the passed in `styleObj`, but in the format of `{name:
- * string, styles: serializedStyles}`. The `name` is hard-coded here to work with both server-side
- * and client-side style injection. This results in a stable style key for Emotion while also
- * optimizing style serialization.
- *
- * If `name` is provided, the name will be whatever `name` is, replacing "{hash}" with the hash
- * created via `serializeStyles`. For example: 'animation-{hash}' will be converted into
- * 'animation-abc123'
- */
-function createStyleObjectNode(styleObj, name) {
-    const serialized = serialize_1.serializeStyles([styleObj]);
-    const styleText = serialized.styles;
-    const styleExpression = typescript_1.default.factory.createStringLiteral(styleText);
-    // create an emotion-optimized object: https://github.com/emotion-js/emotion/blob/f3b268f7c52103979402da919c9c0dd3f9e0e189/packages/serialize/src/index.js#L315-L322
-    // Looks like: `{name: $hash, styles: $styleText }`
-    return typescript_1.default.factory.createObjectLiteralExpression([
-        typescript_1.default.factory.createPropertyAssignment(typescript_1.default.factory.createIdentifier('name'), 
-        // TODO - we may need this to be a static variable for the CSS package
-        typescript_1.default.factory.createStringLiteral(name ? name.replace('{hash}', serialized.name) : canvas_kit_styling_1.generateUniqueId()) // We might be using values that are resolved at runtime, but should still be static. We're only supporting the `cs` function running once per file, so a stable id based on a hash is not necessary
-        ),
-        typescript_1.default.factory.createPropertyAssignment(typescript_1.default.factory.createIdentifier('styles'), styleExpression // In the future we can extract CSS from here by running the `stylis` compiler directly. Emotion does this here: https://github.com/emotion-js/emotion/blob/f3b268f7c52103979402da919c9c0dd3f9e0e189/packages/cache/src/index.js#L188-L245
-        ),
-    ], false);
-}
-exports.createStyleObjectNode = createStyleObjectNode;
-/**
- * Returns the name created by `createStyleObjectNode`
- */
-function getStaticCssClassName(node) {
-    if (typescript_1.default.isObjectLiteralExpression(node) &&
-        typescript_1.default.isPropertyAssignment(node.properties[0]) &&
-        typescript_1.default.isStringLiteral(node.properties[0].initializer)) {
-        return node.properties[0].initializer.text;
-    }
-    return '';
-}
-exports.getStaticCssClassName = getStaticCssClassName;

package/dist/commonjs/lib/utils/getCssVariables.d.ts

@@ -1,4 +0,0 @@
-import { Element } from 'stylis';
-export declare function getVariablesFromFiles(files: string[]): Record<string, string>;
-export declare function extractVariables(blocks: Element[] | string, variables?: Record<string, string>): Record<string, string>;
-//# sourceMappingURL=getCssVariables.d.ts.map

package/dist/commonjs/lib/utils/getCssVariables.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCssVariables.d.ts","sourceRoot":"","sources":["../../../../lib/utils/getCssVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,OAAO,EAAC,MAAM,QAAQ,CAAC;AAExC,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAK7E;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAC1B,SAAS,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,GACrC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAuBxB"}

package/dist/commonjs/lib/utils/getCssVariables.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.extractVariables = exports.getVariablesFromFiles = void 0;
-const stylis_1 = require("stylis");
-function getVariablesFromFiles(files) {
-    return files.reduce((result, file) => {
-        extractVariables(stylis_1.compile(file));
-        return { ...result, ...extractVariables(stylis_1.compile(file)) };
-    }, {});
-}
-exports.getVariablesFromFiles = getVariablesFromFiles;
-function extractVariables(blocks, variables = {}) {
-    if (typeof blocks === 'string') {
-        return variables;
-    }
-    return blocks
-        .filter(block => block.type === 'rule')
-        .reduce((result, rule) => {
-        if (Array.isArray(rule.children)) {
-            rule.children.forEach(child => {
-                if (typeof child.props === 'string' &&
-                    child.props.startsWith('--') &&
-                    typeof child.children === 'string') {
-                    result[child.props] = child.children;
-                }
-            });
-        }
-        return result;
-    }, { ...variables });
-}
-exports.extractVariables = extractVariables;

package/dist/commonjs/lib/utils/getErrorMessage.d.ts

@@ -1,15 +0,0 @@
-import ts from 'typescript';
-/**
- * Creates an error message around a node. It will look something like:
- *
- * ```
- * Unknown type at: "fontSize".
- * File: test.ts, Line: 6, Character: 17.
- * const styles = createStyles({
- *   fontSize: fontSize
- *             ========
- * })
- * ```
- */
-export declare function getErrorMessage(node: ts.Node): string;
-//# sourceMappingURL=getErrorMessage.d.ts.map

package/dist/commonjs/lib/utils/getErrorMessage.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getErrorMessage.d.ts","sourceRoot":"","sources":["../../../../lib/utils/getErrorMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,UAuC5C"}

package/dist/commonjs/lib/utils/getErrorMessage.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getErrorMessage = void 0;
-/**
- * Creates an error message around a node. It will look something like:
- *
- * ```
- * Unknown type at: "fontSize".
- * File: test.ts, Line: 6, Character: 17.
- * const styles = createStyles({
- *   fontSize: fontSize
- *             ========
- * })
- * ```
- */
-function getErrorMessage(node) {
-    const sourceFile = node.getSourceFile();
-    const { line } = node.getSourceFile().getLineAndCharacterOfPosition(node.pos);
-    const lineStarts = sourceFile.getLineStarts();
-    const lineStartIndex = lineStarts.findIndex(s => s >= node.pos) - 1;
-    // get a whole line's text given a lineStarts index
-    function getLine(sourceFile, startIndex) {
-        const lineStarts = sourceFile.getLineStarts();
-        return sourceFile.text.substring(lineStarts[Math.max(0, startIndex)], startIndex + 1 >= lineStarts.length ? undefined : lineStarts[startIndex + 1]);
-    }
-    // Create a full context message with source code and highlighting
-    const lineBefore = getLine(sourceFile, lineStartIndex - 1);
-    const lineCurrent = getLine(sourceFile, lineStartIndex);
-    const lineAfter = getLine(sourceFile, lineStartIndex + 1);
-    const highlightedLine = ''
-        .padStart(node.getStart() - lineStarts[lineStartIndex], ' ')
-        .padEnd(node.getStart() - lineStarts[lineStartIndex] + node.getWidth(), '=') + '\n';
-    /** This should look something like:
-     * ```
-     * const styles = createStyles({
-     *   fontSize: fontSize
-     *             ========
-     * })
-     * ```
-     */
-    const fullContext = lineBefore + lineCurrent + highlightedLine + lineAfter;
-    const character = node.getStart() - lineStarts[lineStartIndex];
-    return `File: ${sourceFile.fileName}:${line + 1}:${character}.\n${fullContext}`;
-}
-exports.getErrorMessage = getErrorMessage;

package/dist/commonjs/lib/utils/getFallbackVariable.d.ts

@@ -1,9 +0,0 @@
-/**
- * Looks for a variable value that doesn't include a fallback and automatically adds one if found in
- * the current cache of variables. This allows fallbacks to be automatically included in
- * environments without the variables defined. This is most useful for Storybook or other sandboxes
- * that may not have CSS Variables defined. The fallbacks will allow the UI to look correct without
- * additional setup. Fallbacks come from the `fallbackFiles` transform configuration.
- */
-export declare function getFallbackVariable(variableName: string, variables: Record<string, string>): string | undefined;
-//# sourceMappingURL=getFallbackVariable.d.ts.map

package/dist/commonjs/lib/utils/getFallbackVariable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFallbackVariable.d.ts","sourceRoot":"","sources":["../../../../lib/utils/getFallbackVariable.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAChC,MAAM,GAAG,SAAS,CAuBpB"}

package/dist/commonjs/lib/utils/getFallbackVariable.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFallbackVariable = void 0;
-/**
- * Looks for a variable value that doesn't include a fallback and automatically adds one if found in
- * the current cache of variables. This allows fallbacks to be automatically included in
- * environments without the variables defined. This is most useful for Storybook or other sandboxes
- * that may not have CSS Variables defined. The fallbacks will allow the UI to look correct without
- * additional setup. Fallbacks come from the `fallbackFiles` transform configuration.
- */
-function getFallbackVariable(variableName, variables) {
-    const variable = variableName.includes('var(') ? variableName : variables[variableName];
-    if (variable && variable.includes('var(')) {
-        return variable.replace(/(var\(([A-Za-z0-9\-_]+)\))/, (
-        /** matched substring "var(--var-name)" */ _, 
-        /** the full match of the first group "var(--var-name)" */ varMatch, 
-        /** the variable name  - match of the second group "--var-name" */ cssVarName) => {
-            const value = variables[cssVarName];
-            if (value && value.startsWith('var')) {
-                return getFallbackVariable(value, variables);
-            }
-            return value || varMatch;
-        });
-    }
-    if (variable) {
-        return variable;
-    }
-    return;
-}
-exports.getFallbackVariable = getFallbackVariable;

package/dist/commonjs/lib/utils/getVarName.d.ts

@@ -1,17 +0,0 @@
-import ts from 'typescript';
-/**
- * This function returns a calculated name of a node by walking up the AST and looking for nodes
- * with a `name` property that has an `Identifier` node type. The result is dash-case. This is
- * useful for automatically generating variable names based on a TS file.
- *
- * In the following example, the `baz` node would have a name of `foo-bar-baz`.
- * ```ts
- * const foo = {
- *   bar: {
- *     baz: ''
- *   }
- * }
- * ```
- */
-export declare function getVarName(node: ts.Node, parts?: string[]): string;
-//# sourceMappingURL=getVarName.d.ts.map

package/dist/commonjs/lib/utils/getVarName.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getVarName.d.ts","sourceRoot":"","sources":["../../../../lib/utils/getVarName.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,GAAE,MAAM,EAAO,GAAG,MAAM,CAYtE"}

package/dist/commonjs/lib/utils/getVarName.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVarName = void 0;
-const typescript_1 = __importDefault(require("typescript"));
-/**
- * This function returns a calculated name of a node by walking up the AST and looking for nodes
- * with a `name` property that has an `Identifier` node type. The result is dash-case. This is
- * useful for automatically generating variable names based on a TS file.
- *
- * In the following example, the `baz` node would have a name of `foo-bar-baz`.
- * ```ts
- * const foo = {
- *   bar: {
- *     baz: ''
- *   }
- * }
- * ```
- */
-function getVarName(node, parts = []) {
-    // base case. Join all the parts
-    if (!node.parent || node.kind === typescript_1.default.SyntaxKind.VariableStatement) {
-        return parts.join('-');
-    }
-    // Any node with a `name` property that is an identifier can add to the var name
-    if (node.name && typescript_1.default.isIdentifier(node.name)) {
-        return getVarName(node.parent, [node.name.text, ...parts]);
-    }
-    return getVarName(node.parent, parts);
-}
-exports.getVarName = getVarName;

package/dist/commonjs/lib/utils/handleCalc.d.ts

@@ -1,19 +0,0 @@
-import { NodeTransformer } from './types';
-/**
- * Handle all instances of `calc.*()` statically. It converts `calc.*` call expressions to template
- * string literals. The transformer will then transform the template literal into static values.
- *
- * ```ts
- * // in
- * calc.add('80%', '2px')
- *
- * // out
- * `calc(${'80%'} + ${'2px'})`
- * ```
- *
- * A template literal is used because the values might be Identifiers, PropertyAccessExpressions,
- * etc. The transform can handle template string literals with different spans, so we'll convert to
- * those as an intermediate step.
- */
-export declare const handleCalc: NodeTransformer;
-//# sourceMappingURL=handleCalc.d.ts.map

package/dist/commonjs/lib/utils/handleCalc.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handleCalc.d.ts","sourceRoot":"","sources":["../../../../lib/utils/handleCalc.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,UAAU,EAAE,eA+BxB,CAAC"}

package/dist/commonjs/lib/utils/handleCalc.js

@@ -1,62 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleCalc = void 0;
-const typescript_1 = __importDefault(require("typescript"));
-const isImportedFromStyling_1 = require("./isImportedFromStyling");
-/**
- * Handle all instances of `calc.*()` statically. It converts `calc.*` call expressions to template
- * string literals. The transformer will then transform the template literal into static values.
- *
- * ```ts
- * // in
- * calc.add('80%', '2px')
- *
- * // out
- * `calc(${'80%'} + ${'2px'})`
- * ```
- *
- * A template literal is used because the values might be Identifiers, PropertyAccessExpressions,
- * etc. The transform can handle template string literals with different spans, so we'll convert to
- * those as an intermediate step.
- */
-const handleCalc = (node, context) => {
-    if (typescript_1.default.isCallExpression(node) &&
-        typescript_1.default.isPropertyAccessExpression(node.expression) &&
-        typescript_1.default.isIdentifier(node.expression.expression) &&
-        node.expression.expression.text === 'calc' &&
-        typescript_1.default.isIdentifier(node.expression.name) &&
-        isImportedFromStyling_1.isImportedFromStyling(node.expression.expression, context.checker)) {
-        if (node.expression.name.text === 'add') {
-            return replaceWithTemplateString(node.arguments[0], node.arguments[1], ' + ');
-        }
-        if (node.expression.name.text === 'subtract') {
-            return replaceWithTemplateString(node.arguments[0], node.arguments[1], ' - ');
-        }
-        if (node.expression.name.text === 'multiply') {
-            return replaceWithTemplateString(node.arguments[0], node.arguments[1], ' * ');
-        }
-        if (node.expression.name.text === 'divide') {
-            return replaceWithTemplateString(node.arguments[0], node.arguments[1], ' / ');
-        }
-        if (node.expression.name.text === 'negate') {
-            return replaceWithTemplateString(node.arguments[0], typescript_1.default.factory.createStringLiteral('-1'), ' * ');
-        }
-    }
-    return;
-};
-exports.handleCalc = handleCalc;
-/**
- * Creates a template literal of the calculation result.
- */
-function replaceWithTemplateString(value1, value2, binder) {
-    if (typescript_1.default.isStringLiteral(value1) && typescript_1.default.isStringLiteral(value2)) {
-        return typescript_1.default.factory.createStringLiteral(`calc(${value1.text}${binder}${value2.text})`);
-    }
-    return typescript_1.default.factory.createTemplateExpression(typescript_1.default.factory.createTemplateHead('calc('), [
-        typescript_1.default.factory.createTemplateSpan(value1, typescript_1.default.factory.createTemplateMiddle(binder)),
-        typescript_1.default.factory.createTemplateSpan(value2, typescript_1.default.factory.createTemplateTail(')')),
-    ]);
-}

package/dist/commonjs/lib/utils/handleCreateStencil.d.ts

@@ -1,6 +0,0 @@
-import { NodeTransformer } from './types';
-/**
- * Handle all arguments of the CallExpression `createStencil()`
- */
-export declare const handleCreateStencil: NodeTransformer;
-//# sourceMappingURL=handleCreateStencil.d.ts.map

package/dist/commonjs/lib/utils/handleCreateStencil.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"handleCreateStencil.d.ts","sourceRoot":"","sources":["../../../../lib/utils/handleCreateStencil.ts"],"names":[],"mappings":"AASA,OAAO,EAAC,eAAe,EAAqB,MAAM,SAAS,CAAC;AAG5D;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,eAqLjC,CAAC"}