@telus-uds/components-base 0.0.2-prerelease.1 → 0.0.2-prerelease.10

package/lib/ActivityIndicator/Spinner.web.js

@@ -1,57 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { DURATION, MIN_EMPTY_ANGLE, MIN_STROKE_ANGLE, BEZIER, propTypes } from './shared';
-const SVG_RADIUS = 20;
-const SVG_CIRCUMFERENCE = SVG_RADIUS * 2 * Math.PI;
-const MIN_SVG_LENGTH = MIN_STROKE_ANGLE / 360 * SVG_CIRCUMFERENCE;
-const MAX_SVG_LENGTH = (1 - MIN_EMPTY_ANGLE / 360) * SVG_CIRCUMFERENCE;
-const animationProps = {
-  begin: '0s',
-  dur: `${DURATION}ms`,
-  fill: 'freeze',
-  repeatCount: 'indefinite'
-};
-const bezierProps = {
-  calcMode: 'spline',
-  keyTimes: '0; 0.5; 1',
-  keySplines: `${BEZIER.join(', ')} ; ${BEZIER.join(', ')}`
-}; // We're using svg rather than css here to define the animation to avoid needing to introduce css injection mechanism
-// It's possible to replicate this functionality with RNW animations, but it snags on chrome at least, see https://github.com/telus/universal-design-system/pull/477 for details.
-
-const Spinner = ({
-  size,
-  color,
-  thickness,
-  label
-}) => /*#__PURE__*/React.createElement("svg", {
-  width: `${size}px`,
-  height: `${size}px`,
-  viewBox: "0 0 48 48",
-  "aria-valuetext": label,
-  role: "progressbar",
-  "aria-busy": true
-}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("animateTransform", _extends({
-  attributeName: "transform",
-  type: "rotate",
-  values: `-180 24 24;${360 + MIN_STROKE_ANGLE - 180} 24 24`
-}, animationProps)), /*#__PURE__*/React.createElement("circle", {
-  fill: "none",
-  stroke: color,
-  strokeWidth: thickness * 48 / size,
-  strokeLinecap: "round",
-  cx: "24",
-  cy: "24",
-  r: "20",
-  strokeDasharray: [MIN_SVG_LENGTH, SVG_CIRCUMFERENCE],
-  strokeDashoffset: 0
-}, /*#__PURE__*/React.createElement("animate", _extends({
-  attributeName: "stroke-dashoffset",
-  values: `0;-10;${MIN_SVG_LENGTH - SVG_CIRCUMFERENCE}`
-}, animationProps, bezierProps)), /*#__PURE__*/React.createElement("animate", _extends({
-  attributeName: "stroke-dasharray",
-  values: `${MIN_SVG_LENGTH}, 200;${MAX_SVG_LENGTH}, 200;${MIN_SVG_LENGTH}, 200`
-}, animationProps, bezierProps)))));
-
-Spinner.propTypes = propTypes;
-export default Spinner;

package/lib/config/svgr-icons-web.js

@@ -1,9 +0,0 @@
-const native = require('./svgr-icons');
-
-module.exports = { ...native,
-  native: false,
-  svgProps: { ...native.svgProps,
-    role: '{title ? "img" : undefined }',
-    'aria-hidden': '{!title}'
-  }
-};

package/lib/config/svgr-icons.js

@@ -1,52 +0,0 @@
-function themedTemplate({
-  template
-}, opts, {
-  imports,
-  interfaces,
-  componentName,
-  jsx,
-  exports
-}) {
-  const plugins = ['jsx'];
-  return template.smart({
-    plugins
-  }).ast`${imports}
-import { Icon, iconComponentPropTypes, iconSvgPropTypes } from '@telus-uds/components-base'
-${interfaces}
-
-const IconSvg = ({ title, titleId, size, color }) => ${jsx}
-IconSvg.propTypes = iconSvgPropTypes
-const ${componentName} = (props) => <Icon {...props} IconSvg={IconSvg} />
-${componentName}.propTypes = iconComponentPropTypes
-
-${exports}
-  `;
-}
-
-module.exports = {
-  native: true,
-  svgProps: {
-    height: '{size}',
-    width: '{size}',
-    fill: '{color}' // @TODO figure out if we need any a11y props here for RN
-
-  },
-  expandProps: false,
-  template: themedTemplate,
-  titleProp: true,
-  svgoConfig: {
-    plugins: [{
-      inlineStyles: {
-        onlyMatchedOnce: false
-      }
-    }, {
-      removeViewBox: false
-    }, {
-      removeUnknownsAndDefaults: false
-    }, {
-      convertColors: {
-        currentColor: true
-      }
-    }]
-  }
-};

package/src/config/svgr-icons-web.js

@@ -1,11 +0,0 @@
-const native = require('./svgr-icons')
-
-module.exports = {
-  ...native,
-  native: false,
-  svgProps: {
-    ...native.svgProps,
-    role: '{title ? "img" : undefined }',
-    'aria-hidden': '{!title}'
-  }
-}

package/src/config/svgr-icons.js

@@ -1,46 +0,0 @@
-function themedTemplate({ template }, opts, { imports, interfaces, componentName, jsx, exports }) {
-  const plugins = ['jsx']
-
-  return template.smart({ plugins }).ast`${imports}
-import { Icon, iconComponentPropTypes, iconSvgPropTypes } from '@telus-uds/components-base'
-${interfaces}
-
-const IconSvg = ({ title, titleId, size, color }) => ${jsx}
-IconSvg.propTypes = iconSvgPropTypes
-const ${componentName} = (props) => <Icon {...props} IconSvg={IconSvg} />
-${componentName}.propTypes = iconComponentPropTypes
-
-${exports}
-  `
-}
-
-module.exports = {
-  native: true,
-  svgProps: {
-    height: '{size}',
-    width: '{size}',
-    fill: '{color}'
-    // @TODO figure out if we need any a11y props here for RN
-  },
-  expandProps: false,
-  template: themedTemplate,
-  titleProp: true,
-  svgoConfig: {
-    plugins: [
-      {
-        inlineStyles: {
-          onlyMatchedOnce: false
-        }
-      },
-      {
-        removeViewBox: false
-      },
-      {
-        removeUnknownsAndDefaults: false
-      },
-      {
-        convertColors: { currentColor: true }
-      }
-    ]
-  }
-}