@telus-uds/components-web 2.43.0 → 3.0.0

package/lib/Disclaimer/Disclaimer.js

@@ -1,18 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _componentsBase = require("@telus-uds/components-base");
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
-const StyledDisclaimer = /*#__PURE__*/_styledComponents.default.p.withConfig({
+import React from 'react';
+import PropTypes from 'prop-types';
+import styled from 'styled-components';
+import { applyTextStyles, selectSystemProps, useThemeTokens, getTokensPropType } from '@telus-uds/components-base';
+import { htmlAttrs } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
+const StyledDisclaimer = /*#__PURE__*/styled.p.withConfig({
   displayName: "Disclaimer__StyledDisclaimer",
   componentId: "components-web__sc-1l4xf7u-0"
 })(_ref => {
@@ -24,7 +17,7 @@ const StyledDisclaimer = /*#__PURE__*/_styledComponents.default.p.withConfig({
   } = _ref;
   const {
     fontFamily
-  } = (0, _componentsBase.applyTextStyles)({
+  } = applyTextStyles({
     fontName,
     fontWeight
   });
@@ -39,13 +32,13 @@ const StyledDisclaimer = /*#__PURE__*/_styledComponents.default.p.withConfig({
  * Use Disclaimer to display singular legal statement and must be displayed
  * immediately adjacent to the related, originating content.
  */
-const Disclaimer = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const Disclaimer = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     children,
     ...rest
   } = _ref2;
-  const themeTokens = (0, _componentsBase.useThemeTokens)('Disclaimer');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDisclaimer, {
+  const themeTokens = useThemeTokens('Disclaimer');
+  return /*#__PURE__*/_jsx(StyledDisclaimer, {
     ref: ref,
     ...selectProps(rest),
     ...themeTokens,
@@ -55,8 +48,7 @@ const Disclaimer = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
 Disclaimer.displayName = 'Disclaimer';
 Disclaimer.propTypes = {
   ...selectedSystemPropTypes,
-  tokens: (0, _componentsBase.getTokensPropType)('Disclaimer'),
-  children: _propTypes.default.node.isRequired
+  tokens: getTokensPropType('Disclaimer'),
+  children: PropTypes.node.isRequired
 };
-var _default = Disclaimer;
-exports.default = _default;
+export default Disclaimer;

package/lib/Disclaimer/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Disclaimer.default;
-  }
-});
-var _Disclaimer = _interopRequireDefault(require("./Disclaimer"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+export { default } from './Disclaimer';

package/lib/ExpandCollapseMini/ExpandCollapseMini.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _componentsBase = require("@telus-uds/components-base");
-var _ExpandCollapseMiniControl = _interopRequireDefault(require("./ExpandCollapseMiniControl"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ExpandCollapseMini = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import React from 'react';
+import PropTypes from 'prop-types';
+import { ExpandCollapse, getTokensPropType } from '@telus-uds/components-base';
+import ExpandCollapseMiniControl from './ExpandCollapseMiniControl';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ExpandCollapseMini = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     onToggle = () => {},
@@ -26,11 +19,11 @@ const ExpandCollapseMini = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
       onToggle(event, isOpen);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse, {
+  return /*#__PURE__*/_jsx(ExpandCollapse, {
     onChange: handleChange,
     tokens: tokens,
     initialOpen: initialOpen ? [expandCollapeMiniPanelId] : [],
-    children: expandProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.ExpandCollapse.Panel, {
+    children: expandProps => /*#__PURE__*/_jsx(ExpandCollapse.Panel, {
       ...expandProps,
       panelId: expandCollapeMiniPanelId,
       variant: {
@@ -46,7 +39,7 @@ const ExpandCollapseMini = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
       // TODO refactor
       // eslint-disable-next-line react/no-unstable-nested-components
       ,
-      control: pressableState => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandCollapseMiniControl.default, {
+      control: pressableState => /*#__PURE__*/_jsx(ExpandCollapseMiniControl, {
         pressableState: pressableState,
         ...rest
       }),
@@ -58,24 +51,23 @@ const ExpandCollapseMini = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =>
 });
 ExpandCollapseMini.displayName = 'ExpandCollapseMini';
 ExpandCollapseMini.propTypes = {
-  ..._ExpandCollapseMiniControl.default.propTypes,
+  ...ExpandCollapseMiniControl.propTypes,
   /**
    * Function to call on pressing the panel's control, which should open or close the panel.
    */
-  onToggle: _propTypes.default.func,
+  onToggle: PropTypes.func,
   /**
    * ID for DOM element on web
    */
-  nativeID: _propTypes.default.string,
+  nativeID: PropTypes.string,
   /**
    * Children nodes that can be added
    */
-  children: _propTypes.default.node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Controls if the panel and the content is opened by default on the first load
    */
-  initialOpen: _propTypes.default.bool,
-  tokens: (0, _componentsBase.getTokensPropType)('ExpandCollapseMini')
+  initialOpen: PropTypes.bool,
+  tokens: getTokensPropType('ExpandCollapseMini')
 };
-var _default = ExpandCollapseMini;
-exports.default = _default;
+export default ExpandCollapseMini;

package/lib/ExpandCollapseMini/ExpandCollapseMiniControl.js

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _componentsBase = require("@telus-uds/components-base");
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
+import React from 'react';
+import PropTypes from 'prop-types';
+import { selectSystemProps, Link, useThemeTokens } from '@telus-uds/components-base';
+import { htmlAttrs } from '../utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+const [selectProps, selectedSystemPropTypes] = selectSystemProps([htmlAttrs]);
 
 // The ExpandCollapseControl has all the appropriate role, a11y, press handling etc
 // and a more appropriate press area, defer interaction handling to it.
@@ -21,7 +14,6 @@ const presentationOnly = {
   // Stop RNW from stopping clicks from bubbling to Control
   focusable: false // Stop RNW from setting tabIndex={0}: focus goes to Control only
 };
-
 const selectLinkTokens = _ref => {
   let {
     color,
@@ -36,7 +28,7 @@ const selectLinkTokens = _ref => {
     blockFontSize: fontSize
   };
 };
-const ExpandCollapseMiniControl = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
+const ExpandCollapseMiniControl = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     pressableState,
     collapseTitle,
@@ -54,14 +46,14 @@ const ExpandCollapseMiniControl = /*#__PURE__*/_react.default.forwardRef((_ref2,
   // we only want focus outline when focusing, if user is pressing we don't want the border.
   const {
     outerBorderColor
-  } = (0, _componentsBase.useThemeTokens)('Link', {}, {}, {
+  } = useThemeTokens('Link', {}, {}, {
     focus
   });
   const {
     size,
     icon,
     ...themeTokens
-  } = (0, _componentsBase.useThemeTokens)('ExpandCollapseMiniControl', tokens, variant, {
+  } = useThemeTokens('ExpandCollapseMiniControl', tokens, variant, {
     expanded,
     focus
   });
@@ -84,7 +76,7 @@ const ExpandCollapseMiniControl = /*#__PURE__*/_react.default.forwardRef((_ref2,
     }
     return {};
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Link, {
+  return /*#__PURE__*/_jsx(Link, {
     variant: appearance,
     icon: icon,
     iconPosition: iconPosition,
@@ -102,24 +94,23 @@ const ExpandCollapseMiniControl = /*#__PURE__*/_react.default.forwardRef((_ref2,
 ExpandCollapseMiniControl.displayName = 'ExpandCollapseMiniControl';
 ExpandCollapseMiniControl.propTypes = {
   ...selectedSystemPropTypes,
-  ..._componentsBase.Link.propTypes,
+  ...Link.propTypes,
   /**
    * Optional function to call on pressing the panel's control, in addition to opening or closing the panel
    */
-  onPress: _propTypes.default.func,
+  onPress: PropTypes.func,
   /**
    * ExpandCollapseMiniControl title when expanded
    */
-  expandTitle: _propTypes.default.string.isRequired,
+  expandTitle: PropTypes.string.isRequired,
   /**
    * ExpandCollapseMiniControl title when collapsed
    */
-  collapseTitle: _propTypes.default.string.isRequired,
+  collapseTitle: PropTypes.string.isRequired,
   /**
    * React Native's `Pressable`'s state object
    */
-  pressableState: _propTypes.default.object,
-  variant: _propTypes.default.object
+  pressableState: PropTypes.object,
+  variant: PropTypes.object
 };
-var _default = ExpandCollapseMiniControl;
-exports.default = _default;
+export default ExpandCollapseMiniControl;

package/lib/ExpandCollapseMini/index.js

@@ -1,10 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ExpandCollapseMini = _interopRequireDefault(require("./ExpandCollapseMini"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _ExpandCollapseMini.default;
-exports.default = _default;
+import ExpandCollapseMini from './ExpandCollapseMini';
+export default ExpandCollapseMini;