@terraware/web-components 2.3.22 → 2.3.24

package/components/PhotoChooser/index.d.ts

@@ -0,0 +1,20 @@
+export type PhotoChooserErrorType = {
+    title: string;
+    text: string;
+};
+export type PhotoChooserProps = {
+    title?: string;
+    description?: string | string[];
+    onPhotosChanged: (photos: File[]) => void;
+    multipleSelection?: boolean;
+    error?: PhotoChooserErrorType;
+    selectedFile?: any;
+    uploadText?: string;
+    uploadDescription?: string;
+    uploadMobileDescription?: string;
+    photoSelectedText?: string;
+    chooseFileText?: string;
+    replaceFileText?: string;
+};
+export default function PhotoChooser(props: PhotoChooserProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/PhotoChooser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PhotoChooser/index.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAgCF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAyK1E"}

package/components/PhotoChooser/index.js

@@ -0,0 +1,228 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PhotoChooser;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var _styles = require("@mui/styles");
+var _utils = require("../../utils");
+var _ErrorBox = _interopRequireDefault(require("../ErrorBox/ErrorBox"));
+var _Button = _interopRequireDefault(require("../Button/Button"));
+var _Icon = _interopRequireDefault(require("../Icon/Icon"));
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    removePhoto: {
+      position: 'absolute',
+      top: -10,
+      right: -10,
+      backgroundColor: theme.palette.TwClrBgDanger
+    },
+    hiddenInput: {
+      display: 'none'
+    },
+    icon: {
+      height: '120px',
+      width: '120px'
+    },
+    button: {
+      marginTop: theme.spacing(3)
+    },
+    error: {
+      width: '100%',
+      marginBottom: theme.spacing(2)
+    },
+    thumbnail: {
+      margin: 'auto auto',
+      objectFit: 'contain',
+      display: 'flex',
+      maxWidth: '120px',
+      maxHeight: '120px'
+    }
+  };
+});
+function PhotoChooser(props) {
+  var title = props.title,
+    description = props.description,
+    onPhotosChanged = props.onPhotosChanged,
+    multipleSelection = props.multipleSelection,
+    error = props.error,
+    selectedFile = props.selectedFile,
+    uploadText = props.uploadText,
+    uploadMobileDescription = props.uploadMobileDescription,
+    uploadDescription = props.uploadDescription,
+    photoSelectedText = props.photoSelectedText,
+    chooseFileText = props.chooseFileText,
+    replaceFileText = props.replaceFileText;
+  var _useDeviceInfo = (0, _utils.useDeviceInfo)(),
+    isMobile = _useDeviceInfo.isMobile;
+  var classes = useStyles();
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    files = _useState2[0],
+    setFiles = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    filesData = _useState4[0],
+    setFilesData = _useState4[1];
+  var inputRef = (0, _react.useRef)(null);
+  var divRef = (0, _react.useRef)(null);
+  var theme = (0, _material.useTheme)();
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    editing = _useState6[0],
+    setEditing = _useState6[1];
+  (0, _react.useEffect)(function () {
+    setEditing(!!selectedFile);
+  }, [selectedFile]);
+  var addFiles = function addFiles(fileList) {
+    var newFiles = [];
+    for (var i = 0; i < fileList.length; i++) {
+      var fileItem = fileList.item(i);
+      if (fileItem) {
+        newFiles.push(fileItem);
+      }
+    }
+    if (newFiles.length) {
+      updateSelection([].concat((0, _toConsumableArray2.default)(files), newFiles));
+    }
+  };
+  var removeFileAtIndex = function removeFileAtIndex(index) {
+    var filesList = (0, _toConsumableArray2.default)(files);
+    filesList.splice(index, 1);
+    updateSelection(filesList);
+  };
+  var updateSelection = function updateSelection(selected) {
+    setFiles(selected);
+    onPhotosChanged(selected);
+  };
+  var dropHandler = function dropHandler(event) {
+    event.preventDefault();
+    addFiles(event.dataTransfer.files);
+  };
+  var enableDropping = function enableDropping(event) {
+    event.preventDefault();
+  };
+  var onChooseFileHandler = function onChooseFileHandler() {
+    var _inputRef$current, _divRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
+    (_divRef$current = divRef.current) === null || _divRef$current === void 0 ? void 0 : _divRef$current.focus();
+  };
+  var onFileChosen = function onFileChosen(event) {
+    if (editing) {
+      setEditing(false);
+    }
+    if (event.currentTarget.files) {
+      addFiles(event.currentTarget.files);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    var filesDataList = files.map(function (file) {
+      return URL.createObjectURL(file);
+    });
+    setFilesData(filesDataList);
+    return function () {
+      // we need to clean this up to avoid a memory leak
+      filesDataList.forEach(function (fileData) {
+        return URL.revokeObjectURL(fileData);
+      });
+    };
+  }, [files]);
+  return /*#__PURE__*/_react.default.createElement(_material.Box, {
+    ref: divRef,
+    tabIndex: 0,
+    width: "100%",
+    sx: {
+      backgroundColor: theme.palette.TwClrBg,
+      borderRadius: theme.spacing(4)
+    }
+  }, /*#__PURE__*/_react.default.createElement(_material.Box, null, title && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    fontSize: 20,
+    fontWeight: 600
+  }, title), description && /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    fontSize: 14,
+    fontWeight: 400,
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(2)
+  }, Array.isArray(description) ? description.map(function (txt, i) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: i
+    }, txt);
+  }) : description), error && /*#__PURE__*/_react.default.createElement(_ErrorBox.default, {
+    title: error.title,
+    text: error.text,
+    className: classes.error
+  }), filesData.length > 0 && multipleSelection && /*#__PURE__*/_react.default.createElement(_material.Box, {
+    display: "flex",
+    flexDirection: "row",
+    flexWrap: "wrap",
+    marginBottom: theme.spacing(2)
+  }, filesData.map(function (fileData, index) {
+    var _files$index;
+    return /*#__PURE__*/_react.default.createElement(_material.Box, {
+      key: index,
+      position: "relative",
+      height: 122,
+      width: 122,
+      marginRight: isMobile ? theme.spacing(2) : theme.spacing(3),
+      marginTop: theme.spacing(1),
+      border: "1px solid ".concat(theme.palette.TwClrBrdrTertiary)
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      icon: "iconTrashCan",
+      onClick: function onClick() {
+        return removeFileAtIndex(index);
+      },
+      size: "small",
+      className: classes.removePhoto
+    }), /*#__PURE__*/_react.default.createElement("img", {
+      height: "120px",
+      src: fileData,
+      alt: (_files$index = files[index]) === null || _files$index === void 0 ? void 0 : _files$index.name,
+      className: classes.thumbnail
+    }));
+  }))), /*#__PURE__*/_react.default.createElement(_material.Box, {
+    onDrop: dropHandler,
+    onDragOver: enableDropping,
+    border: "1px dashed ".concat(theme.palette.TwClrBrdrTertiary),
+    borderRadius: theme.spacing(2),
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    padding: theme.spacing(3),
+    sx: {
+      background: theme.palette.TwClrBg
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    name: "blobbyGrayIconImage",
+    className: classes.icon,
+    size: "xlarge"
+  }), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    color: theme.palette.TwClrTxt,
+    fontSize: 14,
+    fontWeight: 600,
+    margin: theme.spacing(0, 0, 1)
+  }, !editing && (files.length > 0 && !multipleSelection ? files[0].name : uploadText)), /*#__PURE__*/_react.default.createElement(_material.Typography, {
+    color: theme.palette.TwClrTxt,
+    fontSize: 12,
+    fontWeight: 400,
+    margin: 0
+  }, (editing || files.length > 0) && !multipleSelection ? photoSelectedText : isMobile && uploadMobileDescription ? uploadMobileDescription : uploadDescription), /*#__PURE__*/_react.default.createElement("input", {
+    type: "file",
+    ref: inputRef,
+    className: classes.hiddenInput,
+    onChange: onFileChosen,
+    accept: "image/jpeg,image/png",
+    multiple: multipleSelection || false
+  }), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: onChooseFileHandler,
+    label: !multipleSelection && (files.length === 1 || editing) ? replaceFileText : chooseFileText,
+    priority: "secondary",
+    type: "passive",
+    className: classes.button
+  })));
+}

package/index.d.ts

@@ -18,6 +18,7 @@ import NavItem from './components/Navbar/NavItem';
 import NavSection from './components/Navbar/NavSection';
 import Note from './components/Note';
 import PageForm from './components/PageForm';
+import PhotoChooser from './components/PhotoChooser';
 import Pill from './components/Pill';
 import PillList from './components/PillList';
 import Popover from './components/PopoverMenu/Popover';
@@ -43,5 +44,6 @@ export type { Size } from './components/Size';
 export type { DropdownItem } from './components/types';
 export type { EnhancedTableDetailsRow, RendererProps, TableColumnType, TableRowType, SortOrder };
 export type { FormButton } from './components/FormBottomBar';
-export { Autocomplete, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FormBottomBar, getComparator, icons, Icon, IconTooltip, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, PageForm, Pill, PillList, Popover, PopoverMenu, ProgressCircle, RadioButton, Select, SelectT, stableSort, SummaryBox, Svg, Textfield, TextTruncated, Table, theme, Tooltip, };
+export type { PhotoChooserErrorType, PhotoChooserProps } from './components/PhotoChooser';
+export { Autocomplete, BusySpinner, Button, CellRenderer, CellDateRenderer, Checkbox, DatePicker, descendingComparator, DialogBox, Divisor, Dropdown, DropdownV1, ErrorBox, FormBottomBar, getComparator, icons, Icon, IconTooltip, Message, MultiSelect, NavFooter, NavItem, NavSection, Navbar, Note, PageForm, Pill, PillList, PhotoChooser, Popover, PopoverMenu, ProgressCircle, RadioButton, Select, SelectT, stableSort, SummaryBox, Svg, Textfield, TextTruncated, Table, theme, Tooltip, };
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

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

package/index.js

@@ -143,6 +143,12 @@ Object.defineProperty(exports, "PageForm", {
     return _PageForm.default;
   }
 });
+Object.defineProperty(exports, "PhotoChooser", {
+  enumerable: true,
+  get: function get() {
+    return _PhotoChooser.default;
+  }
+});
 Object.defineProperty(exports, "Pill", {
   enumerable: true,
   get: function get() {
@@ -272,6 +278,7 @@ var _NavItem = _interopRequireDefault(require("./components/Navbar/NavItem"));
 var _NavSection = _interopRequireDefault(require("./components/Navbar/NavSection"));
 var _Note = _interopRequireDefault(require("./components/Note"));
 var _PageForm = _interopRequireDefault(require("./components/PageForm"));
+var _PhotoChooser = _interopRequireDefault(require("./components/PhotoChooser"));
 var _Pill = _interopRequireDefault(require("./components/Pill"));
 var _PillList = _interopRequireDefault(require("./components/PillList"));
 var _Popover = _interopRequireDefault(require("./components/PopoverMenu/Popover"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terraware/web-components",
-  "version": "2.3.22",
+  "version": "2.3.24",
   "author": "Terraformation Inc.",
   "license": "Apache-2.0",
   "repository": {

package/stories/PhotoChooser.stories.d.ts

@@ -0,0 +1,9 @@
+import PhotoChooser, { PhotoChooserProps } from '../components/PhotoChooser';
+declare const _default: {
+    title: string;
+    component: typeof PhotoChooser;
+};
+export default _default;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PhotoChooserProps>;
+export declare const Multiple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PhotoChooserProps>;
+//# sourceMappingURL=PhotoChooser.stories.d.ts.map

package/stories/PhotoChooser.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoChooser.stories.d.ts","sourceRoot":"","sources":["../../src/stories/PhotoChooser.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,EAAE,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;;;;;AAE7E,wBAGE;AAMF,eAAO,MAAM,OAAO,kHAAoB,CAAC;AAWzC,eAAO,MAAM,QAAQ,kHAAoB,CAAC"}