@cutting/svg 4.41.2 → 4.42.0

package/.coverage/lcov-report/sorter.js

@@ -0,0 +1,196 @@
+/* eslint-disable */
+var addSorting = (function() {
+    'use strict';
+    var cols,
+        currentSort = {
+            index: 0,
+            desc: false
+        };
+
+    // returns the summary table element
+    function getTable() {
+        return document.querySelector('.coverage-summary');
+    }
+    // returns the thead element of the summary table
+    function getTableHeader() {
+        return getTable().querySelector('thead tr');
+    }
+    // returns the tbody element of the summary table
+    function getTableBody() {
+        return getTable().querySelector('tbody');
+    }
+    // returns the th element for nth column
+    function getNthColumn(n) {
+        return getTableHeader().querySelectorAll('th')[n];
+    }
+
+    function onFilterInput() {
+        const searchValue = document.getElementById('fileSearch').value;
+        const rows = document.getElementsByTagName('tbody')[0].children;
+        for (let i = 0; i < rows.length; i++) {
+            const row = rows[i];
+            if (
+                row.textContent
+                    .toLowerCase()
+                    .includes(searchValue.toLowerCase())
+            ) {
+                row.style.display = '';
+            } else {
+                row.style.display = 'none';
+            }
+        }
+    }
+
+    // loads the search box
+    function addSearchBox() {
+        var template = document.getElementById('filterTemplate');
+        var templateClone = template.content.cloneNode(true);
+        templateClone.getElementById('fileSearch').oninput = onFilterInput;
+        template.parentElement.appendChild(templateClone);
+    }
+
+    // loads all columns
+    function loadColumns() {
+        var colNodes = getTableHeader().querySelectorAll('th'),
+            colNode,
+            cols = [],
+            col,
+            i;
+
+        for (i = 0; i < colNodes.length; i += 1) {
+            colNode = colNodes[i];
+            col = {
+                key: colNode.getAttribute('data-col'),
+                sortable: !colNode.getAttribute('data-nosort'),
+                type: colNode.getAttribute('data-type') || 'string'
+            };
+            cols.push(col);
+            if (col.sortable) {
+                col.defaultDescSort = col.type === 'number';
+                colNode.innerHTML =
+                    colNode.innerHTML + '<span class="sorter"></span>';
+            }
+        }
+        return cols;
+    }
+    // attaches a data attribute to every tr element with an object
+    // of data values keyed by column name
+    function loadRowData(tableRow) {
+        var tableCols = tableRow.querySelectorAll('td'),
+            colNode,
+            col,
+            data = {},
+            i,
+            val;
+        for (i = 0; i < tableCols.length; i += 1) {
+            colNode = tableCols[i];
+            col = cols[i];
+            val = colNode.getAttribute('data-value');
+            if (col.type === 'number') {
+                val = Number(val);
+            }
+            data[col.key] = val;
+        }
+        return data;
+    }
+    // loads all row data
+    function loadData() {
+        var rows = getTableBody().querySelectorAll('tr'),
+            i;
+
+        for (i = 0; i < rows.length; i += 1) {
+            rows[i].data = loadRowData(rows[i]);
+        }
+    }
+    // sorts the table using the data for the ith column
+    function sortByIndex(index, desc) {
+        var key = cols[index].key,
+            sorter = function(a, b) {
+                a = a.data[key];
+                b = b.data[key];
+                return a < b ? -1 : a > b ? 1 : 0;
+            },
+            finalSorter = sorter,
+            tableBody = document.querySelector('.coverage-summary tbody'),
+            rowNodes = tableBody.querySelectorAll('tr'),
+            rows = [],
+            i;
+
+        if (desc) {
+            finalSorter = function(a, b) {
+                return -1 * sorter(a, b);
+            };
+        }
+
+        for (i = 0; i < rowNodes.length; i += 1) {
+            rows.push(rowNodes[i]);
+            tableBody.removeChild(rowNodes[i]);
+        }
+
+        rows.sort(finalSorter);
+
+        for (i = 0; i < rows.length; i += 1) {
+            tableBody.appendChild(rows[i]);
+        }
+    }
+    // removes sort indicators for current column being sorted
+    function removeSortIndicators() {
+        var col = getNthColumn(currentSort.index),
+            cls = col.className;
+
+        cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
+        col.className = cls;
+    }
+    // adds sort indicators for current column being sorted
+    function addSortIndicators() {
+        getNthColumn(currentSort.index).className += currentSort.desc
+            ? ' sorted-desc'
+            : ' sorted';
+    }
+    // adds event listeners for all sorter widgets
+    function enableUI() {
+        var i,
+            el,
+            ithSorter = function ithSorter(i) {
+                var col = cols[i];
+
+                return function() {
+                    var desc = col.defaultDescSort;
+
+                    if (currentSort.index === i) {
+                        desc = !currentSort.desc;
+                    }
+                    sortByIndex(i, desc);
+                    removeSortIndicators();
+                    currentSort.index = i;
+                    currentSort.desc = desc;
+                    addSortIndicators();
+                };
+            };
+        for (i = 0; i < cols.length; i += 1) {
+            if (cols[i].sortable) {
+                // add the click event handler on the th so users
+                // dont have to click on those tiny arrows
+                el = getNthColumn(i).querySelector('.sorter').parentElement;
+                if (el.addEventListener) {
+                    el.addEventListener('click', ithSorter(i));
+                } else {
+                    el.attachEvent('onclick', ithSorter(i));
+                }
+            }
+        }
+    }
+    // adds sorting functionality to the UI
+    return function() {
+        if (!getTable()) {
+            return;
+        }
+        cols = loadColumns();
+        loadData();
+        addSearchBox();
+        addSortIndicators();
+        enableUI();
+    };
+})();
+
+window.addEventListener('load', addSorting);

package/.coverage/lcov.info

@@ -0,0 +1,130 @@
+TN:
+SF:src/components/Group/Group.tsx
+FN:17,Group
+FNF:1
+FNH:0
+FNDA:0,Group
+DA:1,0
+DA:17,0
+DA:18,0
+DA:19,0
+DA:20,0
+DA:21,0
+DA:22,0
+DA:23,0
+DA:24,0
+DA:26,0
+LF:10
+LH:0
+BRDA:18,0,0,0
+BRDA:18,0,1,0
+BRDA:19,1,0,0
+BRDA:19,1,1,0
+BRDA:30,2,0,0
+BRDA:30,2,1,0
+BRF:6
+BRH:0
+end_of_record
+TN:
+SF:src/components/Line/Line.tsx
+FN:14,Line
+FNF:1
+FNH:0
+FNDA:0,Line
+DA:1,0
+DA:14,0
+DA:15,0
+DA:16,0
+DA:17,0
+DA:18,0
+DA:19,0
+DA:20,0
+DA:22,0
+DA:24,0
+LF:10
+LH:0
+BRDA:15,0,0,0
+BRDA:15,0,1,0
+BRDA:16,1,0,0
+BRDA:16,1,1,0
+BRDA:17,2,0,0
+BRDA:17,2,1,0
+BRDA:22,3,0,0
+BRDA:22,3,1,0
+BRDA:33,4,0,0
+BRDA:33,4,1,0
+BRF:10
+BRH:0
+end_of_record
+TN:
+SF:src/components/ParentsizeSVG/ParentsizeSVG.tsx
+FN:27,ParentsizeSVG
+FN:38,(anonymous_7)
+FNF:2
+FNH:2
+FNDA:6,ParentsizeSVG
+FNDA:3,(anonymous_7)
+DA:2,1
+DA:4,1
+DA:6,1
+DA:18,1
+DA:27,1
+DA:28,6
+DA:29,6
+DA:30,6
+DA:31,6
+DA:32,6
+DA:33,6
+DA:34,6
+DA:36,6
+DA:38,6
+DA:39,3
+DA:40,3
+DA:43,0
+DA:45,0
+DA:50,6
+DA:54,6
+LF:20
+LH:18
+BRDA:30,0,0,6
+BRDA:30,0,1,0
+BRDA:31,1,0,6
+BRDA:31,1,1,0
+BRDA:32,2,0,4
+BRDA:32,2,1,2
+BRDA:33,3,0,6
+BRDA:33,3,1,0
+BRDA:33,4,0,6
+BRDA:33,4,1,0
+BRDA:39,5,0,3
+BRDA:50,6,0,2
+BRDA:50,6,1,4
+BRF:13
+BRH:9
+end_of_record
+TN:
+SF:src/components/ResponsiveSVG/ResponsiveSVG.tsx
+FN:20,ResponsiveSVG
+FNF:1
+FNH:1
+FNDA:9,ResponsiveSVG
+DA:20,2
+DA:21,9
+DA:22,9
+DA:23,9
+DA:24,9
+DA:25,9
+DA:26,9
+DA:27,9
+DA:29,9
+DA:31,9
+DA:33,9
+LF:11
+LH:11
+BRDA:24,0,0,9
+BRDA:24,0,1,0
+BRDA:25,1,0,9
+BRDA:25,1,1,0
+BRF:4
+BRH:2
+end_of_record

package/.turbo/turbo-build.log

@@ -1,22 +1,22 @@
-@cutting/svg:build: cache hit, replaying output 2861b1424e73e315
-@cutting/svg:build: 
-@cutting/svg:build: > @cutting/svg@4.41.2 build /home/runner/work/cuttingedge/cuttingedge/packages/svg
-@cutting/svg:build: > NODE_ENV=production devtools rollup
-@cutting/svg:build: 
-@cutting/svg:build:  DEBUG   using tsconfig.dist.json
-@cutting/svg:build:  WARNING  emptying dist /home/runner/work/cuttingedge/cuttingedge/packages/svg/dist
-@cutting/svg:build:  START   using input file index.ts for @cutting/svg
-@cutting/svg:build: 
-@cutting/svg:build:  INFO    Generating @cutting/svg bundle.
-@cutting/svg:build:  INFO    writing svg.cjs.development.js for @cutting/svg
-@cutting/svg:build:  INFO    writing svg.cjs.production.min.js for @cutting/svg
-@cutting/svg:build:  INFO    writing index.js for @cutting/svg
-@cutting/svg:build:  INFO    writing index.js for @cutting/svg
-@cutting/svg:build: No name was provided for external module 'react/jsx-runtime' in output.globals – guessing 'jsxRuntime'
-@cutting/svg:build: No name was provided for external module '@babel/runtime/helpers/slicedToArray' in output.globals – guessing '_slicedToArray'
-@cutting/svg:build: No name was provided for external module '@babel/runtime/helpers/objectSpread2' in output.globals – guessing '_objectSpread'
-@cutting/svg:build: No name was provided for external module '@babel/runtime/helpers/objectWithoutProperties' in output.globals – guessing '_objectWithoutProperties'
-@cutting/svg:build: No name was provided for external module '@cutting/use-get-parent-size' in output.globals – guessing 'useGetParentSize'
-@cutting/svg:build: No name was provided for external module 'classnames' in output.globals – guessing 'cx'
-@cutting/svg:build:  DONE    finished building
-@cutting/svg:build: 
+@cutting/svg:build: cache hit, replaying output 4f5e69d225bd4526
+@cutting/svg:build: 
+@cutting/svg:build: > @cutting/svg@4.41.3 build /Users/paulcowan/projects/cuttingedge/packages/svg
+@cutting/svg:build: > NODE_ENV=production devtools rollup
+@cutting/svg:build: 
+@cutting/svg:build:  DEBUG   using tsconfig.dist.json
+@cutting/svg:build:  WARNING  emptying dist /Users/paulcowan/projects/cuttingedge/packages/svg/dist
+@cutting/svg:build:  START   using input file index.ts for @cutting/svg
+@cutting/svg:build: 
+@cutting/svg:build:  INFO    Generating @cutting/svg bundle.
+@cutting/svg:build:  INFO    writing svg.cjs.development.js for @cutting/svg
+@cutting/svg:build:  INFO    writing svg.cjs.production.min.js for @cutting/svg
+@cutting/svg:build:  INFO    writing index.js for @cutting/svg
+@cutting/svg:build:  INFO    writing index.js for @cutting/svg
+@cutting/svg:build: No name was provided for external module 'react/jsx-runtime' in output.globals – guessing 'jsxRuntime'
+@cutting/svg:build: No name was provided for external module '@babel/runtime/helpers/slicedToArray' in output.globals – guessing '_slicedToArray'
+@cutting/svg:build: No name was provided for external module '@babel/runtime/helpers/objectSpread2' in output.globals – guessing '_objectSpread'
+@cutting/svg:build: No name was provided for external module '@babel/runtime/helpers/objectWithoutProperties' in output.globals – guessing '_objectWithoutProperties'
+@cutting/svg:build: No name was provided for external module '@cutting/use-get-parent-size' in output.globals – guessing 'useGetParentSize'
+@cutting/svg:build: No name was provided for external module 'classnames' in output.globals – guessing 'cx'
+@cutting/svg:build:  DONE    finished building
+@cutting/svg:build: 

package/.turbo/turbo-lint.log

@@ -0,0 +1,5 @@
+@cutting/svg:lint: cache hit, replaying output 53676e9693250da9
+@cutting/svg:lint: 
+@cutting/svg:lint: > @cutting/svg@4.41.3 lint /Users/paulcowan/projects/cuttingedge/packages/svg
+@cutting/svg:lint: > eslint ./src/**/*.{ts,tsx} --fix
+@cutting/svg:lint: 

package/.turbo/turbo-test.log

@@ -0,0 +1,34 @@
+@cutting/svg:test: cache hit, replaying output 47a4c835f990b625
+@cutting/svg:test: 
+@cutting/svg:test: > @cutting/svg@4.41.3 test /Users/paulcowan/projects/cuttingedge/packages/svg
+@cutting/svg:test: > NODE_ENV=test devtools test
+@cutting/svg:test: 
+@cutting/svg:test: /Users/paulcowan/projects/cuttingedge/packages/tsconfig/tsconfig.test.json
+@cutting/svg:test: PASS src/components/ResponsiveSVG/ResponsiveSVG.test.tsx (17.314 s)
+@cutting/svg:test:   useParentSize
+@cutting/svg:test:     ✓ should set the svg viewBox attribute (37 ms)
+@cutting/svg:test: 
+@cutting/svg:test: PASS src/components/ParentsizeSVG/ParentSizeSVG.test.tsx (18.775 s)
+@cutting/svg:test:   useParentSize
+@cutting/svg:test:     ✓ should set the svg viewBox attribute (227 ms)
+@cutting/svg:test:     ✓ should render a transform attribute when not aligned (6 ms)
+@cutting/svg:test:     ✓ should render a transform attribute when aligned (72 ms)
+@cutting/svg:test: 
+@cutting/svg:test: --------------------|---------|----------|---------|---------|-------------------
+@cutting/svg:test: File                | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
+@cutting/svg:test: --------------------|---------|----------|---------|---------|-------------------
+@cutting/svg:test: All files           |   55.55 |    33.33 |      60 |   56.86 |                   
+@cutting/svg:test:  Group              |       0 |        0 |       0 |       0 |                   
+@cutting/svg:test:   Group.tsx         |       0 |        0 |       0 |       0 | 1-26              
+@cutting/svg:test:  Line               |       0 |        0 |       0 |       0 |                   
+@cutting/svg:test:   Line.tsx          |       0 |        0 |       0 |       0 | 1-24              
+@cutting/svg:test:  ParentsizeSVG      |   79.41 |    69.23 |     100 |      90 |                   
+@cutting/svg:test:   ParentsizeSVG.tsx |   79.41 |    69.23 |     100 |      90 | 43-45             
+@cutting/svg:test:  ResponsiveSVG      |     100 |       50 |     100 |     100 |                   
+@cutting/svg:test:   ResponsiveSVG.tsx |     100 |       50 |     100 |     100 | 24-25             
+@cutting/svg:test: --------------------|---------|----------|---------|---------|-------------------
+@cutting/svg:test: Test Suites: 2 passed, 2 total
+@cutting/svg:test: Tests:       4 passed, 4 total
+@cutting/svg:test: Snapshots:   0 total
+@cutting/svg:test: Time:        26.917 s
+@cutting/svg:test: Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @cutting/svg
 
+## 4.42.0
+
+### Minor Changes
+
+- 899bd8abb: help
+
+### Patch Changes
+
+- Updated dependencies [899bd8abb]
+  - @cutting/use-get-parent-size@1.16.0
+  - @cutting/util@4.44.0
+
+## 4.41.3
+
+### Patch Changes
+
+- Updated dependencies [244b74e5]
+  - @cutting/util@4.43.0
+  - @cutting/use-get-parent-size@1.15.3
+
 ## 4.41.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cutting/svg",
-  "version": "4.41.2",
+  "version": "4.42.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dagda1/cuttingedge.git"
@@ -15,18 +15,18 @@
   "types": "dist/esm/index.d.ts",
   "license": "MIT",
   "dependencies": {
-    "@cutting/use-get-parent-size": "workspace:*",
-    "@cutting/util": "workspace:*",
+    "@cutting/use-get-parent-size": "1.16.0",
+    "@cutting/util": "4.44.0",
     "classnames": "^2.3.1",
     "resize-observer-polyfill": "^1.5.1"
   },
   "devDependencies": {
     "@babel/runtime": "7.17.9",
-    "@cutting/component-library": "workspace:*",
-    "@cutting/devtools": "workspace:*",
-    "@cutting/eslint-config": "workspace:*",
-    "@cutting/tsconfig": "workspace:*",
-    "@cutting/useful-types": "workspace:*",
+    "@cutting/component-library": "5.18.0",
+    "@cutting/devtools": "4.46.0",
+    "@cutting/eslint-config": "4.37.0",
+    "@cutting/tsconfig": "4.34.0",
+    "@cutting/useful-types": "4.33.0",
     "@jest/globals": "27.5.1",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "^13.0.1",
@@ -42,13 +42,6 @@
     "react": ">= 18.x.x",
     "react-dom": ">= 18.x.x"
   },
-  "scripts": {
-    "build": "NODE_ENV=production devtools rollup",
-    "lint": "eslint ./src/**/*.{ts,tsx} --fix",
-    "start": "PORT=8888 NODE_ENV=development devtools devserver-start",
-    "test": "NODE_ENV=test devtools test",
-    "test:ci": "CI=true pnpm test"
-  },
   "volta": {
     "extends": "../../package.json"
   },
@@ -63,5 +56,13 @@
         "dist/esm/index.d.ts"
       ]
     }
-  }
-}
+  },
+  "scripts": {
+    "build": "NODE_ENV=production devtools rollup",
+    "lint": "eslint ./src/**/*.{ts,tsx} --fix",
+    "start": "PORT=8888 NODE_ENV=development devtools devserver-start",
+    "test": "NODE_ENV=test devtools test",
+    "test:ci": "CI=true pnpm test"
+  },
+  "readme": "# @cutting/svg - reusable svg components for SVG documents\n[![npm version](https://img.shields.io/npm/v/@cutting/svg.svg)](https://www.npmjs.com/package/@cutting/svg)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n\n## install \n\n```sh\npnpm add @cutting/svg\n\n# or\n\nnpm install @cutting/svg\n```\n\n## ParentsizeSVG\n\nA react component that will resize and scale to the dimensions of the supplied react [ref object](https://reactjs.org/docs/refs-and-the-dom.html).\n\n![svg document resizing to scale when using the ParentsizeSVG component](./img/sizer.gif)\n\nThe `ParentsizeSVG` component takes an `parentRef` prop that should point to a valid HTML DOM element.\n\n## usage\n\n```ts\nimport { useRef } from 'react';\nimport { ParentsizeSVG } from '@cutting/svg';\n\nexport function App(): JSX.Element {\n  const ref = useRef<HTMLDivElement>(null);\n\n  return (\n    <div className={styles.container} ref={ref}>\n      <ParentsizeSVG ref={ref}>\n        <rect\n          x=\"20%\"\n          y=\"20%\"\n          width={'50%'}\n          height={'50%'}\n          rx=\"20\"\n          style={{ fill: '#ff0000', stroke: '#000000', strokeWidth: '2px' }}\n        />\n      </ParentsizeSVG>\n    </div>\n  );\n};\n```"
+}