@procore/core-react 10.30.0 → 11.0.0-rc.0

package/dist/FileSelect/storyHelpers.js

@@ -0,0 +1,100 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React from 'react';
+import { createServer, Response } from 'miragejs';
+import { ulid } from 'ulid';
+import { treeRootNodeId } from '../Tree/Tree';
+import thumbnailImage from '../Thumbnail/mocks/images/thumb_104x104_1.png';
+export var MOCK_UPLOAD_FILES_URL = '/mock-upload-files';
+export var MOCK_UPLOAD_WITH_ERRORS_FILES_URL = '/mock-upload-files-with-errors';
+export var MOCK_BACKEND_LATENCY = 500;
+export var useMockBackend = function () {
+    React.useEffect(function () {
+        var server = createServer({
+            routes: function () {
+                var _this = this;
+                this.post(MOCK_UPLOAD_FILES_URL, function () { return __awaiter(_this, void 0, void 0, function () {
+                    var remoteFileId;
+                    return __generator(this, function (_a) {
+                        remoteFileId = ulid();
+                        return [2 /*return*/, { remoteFileId: remoteFileId }];
+                    });
+                }); });
+                this.post(MOCK_UPLOAD_WITH_ERRORS_FILES_URL, function () {
+                    return new Response(500, { error: 'Upload Error' });
+                });
+            },
+            timing: MOCK_BACKEND_LATENCY,
+        });
+        return function () {
+            server.shutdown();
+        };
+    }, []);
+};
+export var gridItemsSample = [
+    { id: '0001', name: '0001.png', src: thumbnailImage },
+    { id: '0002', name: '0002.zip' },
+    { id: '0003', name: '0003.rtf', src: thumbnailImage },
+    { id: '0004', name: '0004.png' },
+    { id: '0005', name: '0005.docx', src: thumbnailImage },
+    { id: '0006', name: '0006.unss' },
+    { id: '0007', name: '0007.zip' },
+    { id: '0008', name: '0008.dll' },
+    { id: '0009', name: '0009.dll' },
+    { id: '00010', name: '0010.png' },
+    { id: '00011', name: '0011.png' },
+    { id: '00012', name: '0012.png' },
+];
+export var fileTreeSample = [
+    {
+        id: 1,
+        name: 'Root Folder',
+        parentId: treeRootNodeId,
+        type: 'branch',
+    },
+    { id: 2, name: 'Animals', parentId: 1, type: 'branch' },
+    { id: 3, name: 'Birds', parentId: 1, type: 'branch' },
+    { id: 4, name: 'Cat.jpg', parentId: 2, type: 'leaf' },
+    { id: 5, name: 'Dog.jpg', parentId: 2, type: 'leaf' },
+    { id: 6, name: 'Woodpecker.jpg', parentId: 3, type: 'leaf' },
+    { id: 7, name: 'Owl.jpg', parentId: 3, type: 'leaf' },
+    { id: 12, name: 'Falcon.jpg', parentId: 3, type: 'leaf' },
+    { id: 13, name: 'Parrot.jpg', parentId: 3, type: 'leaf' },
+    { id: 14, name: 'Crane.jpg', parentId: 3, type: 'leaf' },
+    { id: 15, name: 'Ostrich.jpg', parentId: 3, type: 'leaf' },
+];
+//# sourceMappingURL=storyHelpers.js.map

package/dist/FileSelect/storyHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyHelpers.js","sourceRoot":"","sources":["../../src/FileSelect/storyHelpers.ts"],"names":[],"mappings":"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"}

package/dist/FileToken/FileToken.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { FileTokenProps } from './FileToken.types';
+export declare const FileToken: React.ForwardRefExoticComponent<FileTokenProps & DivAttributes & React.RefAttributes<HTMLDivElement>>;

package/dist/FileToken/FileToken.js

@@ -0,0 +1,85 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { parseFilename } from '../_utils/filename';
+import { Loader } from '../Loader';
+import { transitionDuration } from '../Loader/Loader.styles';
+import { Token } from '../Token';
+import { Tooltip } from '../Tooltip';
+import { pulseAnimationDuration, StyledExtension, StyledFilename, StyledFilenameShortcut, StyledFileToken, } from './FileToken.styles';
+export var FileToken = React.forwardRef(function FileToken(_a, ref) {
+    var fileName = _a.fileName, _b = _a.progressValue, progressValue = _b === void 0 ? 0 : _b, _c = _a.errorMessage, errorMessage = _c === void 0 ? '' : _c, onLabelClick = _a.onLabelClick, onClose = _a.onClose, qa = _a.qa, props = __rest(_a, ["fileName", "progressValue", "errorMessage", "onLabelClick", "onClose", "qa"]);
+    var isError = Boolean(errorMessage);
+    var isProgressValueComplete = !isError && progressValue >= 100;
+    var _d = React.useState(isProgressValueComplete), isProgressComplete = _d[0], setProgressComplete = _d[1];
+    var _e = React.useState(false), isFinalized = _e[0], setFinalized = _e[1];
+    var didMountRef = React.useRef(false);
+    var _f = parseFilename(fileName), filename = _f.filename, extension = _f.extension, isFilename = _f.isFilename;
+    var name = isFilename ? "".concat(filename, ".") : fileName;
+    React.useEffect(function () {
+        var timerId = isProgressValueComplete
+            ? window.setTimeout(function () {
+                setProgressComplete(true);
+            }, transitionDuration)
+            : null;
+        if (!isProgressValueComplete) {
+            setProgressComplete(false);
+        }
+        return function () {
+            timerId && clearTimeout(timerId);
+        };
+    }, [isProgressValueComplete]);
+    React.useEffect(function () {
+        var isFinalized = didMountRef.current && isProgressComplete;
+        var timerId = isFinalized
+            ? window.setTimeout(function () {
+                setFinalized(false);
+            }, pulseAnimationDuration)
+            : null;
+        setFinalized(didMountRef.current && isProgressComplete);
+        if (!didMountRef.current) {
+            didMountRef.current = true;
+        }
+        return function () {
+            timerId && clearTimeout(timerId);
+        };
+    }, [isProgressComplete]);
+    var token = (React.createElement(Token, null,
+        React.createElement(Token.Label, { onClick: onLabelClick },
+            React.createElement(StyledFilenameShortcut, null,
+                React.createElement(StyledFilename, null, name),
+                React.createElement(StyledExtension, null, extension))),
+        React.createElement(Token.Remove, { onClick: onClose, "data-qa": qa === null || qa === void 0 ? void 0 : qa.closeButton })));
+    // prevent empty tooltip blinks when navigating via the keyboard by wrapping in tooltip conditionally
+    if (isError) {
+        return (React.createElement(Tooltip, { ref: ref, trigger: "hover", overlay: errorMessage },
+            React.createElement(StyledFileToken, __assign({}, props, { "$error": isError, "$finalized": isFinalized, "$progressComplete": isProgressComplete }),
+                token,
+                React.createElement(Loader, { value: progressValue, animated: true }, token))));
+    }
+    return (React.createElement(StyledFileToken, __assign({}, props, { "$error": isError, "$finalized": isFinalized, "$progressComplete": isProgressComplete, ref: ref }),
+        token,
+        React.createElement(Loader, { value: progressValue, animated: true }, token)));
+});
+FileToken.displayName = 'FileToken';
+//# sourceMappingURL=FileToken.js.map

package/dist/FileToken/FileToken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileToken.js","sourceRoot":"","sources":["../../src/FileToken/FileToken.tsx"],"names":[],"mappings":"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"}

package/dist/FileToken/FileToken.styles.js

@@ -0,0 +1,28 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css, keyframes } from 'styled-components';
+import { colors } from '../_styles/colors';
+import { StyledLoader } from '../Loader/Loader.styles';
+import { StyledRemove, StyledLabel, StyledToken } from '../Token/Token.styles';
+export var pulseAnimationDuration = 600;
+var focusPulse = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    box-shadow: 0 0 0 0 ", ", 0 0 0 0 ", ", 0 0 0 0 ", ";\n  }\n  25% {\n    box-shadow: 0 0 0 0 ", ", 0 0 0 0 ", ", 0 0 0 0 ", ";\n  }\n  50% {\n    box-shadow: 0 0 0 1px ", ", 0 0 0 3px ", ", 0 0 0 2px ", ";\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ", ", 0 0 0 3px ", ", 0 0 0 6px ", ";\n  }\n"], ["\n  0% {\n    box-shadow: 0 0 0 0 ", ", 0 0 0 0 ", ", 0 0 0 0 ", ";\n  }\n  25% {\n    box-shadow: 0 0 0 0 ", ", 0 0 0 0 ", ", 0 0 0 0 ", ";\n  }\n  50% {\n    box-shadow: 0 0 0 1px ", ", 0 0 0 3px ", ", 0 0 0 2px ", ";\n  }\n  100% {\n    box-shadow: 0 0 0 1.5px ", ", 0 0 0 3px ", ", 0 0 0 6px ", ";\n  }\n"])), colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94, colors.blue60, colors.blue90, colors.blue94);
+export var StyledFilenameShortcut = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+export var StyledFilename = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+export var StyledExtension = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex-shrink: 0;\n"], ["\n  flex-shrink: 0;\n"])));
+export var StyledFileToken = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 200px;\n  max-width: 100%;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 2px ", ";\n    outline: none;\n\n    ", " {\n      border-color: transparent;\n\n      ", "\n    }\n  }\n\n  ", " {\n    background: none;\n    color: ", ";\n    display: flex;\n    user-select: none;\n  }\n\n  ", " {\n    &:hover,\n    &.hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n\n  ", " {\n    overflow: hidden;\n\n    ", " {\n      border-radius: 200px 0 0 200px;\n      color: ", ";\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ", " {\n        flex: 0 0 auto;\n      }\n    }\n\n    ", " {\n      margin-right: 0;\n    }\n  }\n\n  ", "\n"], ["\n  background-color: ", ";\n  border-radius: 200px;\n  max-width: 100%;\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  &:focus,\n  &.focus {\n    box-shadow: 0 0 0 2px ", ";\n    outline: none;\n\n    ", " {\n      border-color: transparent;\n\n      ", "\n    }\n  }\n\n  ", " {\n    background: none;\n    color: ", ";\n    display: flex;\n    user-select: none;\n  }\n\n  ", " {\n    &:hover,\n    &.hover {\n      background: ", ";\n      color: ", ";\n    }\n  }\n\n  ", " {\n    overflow: hidden;\n\n    ", " {\n      border-radius: 200px 0 0 200px;\n      color: ", ";\n      padding-right: 0;\n      transition: color 0s linear, background-color 0s linear;\n      user-select: none;\n\n      ", " {\n        flex: 0 0 auto;\n      }\n    }\n\n    ", " {\n      margin-right: 0;\n    }\n  }\n\n  ", "\n"])), colors.gray96, colors.blue40, StyledToken, function (_a) {
+    var $progressComplete = _a.$progressComplete;
+    return $progressComplete && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), colors.blue45);
+}, StyledToken, colors.blue40, StyledRemove, colors.blue40, colors.gray96, StyledLoader, StyledToken, colors.white, StyledLabel, StyledRemove, function (_a) {
+    var $error = _a.$error, $finalized = _a.$finalized, $progressComplete = _a.$progressComplete;
+    if ($error) {
+        return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        background-color: ", ";\n\n        &:focus {\n          background-color: ", ";\n        }\n\n        ", " {\n          color: ", ";\n        }\n\n        ", " {\n          display: none;\n        }\n\n        ", " {\n          &:hover,\n          &.hover {\n            background: ", ";\n            color: ", ";\n          }\n        }\n      "], ["\n        background-color: ", ";\n\n        &:focus {\n          background-color: ", ";\n        }\n\n        ", " {\n          color: ", ";\n        }\n\n        ", " {\n          display: none;\n        }\n\n        ", " {\n          &:hover,\n          &.hover {\n            background: ", ";\n            color: ", ";\n          }\n        }\n      "])), colors.red50, colors.red50, StyledToken, colors.white, StyledLoader, StyledRemove, colors.white, colors.red50);
+    }
+    else if ($finalized || $progressComplete) {
+        return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n        ", ";\n\n        ", " {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ", " {\n          background-color: ", ";\n          color: ", ";\n\n          &:hover,\n          &:focus {\n            background-color: ", ";\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ", " {\n            background-color: ", ";\n          }\n        }\n\n        ", " {\n          &:hover,\n          &.hover {\n            background: ", ";\n            color: ", ";\n          }\n        }\n      "], ["\n        ", ";\n\n        ", " {\n          opacity: 0;\n          pointer-events: none;\n        }\n\n        ", " {\n          background-color: ", ";\n          color: ", ";\n\n          &:hover,\n          &:focus {\n            background-color: ", ";\n          }\n        }\n\n        &.hover,\n        &.focus {\n          ", " {\n            background-color: ", ";\n          }\n        }\n\n        ", " {\n          &:hover,\n          &.hover {\n            background: ", ";\n            color: ", ";\n          }\n        }\n      "])), $finalized && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          animation-delay: 0;\n          animation-duration: ", "ms;\n          animation-name: ", ";\n          animation-timing-function: ease-out;\n        "], ["\n          animation-delay: 0;\n          animation-duration: ", "ms;\n          animation-name: ", ";\n          animation-timing-function: ease-out;\n        "])), pulseAnimationDuration, focusPulse), StyledLoader, StyledToken, colors.blue50, colors.white, colors.blue45, StyledToken, colors.blue45, StyledRemove, colors.white, colors.blue50);
+    }
+    return css(templateObject_9 || (templateObject_9 = __makeTemplateObject([""], [""])));
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
+//# sourceMappingURL=FileToken.styles.js.map

package/dist/FileToken/FileToken.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileToken.styles.js","sourceRoot":"","sources":["../../src/FileToken/FileToken.styles.ts"],"names":[],"mappings":"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"}

package/dist/FileToken/FileToken.types.d.ts

@@ -0,0 +1,34 @@
+import { Props } from '../_utils/types';
+interface QaTags {
+    /**
+     * @since 10.19.0
+     */
+    closeButton?: string;
+}
+export interface FileTokenProps extends Props {
+    /**
+     * @since 10.19.0
+     */
+    fileName: string;
+    /**
+     * @since 10.19.0
+     */
+    progressValue?: number;
+    /**
+     * @since 10.19.0
+     */
+    errorMessage?: string;
+    /**
+     * @since 10.19.0
+     */
+    onLabelClick?: () => void;
+    /**
+     * @since 10.19.0
+     */
+    onClose?: () => void;
+    /**
+     * @since 10.19.0
+     */
+    qa?: QaTags;
+}
+export {};

package/dist/FileToken/FileToken.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileToken.types.js","sourceRoot":"","sources":["../../src/FileToken/FileToken.types.ts"],"names":[],"mappings":""}

package/dist/FileToken/index.d.ts

@@ -0,0 +1 @@
+export { FileToken } from './FileToken';

package/dist/FileToken/index.js

@@ -0,0 +1,2 @@
+export { FileToken } from './FileToken';
+//# sourceMappingURL=index.js.map

package/dist/FileToken/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FileToken/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/Flex/Flex.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { FlexProps } from './Flex.types';
+export declare const Flex: React.ForwardRefExoticComponent<DivAttributes & FlexProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Flex/Flex.js

@@ -0,0 +1,30 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { Box } from '../Box';
+export var Flex = React.forwardRef(function Flex(_a, ref) {
+    var _b = _a.alignItems, alignItems = _b === void 0 ? 'flex-start' : _b, basis = _a.basis, _c = _a.direction, direction = _c === void 0 ? 'row' : _c, grow = _a.grow, flex = _a.flex, _d = _a.inline, inline = _d === void 0 ? false : _d, _e = _a.justifyContent, justifyContent = _e === void 0 ? 'flex-start' : _e, shrink = _a.shrink, wrap = _a.wrap, props = __rest(_a, ["alignItems", "basis", "direction", "grow", "flex", "inline", "justifyContent", "shrink", "wrap"]);
+    return (React.createElement(Box, __assign({}, props, { ref: ref, display: inline ? 'inline-flex' : 'flex', alignItems: alignItems, justifyContent: justifyContent, flexBasis: basis, flexDirection: direction, flexGrow: grow, flexShrink: shrink, flexWrap: wrap, flex: flex })));
+});
+Flex.displayName = 'Flex';
+//# sourceMappingURL=Flex.js.map

package/dist/Flex/Flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../src/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAG5B,MAAM,CAAC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,SAAS,IAAI,CACX,EAWC,EACD,GAAG;IAXD,IAAA,kBAAyB,EAAzB,UAAU,mBAAG,YAAY,KAAA,EACzB,KAAK,WAAA,EACL,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,sBAA6B,EAA7B,cAAc,mBAAG,YAAY,KAAA,EAC7B,MAAM,YAAA,EACN,IAAI,UAAA,EACD,KAAK,cAVV,kGAWC,CADS;IAIV,OAAO,CACL,oBAAC,GAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACxC,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,KAAK,EAChB,aAAa,EAAE,SAAS,EACxB,QAAQ,EAAE,IAAI,EACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,IACV,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}

package/dist/Flex/Flex.types.d.ts

@@ -0,0 +1,42 @@
+import { Props } from '../_utils/types';
+import { FlexDirection, FlexOptions, FlexWrap, MarginOptions, PaddingOptions } from '../Box/Box.types';
+export interface FlexProps extends Props, FlexOptions, MarginOptions, PaddingOptions {
+    /**
+     * @default 'row'
+     * @since 10.19.0
+     */
+    direction?: FlexDirection;
+    /**
+     * @default false
+     * @since 10.19.0
+     */
+    inline?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    flex?: string;
+    /**
+     * @since 10.19.0
+     */
+    basis?: string;
+    /**
+     * @since 10.19.0
+     */
+    grow?: string;
+    /**
+     * @since 10.19.0
+     */
+    shrink?: string;
+    /**
+     * @since 10.19.0
+     */
+    tabIndex?: number;
+    /**
+     * @since 10.19.0
+     */
+    wrap?: FlexWrap;
+    /**
+     * @since 10.19.0
+     */
+    order?: number;
+}

package/dist/Flex/Flex.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Flex.types.js","sourceRoot":"","sources":["../../src/Flex/Flex.types.ts"],"names":[],"mappings":""}

package/dist/Flex/index.d.ts

@@ -0,0 +1,2 @@
+export { Flex } from './Flex';
+export { FlexProps } from './Flex.types';

package/dist/Flex/index.js

@@ -0,0 +1,2 @@
+export { Flex } from './Flex';
+//# sourceMappingURL=index.js.map

package/dist/Flex/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}

package/dist/FlexList/FlexList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DivAttributes } from '../_utils/types';
+import { FlexListProps } from './FlexList.types';
+export declare const FlexList: React.ForwardRefExoticComponent<DivAttributes & FlexListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/FlexList/FlexList.js

@@ -0,0 +1,57 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Box } from '../Box';
+import { StyledFlex } from './FlexList.styles';
+function getSingleSize(size) {
+    if (size === void 0) { size = ''; }
+    return size.split(' ')[0];
+}
+function getItemMargin(direction, size) {
+    return direction.includes('row') ? "0 ".concat(size) : "".concat(size, " 0");
+}
+function getMargin(direction, space, size) {
+    if (size === void 0) { size = 'md'; }
+    if (space === undefined) {
+        return { margin: getItemMargin(direction, size) };
+    }
+    if (space && direction.includes('row')) {
+        return { marginRight: space };
+    }
+    if (space && direction.includes('column')) {
+        return { marginBottom: space };
+    }
+    return {};
+}
+export var FlexList = React.forwardRef(function FlexList(_a, ref) {
+    var boxProps = _a.boxProps, children = _a.children, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, _c = _a.size, size = _c === void 0 ? 'md' : _c, space = _a.space, props = __rest(_a, ["boxProps", "children", "direction", "size", "space"]);
+    var singleSize = React.useMemo(function () { return getSingleSize(size); }, [size]);
+    var margin = React.useMemo(function () { return getMargin(direction, space, singleSize); }, [direction, space, singleSize]);
+    return (React.createElement(StyledFlex, __assign({}, props, { ref: ref, direction: direction, "$direction": direction }), React.Children.toArray(children)
+        .filter(function (child) { return child; })
+        .map(function (child, i) {
+        return child && (React.createElement(Box, __assign({}, boxProps, margin, { key: child.key || i }), child));
+    })));
+});
+FlexList.displayName = 'FlexList';
+//# sourceMappingURL=FlexList.js.map

package/dist/FlexList/FlexList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexList.js","sourceRoot":"","sources":["../../src/FlexList/FlexList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAG9C,SAAS,aAAa,CAAC,IAAiB;IAAjB,qBAAA,EAAA,SAAiB;IACtC,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAe,CAAA;AACzC,CAAC;AAED,SAAS,aAAa,CAAC,SAAwB,EAAE,IAAgB;IAC/D,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAK,IAAI,CAAE,CAAC,CAAC,CAAC,UAAG,IAAI,OAAI,CAAA;AAC9D,CAAC;AAED,SAAS,SAAS,CAChB,SAAwB,EACxB,KAAkB,EAClB,IAAuB;IAAvB,qBAAA,EAAA,WAAuB;IAEvB,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAA;KAClD;IAED,IAAI,KAAK,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;QACtC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,CAAA;KAC9B;IAED,IAAI,KAAK,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QACzC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAA;KAC/B;IAED,OAAO,EAAE,CAAA;AACX,CAAC;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAGtC,SAAS,QAAQ,CACjB,EAAuE,EACvE,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAE,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAArE,sDAAuE,CAAF;IAGrE,IAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEnE,IAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,cAAM,OAAA,SAAS,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,EAAvC,CAAuC,EAC7C,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,CAC/B,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,eACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,gBACR,SAAS,KAEpB,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;SAC9B,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,EAAL,CAAK,CAAC;SACxB,GAAG,CACF,UAAC,KAAU,EAAE,CAAC;QACZ,OAAA,KAAK,IAAI,CACP,oBAAC,GAAG,eAAK,QAAQ,EAAM,MAAM,IAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,KAC/C,KAAK,CACF,CACP;IAJD,CAIC,CACJ,CACQ,CACd,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/FlexList/FlexList.styles.d.ts

@@ -0,0 +1,4 @@
+import { FlexDirection } from '../Box/Box.types';
+export declare const StyledFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../_utils/types").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {
+    $direction?: FlexDirection | undefined;
+}, never>;

package/dist/FlexList/FlexList.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexList.styles.js","sourceRoot":"","sources":["../../src/FlexList/FlexList.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,kGAAgC,QAChE,EAAS,UACT,EAwBD,SAEJ,KA3BK,SAAS,EACT,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnC,OAAO,GAAG,oRAAA,iNAST,KAAA;KACF;IAED,OAAO,GAAG,kQAAA,+LAST,KAAA;AACH,CAAC,CAEJ,CAAA"}

package/dist/FlexList/FlexList.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexList.types.js","sourceRoot":"","sources":["../../src/FlexList/FlexList.types.ts"],"names":[],"mappings":""}

package/dist/FlexList/index.d.ts

@@ -0,0 +1,2 @@
+export { FlexList } from './FlexList';
+export { FlexListProps } from './FlexList.types';

package/dist/FlexList/index.js

@@ -0,0 +1,2 @@
+export { FlexList } from './FlexList';
+//# sourceMappingURL=index.js.map

package/dist/FlexList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FlexList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}