@jobber/components 4.90.4 → 4.90.5

package/dist/List-Dgwp7JmK.js

@@ -0,0 +1,189 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var _baseEach = require('./_baseEach-2sgXrDWN.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BHq9dk6I.js');
+var _baseAssignValue = require('./_baseAssignValue-ph7A7Tyf.js');
+var _getTag = require('./_getTag-CtczKdF2.js');
+var Icon = require('./Icon-C05AQvkv.js');
+var Text = require('./Text-BKFV1Z0j.js');
+var Heading = require('./Heading-Y2BrFvzY.js');
+var Typography = require('./Typography-BiJhpsiL.js');
+var Markdown = require('./Markdown-BhG7kPFl.js');
+var Emphasis = require('./Emphasis-ZgoNe2R5.js');
+
+/**
+ * A specialized version of `baseAggregator` for arrays.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} setter The function to set `accumulator` values.
+ * @param {Function} iteratee The iteratee to transform keys.
+ * @param {Object} accumulator The initial aggregated object.
+ * @returns {Function} Returns `accumulator`.
+ */
+
+function arrayAggregator$1(array, setter, iteratee, accumulator) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    var value = array[index];
+    setter(accumulator, value, iteratee(value), array);
+  }
+  return accumulator;
+}
+
+var _arrayAggregator = arrayAggregator$1;
+
+var baseEach = _baseEach._baseEach;
+
+/**
+ * Aggregates elements of `collection` on `accumulator` with keys transformed
+ * by `iteratee` and values set by `setter`.
+ *
+ * @private
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} setter The function to set `accumulator` values.
+ * @param {Function} iteratee The iteratee to transform keys.
+ * @param {Object} accumulator The initial aggregated object.
+ * @returns {Function} Returns `accumulator`.
+ */
+function baseAggregator$1(collection, setter, iteratee, accumulator) {
+  baseEach(collection, function(value, key, collection) {
+    setter(accumulator, value, iteratee(value), collection);
+  });
+  return accumulator;
+}
+
+var _baseAggregator = baseAggregator$1;
+
+var arrayAggregator = _arrayAggregator,
+    baseAggregator = _baseAggregator,
+    baseIteratee = _baseEach._baseIteratee,
+    isArray = _getTag.isArray_1;
+
+/**
+ * Creates a function like `_.groupBy`.
+ *
+ * @private
+ * @param {Function} setter The function to set accumulator values.
+ * @param {Function} [initializer] The accumulator object initializer.
+ * @returns {Function} Returns the new aggregator function.
+ */
+function createAggregator$1(setter, initializer) {
+  return function(collection, iteratee) {
+    var func = isArray(collection) ? arrayAggregator : baseAggregator,
+        accumulator = initializer ? initializer() : {};
+
+    return func(collection, setter, baseIteratee(iteratee), accumulator);
+  };
+}
+
+var _createAggregator = createAggregator$1;
+
+var baseAssignValue = _baseAssignValue._baseAssignValue,
+    createAggregator = _createAggregator;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto.hasOwnProperty;
+
+/**
+ * Creates an object composed of keys generated from the results of running
+ * each element of `collection` thru `iteratee`. The order of grouped values
+ * is determined by the order they occur in `collection`. The corresponding
+ * value of each key is an array of elements responsible for generating the
+ * key. The iteratee is invoked with one argument: (value).
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Collection
+ * @param {Array|Object} collection The collection to iterate over.
+ * @param {Function} [iteratee=_.identity] The iteratee to transform keys.
+ * @returns {Object} Returns the composed aggregate object.
+ * @example
+ *
+ * _.groupBy([6.1, 4.2, 6.3], Math.floor);
+ * // => { '4': [4.2], '6': [6.1, 6.3] }
+ *
+ * // The `_.property` iteratee shorthand.
+ * _.groupBy(['one', 'two', 'three'], 'length');
+ * // => { '3': ['one', 'two'], '5': ['three'] }
+ */
+var groupBy = createAggregator(function(result, value, key) {
+  if (hasOwnProperty.call(result, key)) {
+    result[key].push(value);
+  } else {
+    baseAssignValue(result, key, [value]);
+  }
+});
+
+var groupBy_1 = groupBy;
+
+var groupBy$1 = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(groupBy_1);
+
+var styles$1 = {"list":"u853Ql4cj50-","item":"ig9l6LfEgwo-","section":"KIYTQdrufzY-"};
+
+var sectionStyles = {"sectionHeader":"LUlooG82UJA-","greyBlue":"_4LVpgNq-SLM-","green":"_0QhWokyE9PY-","blue":"J8wB3qqOlBc-","archived":"Ujqj17pKDIE-","orange":"_0lNxLGXhrfY-","red":"_4qPymF0CAAE-","teal":"kKYNLBSu9IQ-"};
+
+var styles = {"action":"XPLf4Jp6feU-","hoverable":"RseHYbVm4MA-","icon":"d1-zQvxPH-M-","info":"_-58VuZf1TtM-","amount":"wHB5zXYWW3E-","isActive":"C4DznaxLKiw-","truncate":"Brob-IpVv4o-"};
+
+function ListItem({ caption, content, icon, iconColor, id, isActive, onClick, title, url, value, }) {
+    const actionClasses = classnames(styles.action, isActive && styles.isActive, (onClick || url) && styles.hoverable);
+    const Wrapper = url ? "a" : "button";
+    const buttonProps = Object.assign({}, (Wrapper === "button" && { role: "button", type: "button" }));
+    return (React.createElement(Wrapper, Object.assign({ id: id.toString(), className: actionClasses, href: url, onClick: onClick }, buttonProps),
+        icon && (React.createElement("div", { className: styles.icon },
+            React.createElement(Icon.Icon, { name: icon, color: iconColor }))),
+        React.createElement("div", { className: styles.info },
+            title && React.createElement(Heading.Heading, { level: 5 }, title),
+            React.createElement(Description, { content: content }),
+            caption && (React.createElement(Text.Text, { variation: "subdued" },
+                React.createElement(Typography.Typography, { element: "span", size: "small", emphasisType: "italic" }, caption)))),
+        value && (React.createElement("div", { className: styles.amount },
+            React.createElement(Text.Text, null,
+                React.createElement(Emphasis.Emphasis, { variation: "bold" }, value))))));
+}
+function Description({ content }) {
+    if (content instanceof Array) {
+        return (React.createElement(React.Fragment, null, content.map((item, i) => (React.createElement(Text.Text, { key: i },
+            React.createElement("span", { className: styles.truncate },
+                React.createElement(Markdown.Markdown, { content: item, basicUsage: true })))))));
+    }
+    else {
+        return (React.createElement(Text.Text, null,
+            React.createElement("span", { className: styles.truncate },
+                React.createElement(Markdown.Markdown, { content: content, basicUsage: true }))));
+    }
+}
+
+function List({ items }) {
+    const isSectioned = items.some(item => item.section);
+    if (isSectioned) {
+        return React.createElement(SectionedList, { items: items });
+    }
+    else {
+        return React.createElement(DisplayList, { items: items });
+    }
+}
+function DisplayList({ items }) {
+    return (React.createElement("ul", { className: styles$1.list }, items.map(item => (React.createElement("li", { key: item.id, className: styles$1.item },
+        React.createElement(ListItem, Object.assign({}, item)))))));
+}
+function SectionedList({ items }) {
+    const sectionedItems = groupBy$1(items, item => _baseEach.get(item, "section", "Other"));
+    const sectionHeaderClassNames = classnames(sectionStyles.sectionHeader);
+    return (React.createElement("ul", { className: styles$1.list }, Object.keys(sectionedItems).map(sectionName => (React.createElement("li", { key: sectionName, className: styles$1.section },
+        React.createElement("div", { className: sectionHeaderClassNames },
+            React.createElement(Typography.Typography, { element: "h4", fontWeight: "bold", size: "large" }, sectionName)),
+        React.createElement("ul", { className: styles$1.list }, sectionedItems[sectionName].map(item => (React.createElement("li", { key: item.id, className: styles$1.item },
+            React.createElement(ListItem, Object.assign({}, item)))))))))));
+}
+
+exports.List = List;
+exports.ListItem = ListItem;

package/dist/Markdown/index.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var Markdown = require('../Markdown-BhG7kPFl.js');
+require('react');
+require('../Text-BKFV1Z0j.js');
+require('../Typography-BiJhpsiL.js');
+require('classnames');
+require('../Emphasis-ZgoNe2R5.js');
+require('../Heading-Y2BrFvzY.js');
+require('../useAtlantisConfig-Ckfr55qY.js');
+require('../useSafeLayoutEffect-juh5vdFE.js');
+require('../Content-D5eJgx6J.js');
+require('../index-dKBcvdAq.js');
+require('../_commonjsHelpers-BHq9dk6I.js');
+require('../_polyfill-node.process-7AsFqJce.js');
+
+
+
+exports.Markdown = Markdown.Markdown;

package/dist/Markdown/index.mjs

@@ -0,0 +1,13 @@
+export { M as Markdown } from '../Markdown-BfxzpIEM.js';
+import 'react';
+import '../Text-CfxmOdM-.js';
+import '../Typography-DscVWtp8.js';
+import 'classnames';
+import '../Emphasis-DIJAlzt-.js';
+import '../Heading-D_ylbFzI.js';
+import '../useAtlantisConfig-DC3Ppo_R.js';
+import '../useSafeLayoutEffect-BW_VIS6-.js';
+import '../Content-CobtdYug.js';
+import '../index-BE4KkyL_.js';
+import '../_commonjsHelpers-Dw5gAsMR.js';
+import '../_polyfill-node.process-B3Zw2Wh0.js';