contentoh-components-library 21.3.1 → 21.3.3

package/dist/components/molecules/SelectV2/index.js

@@ -39,6 +39,7 @@ var SelectV2 = function SelectV2(props) {
   var _positions$positionDr;
 
   var items = props.items,
+      initialSelectedItems = props.initialSelectedItems,
       triggerType = props.triggerType,
       selectButton = props.selectButton,
       defaultItem = props.defaultItem,
@@ -99,36 +100,40 @@ var SelectV2 = function SelectV2(props) {
   var refInputTextSearch = (0, _react.useRef)(); // cada que cambie la lista de items
 
   (0, _react.useEffect)(function () {
-    if ((0, _utils.isArrayEmpty)(items)) {
+    if ((0, _utils.isArrayEmpty)(items) || !(0, _utils.isObject)(initialSelectedItems)) {
       setSelectedItems({});
+      renderItems();
+      renderLabelSelect();
       return;
     } // items iniciales seleccionados
 
 
-    var initialSelectedItems = {};
-    items.forEach(function (item) {
-      if (item.selected) {
-        if (multiple) initialSelectedItems[item.value] = item.value;else initialSelectedItems = (0, _defineProperty2.default)({}, item.value, item.value);
-      }
-    });
-    setSelectedItems(initialSelectedItems);
+    if (!multiple) {
+      var values = Object.keys(initialSelectedItems);
+      if (values.length) setSelectedItems((0, _defineProperty2.default)({}, values[0], null));else setSelectedItems({});
+    } else {
+      setSelectedItems(initialSelectedItems);
+    }
+
+    renderItems();
+    renderLabelSelect();
   }, [items]); // cada que cambien los items seleccionados
 
   (0, _react.useEffect)(function () {
-    if (!selectedItems) return;
+    if (!(0, _utils.isObject)(selectedItems)) return;
     renderItems();
     renderLabelSelect();
-    onChange && onChange(Object.values(selectedItems));
   }, [selectedItems]); // evento click de cada item de la lista
 
   var onClickItem = function onClickItem(isSelected, value) {
     var selectedItemsCopy = (0, _objectSpread2.default)({}, selectedItems);
 
     if (isSelected) {
-      multiple ? selectedItemsCopy[value] = value : selectedItemsCopy = (0, _defineProperty2.default)({}, value, value);
+      multiple ? selectedItemsCopy[value] = null : selectedItemsCopy = (0, _defineProperty2.default)({}, value, null);
     } else delete selectedItemsCopy[value];
 
     setSelectedItems(selectedItemsCopy);
+    onChange && onChange(selectedItemsCopy);
   };
 
   var onClickSearch = function onClickSearch() {
@@ -138,8 +143,8 @@ var SelectV2 = function SelectV2(props) {
   };
 
   var renderLabelSelect = function renderLabelSelect() {
-    if (!selectedItems) return;
-    var selectedItemsCopy = Object.values(selectedItems);
+    if (!(0, _utils.isObject)(selectedItems)) return;
+    var selectedItemsCopy = Object.keys(selectedItems);
 
     if (selectedItemsCopy.length > 1) {
       setLabelSelect("Personalizado");
@@ -188,7 +193,7 @@ var SelectV2 = function SelectV2(props) {
         label: item.label,
         value: item.value,
         checkbox: typeSelectItems === "checkbox" ? true : typeSelectItems === "marginCheckbox" ? false : undefined,
-        selected: selectedItems && selectedItems[item.value] ? true : false,
+        selected: (0, _utils.isObject)(selectedItems) && selectedItems[item.value] !== undefined ? true : false,
         onClick: onClickItem
       }, classNameSelect + "_item" + index);
     }));
@@ -259,9 +264,12 @@ var SelectV2 = function SelectV2(props) {
             label: defaultItem.label,
             value: null,
             checkbox: defaultItem.itemType === "checkbox" ? true : defaultItem.itemType === "marginCheckbox" ? false : undefined,
-            selected: selectedItems && Object.keys(selectedItems).length ? false : true,
+            selected: (0, _utils.isObject)(selectedItems) && Object.keys(selectedItems).length ? false : true,
             onClick: function onClick(isSelected, value) {
-              selectedItems && Object.keys(selectedItems).length && setSelectedItems({});
+              if ((0, _utils.isObject)(selectedItems) && Object.keys(selectedItems).length) {
+                setSelectedItems({});
+                onChange && onChange({});
+              }
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "container-items",

package/dist/components/molecules/SelectV2/test.js

@@ -0,0 +1,95 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TestSelectV2 = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = require("react");
+
+var _ = require(".");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var TestSelectV2 = function TestSelectV2() {
+  var _useState = (0, _react.useState)([{
+    label: "item 1",
+    value: 1
+  }, {
+    label: "item 2",
+    value: 2
+  }, {
+    label: "item 3",
+    value: 3
+  }, {
+    label: "item 4",
+    value: 4
+  }]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      items = _useState2[0],
+      setItems = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({
+    2: null,
+    4: null
+  }),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      selected = _useState4[0],
+      setSelected = _useState4[1];
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.SelectV2, {
+      items: items,
+      initialSelectedItems: undefined,
+      triggerType: "hover",
+      selectButton: {
+        type: "whiteS3",
+        transparent: true,
+        disabled: false,
+        label: "Prueba select",
+        size: 12
+      },
+      defaultItem: {
+        label: "default opcion",
+        itemType: "labelOnly",
+        showLabelInSelect: true
+      },
+      inputSearch: {
+        defaultText: "Buscar"
+      },
+      typeSelectItems: "checkbox",
+      multiple: false,
+      borderType: "oval",
+      onChange: function onChange(selectedItems) {
+        console.log("onChange:", selectedItems);
+        setSelected(selectedItems);
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      onClick: function onClick(event) {
+        setItems([{
+          label: "item 1",
+          value: 1
+        }, {
+          label: "item 2",
+          value: 2
+        }, {
+          label: "item 3",
+          value: 3
+        }, {
+          label: "item 4",
+          value: 4
+        }, {
+          label: "item 5",
+          value: 5
+        }]);
+      },
+      children: "Refresh lista"
+    })]
+  });
+};
+
+exports.TestSelectV2 = TestSelectV2;

package/dist/components/{atoms/ChatPopUp/ChatPopUp.stories.js → molecules/SelectV2/test.stories.js}

@@ -5,24 +5,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ChatPopUpDefault = void 0;
+exports.default = exports.Test = void 0;
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _index = require("./index");
+var _test = require("./test");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
 var _default = {
-  title: "Components/atoms/ChatPopUp",
-  component: _index.ChatPopUp
+  title: "Components/molecules/SelectV2/TestSelectV2",
+  component: _test.TestSelectV2
 };
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ChatPopUp, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_test.TestSelectV2, (0, _objectSpread2.default)({}, args));
 };
 
-var ChatPopUpDefault = Template.bind({});
-exports.ChatPopUpDefault = ChatPopUpDefault;
-ChatPopUpDefault.args = {};
+var Test = Template.bind({});
+exports.Test = Test;

package/dist/components/organisms/RangeCalendar/index.js

@@ -37,12 +37,12 @@ var RangeCalendar = function RangeCalendar(_ref) {
       _ref$calendarId = _ref.calendarId,
       calendarId = _ref$calendarId === void 0 ? "calendar-id" : _ref$calendarId;
 
-  var _useState = (0, _react.useState)(currentDates !== null && currentDates !== void 0 && currentDates.start ? new Date(currentDates.start) : new Date()),
+  var _useState = (0, _react.useState)(new Date()),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       startDate = _useState2[0],
       setStartDate = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(currentDates !== null && currentDates !== void 0 && currentDates.end ? new Date(currentDates.end) : new Date()),
+  var _useState3 = (0, _react.useState)(new Date()),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       endDate = _useState4[0],
       setEndDate = _useState4[1];
@@ -52,6 +52,14 @@ var RangeCalendar = function RangeCalendar(_ref) {
       showCalendar = _useCloseModal2[0],
       setShowCalendar = _useCloseModal2[1];
 
+  (0, _react.useEffect)(function () {
+    if (currentDates) {
+      console.log(currentDates);
+      setStartDate(new Date(currentDates.start));
+      setEndDate(new Date(currentDates.end));
+    }
+  }, [currentDates]);
+
   var onChange = function onChange(dates) {
     var _dates = (0, _slicedToArray2.default)(dates, 2),
         start = _dates[0],

package/dist/global-files/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isValidNaturalNumber = exports.isStringEmpty = exports.isArrayEmpty = exports.getTime = exports.getResizeImgHeight = exports.getImageURL = exports.getImageSize = exports.getFullDate = exports.getFileName = exports.getFileExtension = exports.getDataBuffer = exports.getDataBase64 = exports.getCustomDate = exports.getBase64 = exports.decodeJSON = void 0;
+exports.isValidNaturalNumber = exports.isStringEmpty = exports.isObject = exports.isArrayEmpty = exports.getTime = exports.getResizeImgHeight = exports.getImageURL = exports.getImageSize = exports.getFullDate = exports.getFileName = exports.getFileExtension = exports.getDataBuffer = exports.getDataBase64 = exports.getCustomDate = exports.getBase64 = exports.decodeJSON = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
@@ -468,5 +468,17 @@ var decodeJSON = function decodeJSON(valueJSON) {
     return valueJSON;
   }
 };
+/*------------------------
+recibe un dato y determina si 
+es objeto JS
+--------------------------*/
+
+
+exports.decodeJSON = decodeJSON;
+
+var isObject = function isObject(obj) {
+  if (obj && (0, _typeof2.default)(obj) === "object" && !Array.isArray(obj)) return true;
+  return false;
+};
 
-exports.decodeJSON = decodeJSON;
+exports.isObject = isObject;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.3.1",
+  "version": "21.3.3",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/molecules/SelectV2/index.js

@@ -14,7 +14,11 @@ import {
   faCaretDown as IconDownArrow,
   faSearch as IconSearch,
 } from "@fortawesome/free-solid-svg-icons";
-import { isArrayEmpty, isStringEmpty } from "../../../global-files/utils";
+import {
+  isArrayEmpty,
+  isObject,
+  isStringEmpty,
+} from "../../../global-files/utils";
 import { SelectItemV2 } from "../../atoms/SelectItemV2";
 import { InputText } from "../../atoms/InputText";
 
@@ -24,10 +28,10 @@ export const SelectV2 = (props) => {
 			{
 				label: string,
 				value: string | number,
-				selected: (boolean) true -> item seleccionado al inicio
 			} , 
 			...
 		] */,
+    initialSelectedItems, // { value: null , ... }  -> value = string | number
     triggerType, // (string) "hover" | "click"
     selectButton /* {
 			className: string,
@@ -57,7 +61,7 @@ export const SelectV2 = (props) => {
     classNameSelect, // (string) clase del container select
     classNameDropdown, // (string) clase del contenedor tooltip
     positionDropdown, // (string) posicion del contenedor tooltip (values en object positions)
-    onChange, // (selectedItems: []) = {}  array con los values de los items seleccionados
+    onChange, // (selectedItems: {}) = {}  obj con los values de los items seleccionados
   } = props;
   const positions = {
     topStart: "top-start",
@@ -86,27 +90,29 @@ export const SelectV2 = (props) => {
 
   // cada que cambie la lista de items
   useEffect(() => {
-    if (isArrayEmpty(items)) {
+    if (isArrayEmpty(items) || !isObject(initialSelectedItems)) {
       setSelectedItems({});
+      renderItems();
+      renderLabelSelect();
       return;
     }
     // items iniciales seleccionados
-    let initialSelectedItems = {};
-    items.forEach((item) => {
-      if (item.selected) {
-        if (multiple) initialSelectedItems[item.value] = item.value;
-        else initialSelectedItems = { [item.value]: item.value };
-      }
-    });
-    setSelectedItems(initialSelectedItems);
+    if (!multiple) {
+      const values = Object.keys(initialSelectedItems);
+      if (values.length) setSelectedItems({ [values[0]]: null });
+      else setSelectedItems({});
+    } else {
+      setSelectedItems(initialSelectedItems);
+    }
+    renderItems();
+    renderLabelSelect();
   }, [items]);
 
   // cada que cambien los items seleccionados
   useEffect(() => {
-    if (!selectedItems) return;
+    if (!isObject(selectedItems)) return;
     renderItems();
     renderLabelSelect();
-    onChange && onChange(Object.values(selectedItems));
   }, [selectedItems]);
 
   // evento click de cada item de la lista
@@ -114,10 +120,11 @@ export const SelectV2 = (props) => {
     let selectedItemsCopy = { ...selectedItems };
     if (isSelected) {
       multiple
-        ? (selectedItemsCopy[value] = value)
-        : (selectedItemsCopy = { [value]: value });
+        ? (selectedItemsCopy[value] = null)
+        : (selectedItemsCopy = { [value]: null });
     } else delete selectedItemsCopy[value];
     setSelectedItems(selectedItemsCopy);
+    onChange && onChange(selectedItemsCopy);
   };
 
   const onClickSearch = () => {
@@ -127,8 +134,8 @@ export const SelectV2 = (props) => {
   };
 
   const renderLabelSelect = () => {
-    if (!selectedItems) return;
-    const selectedItemsCopy = Object.values(selectedItems);
+    if (!isObject(selectedItems)) return;
+    const selectedItemsCopy = Object.keys(selectedItems);
     if (selectedItemsCopy.length > 1) {
       setLabelSelect("Personalizado");
     } else if (selectedItemsCopy.length === 1) {
@@ -181,7 +188,11 @@ export const SelectV2 = (props) => {
                 ? false
                 : undefined
             }
-            selected={selectedItems && selectedItems[item.value] ? true : false}
+            selected={
+              isObject(selectedItems) && selectedItems[item.value] !== undefined
+                ? true
+                : false
+            }
             onClick={onClickItem}
           />
         );
@@ -285,14 +296,18 @@ export const SelectV2 = (props) => {
                       : undefined
                   }
                   selected={
-                    selectedItems && Object.keys(selectedItems).length
+                    isObject(selectedItems) && Object.keys(selectedItems).length
                       ? false
                       : true
                   }
                   onClick={(isSelected, value) => {
-                    selectedItems &&
-                      Object.keys(selectedItems).length &&
+                    if (
+                      isObject(selectedItems) &&
+                      Object.keys(selectedItems).length
+                    ) {
                       setSelectedItems({});
+                      onChange && onChange({});
+                    }
                   }}
                 />
               )}

package/src/components/molecules/SelectV2/test.js

@@ -0,0 +1,61 @@
+import { useEffect, useState } from "react";
+import { SelectV2 } from ".";
+
+export const TestSelectV2 = () => {
+  const [items, setItems] = useState([
+    { label: "item 1", value: 1 },
+    { label: "item 2", value: 2 },
+    { label: "item 3", value: 3 },
+    { label: "item 4", value: 4 },
+  ]);
+  const [selected, setSelected] = useState({
+    2: null,
+    4: null,
+  });
+
+  return (
+    <>
+      <SelectV2
+        items={items}
+        initialSelectedItems={undefined}
+        triggerType={"hover"}
+        selectButton={{
+          type: "whiteS3",
+          transparent: true,
+          disabled: false,
+          label: "Prueba select",
+          size: 12,
+        }}
+        defaultItem={{
+          label: "default opcion",
+          itemType: "labelOnly",
+          showLabelInSelect: true,
+        }}
+        inputSearch={{
+          defaultText: "Buscar",
+        }}
+        typeSelectItems={"checkbox"}
+        multiple={false}
+        borderType={"oval"}
+        onChange={(selectedItems) => {
+          console.log("onChange:", selectedItems);
+          setSelected(selectedItems);
+        }}
+      />
+
+      <button
+        onClick={(event) => {
+          setItems([
+            { label: "item 1", value: 1 },
+            { label: "item 2", value: 2 },
+            { label: "item 3", value: 3 },
+            { label: "item 4", value: 4 },
+            { label: "item 5", value: 5 },
+          ]);
+        }}
+      >
+        Refresh lista
+      </button>
+    </>
+  );
+};

package/src/components/molecules/SelectV2/test.stories.js

@@ -0,0 +1,10 @@
+import { TestSelectV2 } from "./test";
+
+export default {
+  title: "Components/molecules/SelectV2/TestSelectV2",
+  component: TestSelectV2,
+};
+
+const Template = (args) => <TestSelectV2 {...args} />;
+
+export const Test = Template.bind({});

package/src/components/organisms/RangeCalendar/index.js

@@ -3,6 +3,7 @@ import { useState } from "react";
 import DatePicker, { registerLocale, setDefaultLocale } from "react-datepicker";
 import es from "date-fns/locale/es";
 import { useCloseModal } from "../../../global-files/customHooks";
+import { useEffect } from "react";
 registerLocale("es", es);
 
 export const RangeCalendar = ({
@@ -12,13 +13,16 @@ export const RangeCalendar = ({
   label = "Elige las fechas",
   calendarId = "calendar-id",
 }) => {
-  const [startDate, setStartDate] = useState(
-    currentDates?.start ? new Date(currentDates.start) : new Date()
-  );
-  const [endDate, setEndDate] = useState(
-    currentDates?.end ? new Date(currentDates.end) : new Date()
-  );
+  const [startDate, setStartDate] = useState(new Date());
+  const [endDate, setEndDate] = useState(new Date());
   const [showCalendar, setShowCalendar] = useCloseModal(calendarId);
+  useEffect(() => {
+    if (currentDates) {
+      console.log(currentDates);
+      setStartDate(new Date(currentDates.start));
+      setEndDate(new Date(currentDates.end));
+    }
+  }, [currentDates]);
   const onChange = (dates) => {
     const [start, end] = dates;
     setStartDate(start);

package/src/global-files/utils.js

@@ -298,3 +298,12 @@ export const decodeJSON = (valueJSON) => {
     return valueJSON;
   }
 };
+
+/*------------------------
+recibe un dato y determina si 
+es objeto JS
+--------------------------*/
+export const isObject = (obj) => {
+  if (obj && typeof obj === "object" && !Array.isArray(obj)) return true;
+  return false;
+};

package/dist/assets/images/chatPopup/close.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
-  <path id="close_FILL0_wght400_GRAD0_opsz48" d="M6.385,19.308,5.308,18.231l5.923-5.923L5.308,6.385,6.385,5.308l5.923,5.923,5.923-5.923,1.077,1.077-5.923,5.923,5.923,5.923-1.077,1.077-5.923-5.923Z" transform="translate(-5.308 -5.308)" fill="#fff"/>
-</svg>

package/dist/assets/images/chatPopup/doc.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 51 65" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#C" x=".5" y=".5"/><defs><filter id="A" x="-6%" y="-4.6875%" width="116%" height="112.5%"><feGaussianBlur in="SourceAlpha" stdDeviation="1"/><feOffset dx="2" dy="2" result="B"/><feFlood flood-color="#000" flood-opacity=".2"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="B" x="-27.5%" y="-32.5%" width="160%" height="160%"><feGaussianBlur in="SourceAlpha" stdDeviation="2"/><feOffset dx="1" dy="-1" result="B"/><feFlood flood-color="#000" flood-opacity=".2"/><feComposite in2="B" operator="in" result="C"/><feMerge><feMergeNode in="C"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><symbol id="C" overflow="visible"><path d="M50 20L30 0H5a4.99 4.99 0 0 0-5 5v54a4.99 4.99 0 0 0 5 5h40a4.99 4.99 0 0 0 5-5z" fill="#2196f3" stroke="none" filter="url(#A)"/><defs/><g transform="matrix(-1 0 0 -1 50 20)"><path d="M20 20L0 0h15a4.99 4.99 0 0 1 5 5z" fill="#90caf9" stroke="none" filter="url(#B)"/><defs/></g><path d="M10 17.5h17.5V20H10zm0 10h27.5V30H10zm0 10h27.5V40H10zm0 10h27.5V50H10z" stroke="none"/></symbol></svg>

package/dist/assets/images/chatPopup/document.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 66 81" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#A" x=".5" y=".5"/><symbol id="A" overflow="visible"><path d="M44.674 0H0v79.977h65V20.012L44.674 0zM60.93 75.993H4.07V4.007h38.593v18.008h18.291v53.978zm-10.151-40H14.221v-3.984h36.558zm0 9.995H14.221v-3.984h36.558zm0 10.017H14.221v-4.007h36.558zm0 9.994H14.221v-4.007h36.558z" fill="#2a3282" stroke="none"/></symbol></svg>

package/dist/assets/images/chatPopup/iconChat.svg

@@ -1,19 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #707070;
-      }
-
-      .cls-2 {
-        clip-path: url(#clip-path);
-      }
-    </style>
-    <clipPath id="clip-path">
-      <rect id="Rectángulo_368" data-name="Rectángulo 368" class="cls-1" width="14" height="14" transform="translate(1737 869)"/>
-    </clipPath>
-  </defs>
-  <g id="Enmascarar_grupo_83" data-name="Enmascarar grupo 83" class="cls-2" transform="translate(-1737 -869)">
-    <path id="forum_FILL0_wght400_GRAD0_opsz48" class="cls-1" d="M1.4,11.9V2.135a.728.728,0,0,1,.228-.49A.651.651,0,0,1,2.1,1.4h9.082a.675.675,0,0,1,.49.236.714.714,0,0,1,.227.5v6.23a.728.728,0,0,1-.227.49.666.666,0,0,1-.49.245H4.2Zm3.518.7a.678.678,0,0,1-.481-.245.716.716,0,0,1-.236-.49V10.15h8.75V4.2H14.7a.651.651,0,0,1,.472.245.744.744,0,0,1,.227.508v10.43L12.617,12.6ZM10.85,2.45H2.45V9.363L3.763,8.05H10.85Zm-8.4,0v0Z" transform="translate(1735.6 867.609)"/>
-  </g>
-</svg>