@pareto-engineering/design-system 5.2.1 → 5.4.0

package/dist/cjs/test/QueryLoader/__generated__/QueryLoaderHelloQuery.graphql.js

@@ -1,63 +0,0 @@
-/**
- * @flow
- */
-
-/* eslint-disable */
-
-'use strict';
-
-/*::
-import type { ConcreteRequest } from 'relay-runtime';
-export type QueryLoaderHelloQueryVariables = {||};
-export type QueryLoaderHelloQueryResponse = {|
-  +hello: ?string
-|};
-export type QueryLoaderHelloQuery = {|
-  variables: QueryLoaderHelloQueryVariables,
-  response: QueryLoaderHelloQueryResponse,
-|};
-*/
-
-/*
-query QueryLoaderHelloQuery {
-  hello
-}
-*/
-const node /*: ConcreteRequest*/ = function () {
-  var v0 = [{
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "hello",
-    "storageKey": null
-  }];
-  return {
-    "fragment": {
-      "argumentDefinitions": [],
-      "kind": "Fragment",
-      "metadata": null,
-      "name": "QueryLoaderHelloQuery",
-      "selections": v0 /*: any*/,
-      "type": "Query",
-      "abstractKey": null
-    },
-    "kind": "Request",
-    "operation": {
-      "argumentDefinitions": [],
-      "kind": "Operation",
-      "name": "QueryLoaderHelloQuery",
-      "selections": v0 /*: any*/
-    },
-    "params": {
-      "cacheID": "463f9ee8a82dd6ec8dedeb28649cce74",
-      "id": null,
-      "metadata": {},
-      "name": "QueryLoaderHelloQuery",
-      "operationKind": "query",
-      "text": "query QueryLoaderHelloQuery {\n  hello\n}\n"
-    }
-  };
-}();
-// prettier-ignore
-node /*: any*/.hash = 'b92d001ab0208bd484a99f77c274d5ef';
-module.exports = node;

package/dist/cjs/test/QueryLoader/common/PreloadedTestData/PreloadedTestData.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactRelay = require("react-relay");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-/**
- * This is the component description.
- */
-const PreloadedTestData = _ref => {
-  let {
-    query,
-    queryReference
-    // ...otherProps
-  } = _ref;
-  const data = (0, _reactRelay.usePreloadedQuery)(query, queryReference);
-  return /*#__PURE__*/React.createElement("pre", null, JSON.stringify(data, null, 2));
-};
-PreloadedTestData.propTypes = {
-  /**
-   * The query to be used to query the test data
-   */
-  query: _propTypes.default.objectOf(_propTypes.default.PropTypes.oneOfType([_propTypes.default.string, _propTypes.default.object])),
-  /**
-   *  The query reference to be used to access the preloaded data
-   */
-  queryReference: _propTypes.default.objectOf(_propTypes.default.PropTypes.oneOfType([_propTypes.default.string, _propTypes.default.object]))
-};
-PreloadedTestData.defaultProps = {
-  // someProp:false
-};
-var _default = exports.default = PreloadedTestData;

package/dist/cjs/test/QueryLoader/common/PreloadedTestData/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PreloadedTestData", {
-  enumerable: true,
-  get: function () {
-    return _PreloadedTestData.default;
-  }
-});
-var _PreloadedTestData = _interopRequireDefault(require("./PreloadedTestData"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/test/QueryLoader/common/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PreloadedTestData", {
-  enumerable: true,
-  get: function () {
-    return _PreloadedTestData.PreloadedTestData;
-  }
-});
-var _PreloadedTestData = require("./PreloadedTestData");

package/dist/cjs/test/QueryLoader/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "QueryLoader", {
-  enumerable: true,
-  get: function () {
-    return _QueryLoader.default;
-  }
-});
-var _QueryLoader = _interopRequireDefault(require("./QueryLoader"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/test/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "QueryLoader", {
-  enumerable: true,
-  get: function () {
-    return _QueryLoader.QueryLoader;
-  }
-});
-var _QueryLoader = require("./QueryLoader");

package/dist/cjs/utils/applyCharacterLimit.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.applyCharacterLimit = void 0;
-const applyCharacterLimit = function () {
-  let setMaxLength = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  setTimeout(() => {
-    document.querySelectorAll("[class*='limit-character-count-']").forEach(parent => {
-      const match = parent.className.match(/limit-character-count-(\d+)/);
-      if (!match) return;
-      const maxLength = parseInt(match[1], 10);
-      const fields = parent.matches("input[type='text'], input[type='email'], input[type='password'], input[type='search'], textarea") ? [parent] : Array.from(parent.querySelectorAll("input[type='text'], input[type='email'], input[type='password'], input[type='search'], textarea"));
-      if (!fields.length) return;
-      const characterCounterBaseClassName = 's-2 character-counter';
-      const characterCounterClassName = `${characterCounterBaseClassName} x-paragraph c-x`;
-      const characterCounterWarningClassName = `${characterCounterBaseClassName} x-orange c-x`;
-      const characterCounterErrorClassName = `${characterCounterBaseClassName} x-error c-x`;
-      fields.forEach(field => {
-        if (field.parentNode.querySelector('.character-counter')) return;
-        if (setMaxLength) {
-          field.setAttribute('maxlength', maxLength);
-        }
-        const counter = document.createElement('span');
-        counter.className = characterCounterClassName;
-        counter.style.position = 'absolute';
-        counter.style.right = '10px';
-        counter.style.bottom = '-20px';
-        counter.style.pointerEvents = 'none';
-        let wrapper;
-        const {
-          parentNode
-        } = field;
-        const computedStyle = window.getComputedStyle(parentNode);
-        if (parentNode.style && parentNode.style.position === 'relative' || computedStyle.getPropertyValue('position') === 'relative') {
-          wrapper = parentNode;
-        } else {
-          wrapper = document.createElement('div');
-          wrapper.style.position = 'relative';
-          wrapper.style.display = 'inline-block';
-          wrapper.style.width = '100%';
-          field.parentNode.insertBefore(wrapper, field);
-          wrapper.appendChild(field);
-        }
-        wrapper.appendChild(counter);
-        function updateCounter() {
-          if (field.value.length > maxLength) {
-            // eslint-disable-next-line no-param-reassign
-            field.value = field.value.substring(0, maxLength);
-          }
-          const {
-            length
-          } = field.value;
-          counter.textContent = `${length}/${maxLength}`;
-          if (length >= maxLength) {
-            counter.className = characterCounterErrorClassName;
-          } else if (length >= maxLength * 0.9) {
-            counter.className = characterCounterWarningClassName;
-          } else {
-            counter.className = characterCounterClassName;
-          }
-        }
-        field.removeEventListener('input', updateCounter);
-        field.removeEventListener('paste', updateCounter);
-        field.addEventListener('input', updateCounter);
-        field.addEventListener('paste', () => {
-          setTimeout(updateCounter, 0);
-        });
-        updateCounter();
-      });
-    });
-  }, 100); // Small delay to ensure DOM is ready
-};
-exports.applyCharacterLimit = applyCharacterLimit;

package/dist/cjs/utils/formatting.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.snakeCaseToTitleCase = exports.formatTime = exports.formatDate = exports.DATE_FORMATS = void 0;
-const DATE_FORMATS = exports.DATE_FORMATS = {
-  HUMAN_READABLE: 'human_readable',
-  TIME: 'time',
-  DATETIME: 'datetime',
-  CHART_DATE: 'chart_date',
-  CHART_TIME: 'chart_time',
-  WEEKDAY_DATE: 'weekday_date',
-  DAY_VIEW: 'day_view'
-};
-const isValidDate = date => date instanceof Date && !Number.isNaN(date);
-const isTimeSliceFormat = input => {
-  const timeSliceRegex = /^([01]?[0-9]|2[0-3]):[0-5][0-9]$/;
-  return timeSliceRegex.test(input);
-};
-const createTimeFromSlice = timeSlice => {
-  const [hours, minutes] = timeSlice.split(':').map(Number);
-  const date = new Date();
-  date.setHours(hours, minutes, 0, 0);
-  return date;
-};
-const format12Hour = date => {
-  const hour = date.getHours();
-  const ampm = hour >= 12 ? 'PM' : 'AM';
-  const hour12 = hour % 12 || 12;
-  return `${hour12} ${ampm}`;
-};
-const shouldShowYear = date => {
-  const currentYear = new Date().getFullYear();
-  return date.getFullYear() !== currentYear;
-};
-const formatTime = seconds => {
-  if (!seconds) return '0s';
-  const hours = Math.floor(seconds / 3600);
-  const minutes = Math.floor(seconds % 3600 / 60);
-  const remainingSeconds = Math.floor(seconds % 60);
-  const parts = [];
-  if (hours > 0) parts.push(`${hours}h`);
-  if (minutes > 0 || hours > 0 && remainingSeconds > 0) parts.push(`${minutes}m`);
-  if (remainingSeconds > 0) parts.push(`${remainingSeconds}s`);
-
-  // Cater for decimal seconds
-  if (parts.length === 0) return '0s';
-  return parts.join(' ');
-};
-exports.formatTime = formatTime;
-const parseDate = input => {
-  if (input instanceof Date) return input;
-  if (typeof input === 'number') return new Date(input);
-  if (typeof input === 'string') {
-    if (isTimeSliceFormat(input)) {
-      return createTimeFromSlice(input);
-    }
-    const parsed = new Date(input);
-    if (isValidDate(parsed)) return parsed;
-    const timestamp = parseInt(input, 10);
-    if (!Number.isNaN(timestamp)) {
-      const date = new Date(timestamp * 1000);
-      if (isValidDate(date)) return date;
-    }
-  }
-  return null;
-};
-const formatStrategies = {
-  [DATE_FORMATS.CHART_DATE]: date => {
-    const monthDay = date.toLocaleDateString('en-US', {
-      month: 'short',
-      day: 'numeric',
-      timeZone: 'UTC'
-    });
-    return shouldShowYear(date) ? `${monthDay} ${date.getFullYear()}` : monthDay;
-  },
-  [DATE_FORMATS.CHART_TIME]: date => format12Hour(date),
-  [DATE_FORMATS.HUMAN_READABLE]: date => date.toLocaleDateString('en-US', {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-    timeZone: 'UTC'
-  }),
-  default: date => date.toISOString()
-};
-const formatDate = function (input) {
-  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DATE_FORMATS.HUMAN_READABLE;
-  try {
-    if (typeof input === 'string' && isTimeSliceFormat(input)) {
-      if (format === DATE_FORMATS.CHART_TIME || format === DATE_FORMATS.TIME) {
-        const date = createTimeFromSlice(input);
-        if (format === DATE_FORMATS.CHART_TIME) {
-          return format12Hour(date);
-        }
-        return date.toLocaleTimeString('en-US', {
-          hour: '2-digit',
-          minute: '2-digit',
-          timeZone: 'UTC'
-        });
-      }
-      return input;
-    }
-    const date = parseDate(input);
-    if (!date && (typeof input === 'string' || typeof input === 'number')) {
-      return input.toString();
-    }
-    const formatStrategy = formatStrategies[format] || formatStrategies.default;
-    return formatStrategy(date);
-  } catch (error) {
-    return 'Invalid Date';
-  }
-};
-exports.formatDate = formatDate;
-const snakeCaseToTitleCase = word => {
-  const result = word.replace(/([A-Z])/g, ' $1');
-  return result.charAt(0).toUpperCase() + result.slice(1);
-};
-exports.snakeCaseToTitleCase = snakeCaseToTitleCase;

package/dist/cjs/utils/hooks/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useDynamicPosition", {
-  enumerable: true,
-  get: function () {
-    return _useDynamicPosition.default;
-  }
-});
-Object.defineProperty(exports, "useOutsideClick", {
-  enumerable: true,
-  get: function () {
-    return _useOutsideClick.default;
-  }
-});
-Object.defineProperty(exports, "useWindowSize", {
-  enumerable: true,
-  get: function () {
-    return _useWindowSize.default;
-  }
-});
-var _useWindowSize = _interopRequireDefault(require("./useWindowSize"));
-var _useDynamicPosition = _interopRequireDefault(require("./useDynamicPosition"));
-var _useOutsideClick = _interopRequireDefault(require("./useOutsideClick"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/utils/hooks/useDynamicPosition.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _throttle = _interopRequireDefault(require("lodash/throttle"));
-var _useWindowSize = _interopRequireDefault(require("./useWindowSize"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const verticalPositions = ['top', 'bottom'];
-const horizontalPositions = ['left', 'right'];
-const findCompatiblePositions = (primary, secondaryArray) => {
-  if (verticalPositions.includes(primary)) {
-    return secondaryArray.filter(secondary => horizontalPositions.includes(secondary));
-  }
-  if (horizontalPositions.includes(primary)) {
-    return secondaryArray.filter(secondary => verticalPositions.includes(secondary));
-  }
-  return [];
-};
-const useDynamicPosition = _ref => {
-  let {
-    elementRef,
-    parentRef,
-    preferredPrimaryOrder,
-    preferredSecondaryOrder,
-    // offsetYPx,
-    offsetXPx,
-    throttleMs = 200
-  } = _ref;
-  const isClient = typeof window === 'object';
-  const {
-    height: currentHeight,
-    width: currentWidth
-  } = (0, _useWindowSize.default)();
-  const [primaryPosition, setPrimaryPosition] = (0, _react.useState)(preferredPrimaryOrder[0]);
-  const compatibleSecondaryPositions = (0, _react.useMemo)(() => findCompatiblePositions(primaryPosition, preferredSecondaryOrder), [primaryPosition, preferredSecondaryOrder]);
-  const [secondaryPosition, setSecondaryPosition] = (0, _react.useState)(compatibleSecondaryPositions[0]);
-  const handle = (0, _react.useCallback)((0, _throttle.default)(() => {
-    const parentNode = parentRef?.current;
-    const elementNode = elementRef?.current;
-    const {
-      top: parentTop,
-      bottom: parentBottom,
-      right: parentRight,
-      left: parentLeft
-    } = parentNode?.getBoundingClientRect() || {};
-    const {
-      width: elementWidth,
-      height: elementHeight
-    } = elementNode?.getBoundingClientRect() || {};
-    const availablePositions = {
-      top: parentTop >= elementHeight,
-      bottom: currentHeight - parentBottom >= elementHeight,
-      right: parentRight >= elementWidth,
-      left: currentWidth - parentLeft >= elementWidth
-    };
-    for (let i = 0; i < preferredPrimaryOrder.length; i += 1) {
-      const position = preferredPrimaryOrder[i];
-      if (availablePositions[position]) {
-        setPrimaryPosition(position);
-        break;
-      }
-    }
-    for (let i = 0; i < compatibleSecondaryPositions.length; i += 1) {
-      const position = compatibleSecondaryPositions[i];
-      if (availablePositions[position]) {
-        setSecondaryPosition(position);
-        break;
-      }
-    }
-  }, throttleMs), [elementRef, offsetXPx, throttleMs]);
-  (0, _react.useEffect)(() => {
-    if (!isClient) {
-      return false;
-    }
-    handle();
-    window.addEventListener('scroll', handle);
-    window.addEventListener('resize', handle);
-    return () => {
-      window.removeEventListener('scroll', handle);
-      window.removeEventListener('resize', handle);
-    };
-  }, [handle]);
-  return {
-    primaryPosition,
-    secondaryPosition
-  };
-};
-var _default = exports.default = useDynamicPosition;

package/dist/cjs/utils/hooks/useOutsideClick.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const useOutsideClick = (ref, callback) => {
-  // const ref = useRef(null)
-
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = event => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        callback();
-      }
-    };
-    document.addEventListener('mousedown', handleClickOutside);
-    document.addEventListener('touchstart', handleClickOutside);
-    return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-      document.removeEventListener('touchstart', handleClickOutside);
-    };
-  }, [callback]);
-};
-var _default = exports.default = useOutsideClick;

package/dist/cjs/utils/hooks/useWindowSize.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _debounce = _interopRequireDefault(require("lodash/debounce"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useWindowSize = function () {
-  let debounceMs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 700;
-  const isClient = typeof window === 'object';
-  const getSize = () => ({
-    width: isClient ? window.innerWidth : undefined,
-    height: isClient ? window.innerHeight : undefined
-  });
-  const [windowSize, setWindowSize] = (0, _react.useState)(getSize);
-  const handle = (0, _react.useCallback)((0, _debounce.default)(() => {
-    setWindowSize(getSize());
-  }, debounceMs));
-  (0, _react.useEffect)(() => {
-    if (!isClient) {
-      return false;
-    }
-    window.addEventListener('resize', handle);
-    return () => window.removeEventListener('resize', handle);
-  }, [getSize, handle, isClient]);
-  return windowSize;
-};
-var _default = exports.default = useWindowSize;

package/dist/cjs/utils/index.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DATE_FORMATS", {
-  enumerable: true,
-  get: function () {
-    return _formatting.DATE_FORMATS;
-  }
-});
-Object.defineProperty(exports, "applyCharacterLimit", {
-  enumerable: true,
-  get: function () {
-    return _applyCharacterLimit.applyCharacterLimit;
-  }
-});
-Object.defineProperty(exports, "formatDate", {
-  enumerable: true,
-  get: function () {
-    return _formatting.formatDate;
-  }
-});
-Object.defineProperty(exports, "formatTime", {
-  enumerable: true,
-  get: function () {
-    return _formatting.formatTime;
-  }
-});
-Object.defineProperty(exports, "snakeCaseToTitleCase", {
-  enumerable: true,
-  get: function () {
-    return _formatting.snakeCaseToTitleCase;
-  }
-});
-Object.defineProperty(exports, "useDynamicPosition", {
-  enumerable: true,
-  get: function () {
-    return _hooks.useDynamicPosition;
-  }
-});
-Object.defineProperty(exports, "useOutsideClick", {
-  enumerable: true,
-  get: function () {
-    return _hooks.useOutsideClick;
-  }
-});
-Object.defineProperty(exports, "useWindowSize", {
-  enumerable: true,
-  get: function () {
-    return _hooks.useWindowSize;
-  }
-});
-var _hooks = require("./hooks");
-var _formatting = require("./formatting");
-var _applyCharacterLimit = require("./applyCharacterLimit");

package/dist/es/a/AnimatedBlobs/AnimatedBlobs.js

@@ -1,77 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import styleNames from '@pareto-engineering/bem/exports';
-import "./styles.scss";
-
-// Local Definitions
-
-const baseClassName = styleNames.base;
-const componentClassName = 'animated-blobs';
-
-/**
- * This is the component description.
- */
-const AnimatedBlobs = ({
-  id,
-  className: userClassName,
-  color,
-  style,
-  height,
-  width,
-  opacity
-  // ...otherProps
-}) => /*#__PURE__*/React.createElement("div", {
-  id: id,
-  className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-  style: {
-    ...style,
-    '--blob-color': `var(--${color})`,
-    '--height': height,
-    '--opacity': opacity,
-    '--width': width
-  }
-}, /*#__PURE__*/React.createElement("div", {
-  className: "shape-blob"
-}), /*#__PURE__*/React.createElement("div", {
-  className: "shape-blob one"
-}), /*#__PURE__*/React.createElement("div", {
-  className: "shape-blob two"
-}));
-AnimatedBlobs.propTypes = {
-  /**
-  * The HTML id for this element
-  */
-  id: PropTypes.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: PropTypes.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: PropTypes.objectOf(PropTypes.string),
-  /**
-   * The color of the blobs
-   */
-  color: PropTypes.string,
-  /**
-   * The height of the blobs
-   */
-  height: PropTypes.string,
-  /**
-   * The width of the blobs
-   */
-  width: PropTypes.string,
-  /**
-   * The opacity of the blobs
-   */
-  opacity: PropTypes.string
-};
-AnimatedBlobs.defaultProps = {
-  color: 'background-mesh',
-  height: '200px',
-  width: '200px',
-  opacity: '0.7'
-};
-export default AnimatedBlobs;

package/dist/es/a/AnimatedBlobs/index.js

@@ -1 +0,0 @@
-export { default as AnimatedBlobs } from "./AnimatedBlobs";