optimized-react-component-library-xyz123 0.1.88 → 0.1.90

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.js +79 -74
  2. package/dist/index.mjs +79 -74
  3. package/package.json +1 -1
  4. package/src/css/styles.css +9 -17
package/dist/index.js CHANGED
@@ -758,12 +758,12 @@ var FilesUploadStandard_default = FilesUpload;
758
758
 
759
759
  // src/NewInputComponentStandard/AddFilesStandard/AddFilesStandard.tsx
760
760
  var import_react7 = require("react");
761
- var import_clsx4 = __toESM(require("clsx"));
761
+ var import_clsx5 = __toESM(require("clsx"));
762
762
 
763
763
  // src/NewInputComponentStandard/AddFilesStandard/DropFilesStandard.tsx
764
764
  var import_react_dropzone = require("react-dropzone");
765
765
  var import_jsx_runtime6 = require("react/jsx-runtime");
766
- var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
766
+ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r" }) => {
767
767
  const onDrop = FilesSelected;
768
768
  const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)({ onDrop, noKeyboard: true });
769
769
  const handleFileExplorer = (event) => {
@@ -784,22 +784,34 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
784
784
  }
785
785
  )
786
786
  ] }),
787
- isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
788
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
787
+ isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "dropFilesNowText", children: "Sl\xE4pp filerna, nu ...!" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
788
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
789
789
  "svg",
790
790
  {
791
+ "aria-hidden": "true",
791
792
  xmlns: "http://www.w3.org/2000/svg",
792
- width: "2.4rem",
793
- height: "2.4rem",
794
- viewBox: "0 0 7 15",
795
- fill: "#fff",
796
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
797
- "path",
798
- {
799
- d: "M0 2.5C0 1.83696 0.263392 1.20107 0.732233 0.732233C1.20107 0.263392 1.83696 0 2.5 0C3.16304 0 3.79893 0.263392 4.26777 0.732233C4.73661 1.20107 5 1.83696 5 2.5V11.5C5 11.8978 4.84196 12.2794 4.56066 12.5607C4.27936 12.842 3.89782 13 3.5 13C3.10218 13 2.72064 12.842 2.43934 12.5607C2.15804 12.2794 2 11.8978 2 11.5V4.5C2 4.36739 2.05268 4.24021 2.14645 4.14645C2.24021 4.05268 2.36739 4 2.5 4C2.63261 4 2.75979 4.05268 2.85355 4.14645C2.94732 4.24021 3 4.36739 3 4.5V11.5C3 11.6326 3.05268 11.7598 3.14645 11.8536C3.24021 11.9473 3.36739 12 3.5 12C3.63261 12 3.75979 11.9473 3.85355 11.8536C3.94732 11.7598 4 11.6326 4 11.5V2.5C4 2.30302 3.9612 2.10796 3.88582 1.92597C3.81044 1.74399 3.69995 1.57863 3.56066 1.43934C3.42137 1.30005 3.25601 1.18956 3.07403 1.11418C2.89204 1.0388 2.69698 1 2.5 1C2.30302 1 2.10796 1.0388 1.92597 1.11418C1.74399 1.18956 1.57863 1.30005 1.43934 1.43934C1.30005 1.57863 1.18956 1.74399 1.11418 1.92597C1.0388 2.10796 1 2.30302 1 2.5V11.5C1 12.163 1.26339 12.7989 1.73223 13.2678C2.20107 13.7366 2.83696 14 3.5 14C4.16304 14 4.79893 13.7366 5.26777 13.2678C5.73661 12.7989 6 12.163 6 11.5V4.5C6 4.36739 6.05268 4.24021 6.14645 4.14645C6.24021 4.05268 6.36739 4 6.5 4C6.63261 4 6.75979 4.05268 6.85355 4.14645C6.94732 4.24021 7 4.36739 7 4.5V11.5C7 12.4283 6.63125 13.3185 5.97487 13.9749C5.3185 14.6313 4.42826 15 3.5 15C2.57174 15 1.6815 14.6313 1.02513 13.9749C0.368749 13.3185 0 12.4283 0 11.5V2.5Z",
800
- fill: "#fff"
801
- }
802
- )
793
+ width: "72",
794
+ height: "48",
795
+ viewBox: "0 0 72 48",
796
+ fill: "none",
797
+ children: [
798
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("g", { clipPath: "url(#clip0_247_596)", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
799
+ "path",
800
+ {
801
+ d: "M66.6084 23.0844C64.6397 21.6247 62.2209 20.5531 59.6672 19.9752C59.2479 19.8808 58.8641 19.6692 58.5605 19.3649C58.257 19.0606 58.0463 18.6763 57.953 18.2567C56.8561 13.37 54.495 9.1794 51.0244 6.00409C46.9898 2.30706 41.6545 0.273621 36 0.273621C31.0289 0.273621 26.4375 1.83174 22.7292 4.78065C20.216 6.78238 18.193 9.33154 16.8145 12.2338C16.6651 12.5513 16.4434 12.8295 16.1672 13.0461C15.8911 13.2627 15.5681 13.4117 15.2241 13.4811C11.4623 14.2405 8.06625 15.8535 5.47312 18.1386C1.89281 21.3027 0 25.5088 0 30.3111C0 35.1655 2.03766 39.5924 5.73609 42.793C9.26859 45.8431 14.0245 47.5236 19.125 47.5236H33.75V25.956L28.5905 31.1155C28.3751 31.3309 28.1182 31.5003 27.8354 31.6134C27.5525 31.7266 27.2497 31.7811 26.9452 31.7738C26.6406 31.7664 26.3408 31.6973 26.0638 31.5706C25.7867 31.4439 25.5383 31.2623 25.3336 31.0367C24.518 30.141 24.5967 28.7446 25.4531 27.8881L34.4095 18.9331C34.8314 18.5115 35.4035 18.2747 36 18.2747C36.5965 18.2747 37.1686 18.5115 37.5905 18.9331L46.5469 27.8853C47.43 28.7699 47.4806 30.2197 46.6017 31.107C46.3932 31.3176 46.1451 31.485 45.8718 31.5994C45.5984 31.7139 45.3051 31.7732 45.0088 31.774C44.7124 31.7748 44.4188 31.717 44.1449 31.604C43.8709 31.491 43.622 31.325 43.4123 31.1155L38.25 25.956V47.5236H55.6875C60.0947 47.5236 64.1124 46.2861 67.0008 44.0403C70.2717 41.495 72 37.8528 72 33.5174C72 29.3071 70.1353 25.6972 66.6084 23.0844Z",
802
+ fill: "#6E3282"
803
+ }
804
+ ) }),
805
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("clipPath", { id: "clip0_247_596", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
806
+ "rect",
807
+ {
808
+ width: "72",
809
+ height: "47.1064",
810
+ fill: "white",
811
+ transform: "translate(0 0.446777)"
812
+ }
813
+ ) }) })
814
+ ]
803
815
  }
804
816
  ),
805
817
  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "dropFilesText", children: DropFilesText })
@@ -935,6 +947,7 @@ var Indicator = (filename) => {
935
947
  var IndicatorStandard_default = Indicator;
936
948
 
937
949
  // src/NewInputComponentStandard/AddFilesStandard/SelectedFilesStandard.tsx
950
+ var import_clsx4 = __toESM(require("clsx"));
938
951
  var import_jsx_runtime10 = require("react/jsx-runtime");
939
952
  var SelectedFiles = ({
940
953
  questionObject,
@@ -976,58 +989,53 @@ var SelectedFiles = ({
976
989
  };
977
990
  const windowWidth = useWindowWidth();
978
991
  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
979
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pts-errorSummary-container", children: [
980
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
981
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
982
- "ul",
983
- {
984
- "aria-hidden": true,
985
- className: "fileListUnorderedList",
986
- id: "errorSummary-ul",
987
- children: [
988
- " ",
989
- errorMessageAddingFile.map((errorObj, index) => {
990
- const errorFileName = errorObj.FileName;
991
- let mobileFirstFileName = errorObj.FileName.split(".").shift();
992
- mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
993
- const fileType = errorObj.FileName.split(".").pop();
994
- mobileFirstFileName = mobileFirstFileName + "." + fileType;
995
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
996
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
997
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
998
- import_react_bootstrap.Col,
999
- {
1000
- style: {
1001
- width: "100%",
1002
- color: "#8e0039"
1003
- },
1004
- className: "errorMessageAddingFile",
1005
- ...activatedLanguage === "sv" ? {
1006
- "aria-label": `${errorFileName} ${errorObj.svMessage}`
1007
- } : {
1008
- "aria-label": `${errorFileName} ${errorObj.enMessage}`
1009
- },
1010
- children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
1011
- }
1012
- ) }),
1013
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
1014
- ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
1015
- })
1016
- ]
1017
- }
1018
- ) }),
1019
- /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1020
- "button",
1021
- {
1022
- className: "selectedFilesLinkButton error-close",
1023
- onClick: () => {
1024
- removeError();
1025
- },
1026
- "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet` : `Close error message`,
1027
- children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
1028
- }
1029
- ) })
1030
- ] }) }),
992
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
993
+ errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { "aria-hidden": true, className: "fileListUnorderedList", children: [
994
+ " ",
995
+ errorMessageAddingFile.map((errorObj, index) => {
996
+ const errorFileName = errorObj.FileName;
997
+ let mobileFirstFileName = errorObj.FileName.split(".").shift();
998
+ mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
999
+ const fileType = errorObj.FileName.split(".").pop();
1000
+ mobileFirstFileName = mobileFirstFileName + "." + fileType;
1001
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
1002
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap.Row, { children: [
1003
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1004
+ "span",
1005
+ {
1006
+ "aria-hidden": "true",
1007
+ className: (0, import_clsx4.default)("uploadedDot", "uploadFailed"),
1008
+ children: "!"
1009
+ }
1010
+ ) }),
1011
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }),
1012
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol" })
1013
+ ] }),
1014
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
1015
+ import_react_bootstrap.Col,
1016
+ {
1017
+ style: {
1018
+ width: "100%",
1019
+ color: "#8e0039"
1020
+ },
1021
+ className: "errorMessageAddingFile",
1022
+ ...activatedLanguage === "sv" ? {
1023
+ "aria-label": `${errorFileName} ${errorObj.svMessage}`
1024
+ } : {
1025
+ "aria-label": `${errorFileName} ${errorObj.enMessage}`
1026
+ },
1027
+ children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
1028
+ }
1029
+ ) }),
1030
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
1031
+ ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
1032
+ })
1033
+ ] }),
1034
+ errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { onClick: removeUploadErrors, className: "errorMessageAddingFile", children: [
1035
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "X" }),
1036
+ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Ta bort felmeddelande f\xF6r uppladdning av filer" })
1037
+ ] })
1038
+ ] }),
1031
1039
  questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
1032
1040
  const indicatorfileName = file.FileName;
1033
1041
  let mobileFirstFileName = file.FileName.split(".").shift();
@@ -1249,13 +1257,10 @@ var AddFiles = ({
1249
1257
  const removeFileFromNumberOfFiles = (newCount) => {
1250
1258
  setNumberOfFiles(newCount);
1251
1259
  };
1252
- const removeOneError = (errorIndex) => {
1260
+ const removeError = (errorIndex) => {
1253
1261
  let newErrors = errorMessageAddingFile.filter((e, index) => index !== errorIndex);
1254
1262
  setErrorMessageAddingFile(newErrors);
1255
1263
  };
1256
- const removeError = () => {
1257
- setErrorMessageAddingFile([]);
1258
- };
1259
1264
  const handleRemoveErrors = () => {
1260
1265
  setErrorMessageAddingFile([]);
1261
1266
  };
@@ -1265,7 +1270,7 @@ var AddFiles = ({
1265
1270
  "p",
1266
1271
  {
1267
1272
  id: aboutId,
1268
- className: (0, import_clsx4.default)(
1273
+ className: (0, import_clsx5.default)(
1269
1274
  "addFilesMandatory",
1270
1275
  questionObject.hasValidationError ? " error" : ""
1271
1276
  ),
@@ -1299,7 +1304,7 @@ var AddFiles = ({
1299
1304
  removeUploadErrors: handleRemoveErrors
1300
1305
  }
1301
1306
  ),
1302
- /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropFilesStandard_default, { FilesSelected: onDrop, DropFilesText: dropFilesText, language: activatedLanguage }),
1307
+ /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropFilesStandard_default, { FilesSelected: onDrop, DropFilesText: dropFilesText }),
1303
1308
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
1304
1309
  SelectedFilesStandard_default,
1305
1310
  {
@@ -1644,7 +1649,7 @@ var RenderQuestionGroup = ({
1644
1649
  "aria-describedby": questionArray[0].hasValidationError ? `${questionArray[0].id}-error` : void 0,
1645
1650
  children: [
1646
1651
  legend && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("legend", { children: [
1647
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pts-legend", children: legend }),
1652
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: legend }),
1648
1653
  questionArray[0].hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "sr-only", children: [
1649
1654
  "Valideringsfel. ",
1650
1655
  questionArray[0].validationDefaultMessesege
package/dist/index.mjs CHANGED
@@ -693,12 +693,12 @@ var FilesUploadStandard_default = FilesUpload;
693
693
 
694
694
  // src/NewInputComponentStandard/AddFilesStandard/AddFilesStandard.tsx
695
695
  import { useCallback, useEffect as useEffect5, useState as useState5 } from "react";
696
- import clsx4 from "clsx";
696
+ import clsx5 from "clsx";
697
697
 
698
698
  // src/NewInputComponentStandard/AddFilesStandard/DropFilesStandard.tsx
699
699
  import { useDropzone } from "react-dropzone";
700
700
  import { Fragment as Fragment6, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
701
- var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
701
+ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r" }) => {
702
702
  const onDrop = FilesSelected;
703
703
  const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, noKeyboard: true });
704
704
  const handleFileExplorer = (event) => {
@@ -719,22 +719,34 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
719
719
  }
720
720
  )
721
721
  ] }),
722
- isDragActive ? /* @__PURE__ */ jsx6("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ jsxs6(Fragment6, { children: [
723
- /* @__PURE__ */ jsx6(
722
+ isDragActive ? /* @__PURE__ */ jsx6("b", { className: "dropFilesNowText", children: "Sl\xE4pp filerna, nu ...!" }) : /* @__PURE__ */ jsxs6(Fragment6, { children: [
723
+ /* @__PURE__ */ jsxs6(
724
724
  "svg",
725
725
  {
726
+ "aria-hidden": "true",
726
727
  xmlns: "http://www.w3.org/2000/svg",
727
- width: "2.4rem",
728
- height: "2.4rem",
729
- viewBox: "0 0 7 15",
730
- fill: "#fff",
731
- children: /* @__PURE__ */ jsx6(
732
- "path",
733
- {
734
- d: "M0 2.5C0 1.83696 0.263392 1.20107 0.732233 0.732233C1.20107 0.263392 1.83696 0 2.5 0C3.16304 0 3.79893 0.263392 4.26777 0.732233C4.73661 1.20107 5 1.83696 5 2.5V11.5C5 11.8978 4.84196 12.2794 4.56066 12.5607C4.27936 12.842 3.89782 13 3.5 13C3.10218 13 2.72064 12.842 2.43934 12.5607C2.15804 12.2794 2 11.8978 2 11.5V4.5C2 4.36739 2.05268 4.24021 2.14645 4.14645C2.24021 4.05268 2.36739 4 2.5 4C2.63261 4 2.75979 4.05268 2.85355 4.14645C2.94732 4.24021 3 4.36739 3 4.5V11.5C3 11.6326 3.05268 11.7598 3.14645 11.8536C3.24021 11.9473 3.36739 12 3.5 12C3.63261 12 3.75979 11.9473 3.85355 11.8536C3.94732 11.7598 4 11.6326 4 11.5V2.5C4 2.30302 3.9612 2.10796 3.88582 1.92597C3.81044 1.74399 3.69995 1.57863 3.56066 1.43934C3.42137 1.30005 3.25601 1.18956 3.07403 1.11418C2.89204 1.0388 2.69698 1 2.5 1C2.30302 1 2.10796 1.0388 1.92597 1.11418C1.74399 1.18956 1.57863 1.30005 1.43934 1.43934C1.30005 1.57863 1.18956 1.74399 1.11418 1.92597C1.0388 2.10796 1 2.30302 1 2.5V11.5C1 12.163 1.26339 12.7989 1.73223 13.2678C2.20107 13.7366 2.83696 14 3.5 14C4.16304 14 4.79893 13.7366 5.26777 13.2678C5.73661 12.7989 6 12.163 6 11.5V4.5C6 4.36739 6.05268 4.24021 6.14645 4.14645C6.24021 4.05268 6.36739 4 6.5 4C6.63261 4 6.75979 4.05268 6.85355 4.14645C6.94732 4.24021 7 4.36739 7 4.5V11.5C7 12.4283 6.63125 13.3185 5.97487 13.9749C5.3185 14.6313 4.42826 15 3.5 15C2.57174 15 1.6815 14.6313 1.02513 13.9749C0.368749 13.3185 0 12.4283 0 11.5V2.5Z",
735
- fill: "#fff"
736
- }
737
- )
728
+ width: "72",
729
+ height: "48",
730
+ viewBox: "0 0 72 48",
731
+ fill: "none",
732
+ children: [
733
+ /* @__PURE__ */ jsx6("g", { clipPath: "url(#clip0_247_596)", children: /* @__PURE__ */ jsx6(
734
+ "path",
735
+ {
736
+ d: "M66.6084 23.0844C64.6397 21.6247 62.2209 20.5531 59.6672 19.9752C59.2479 19.8808 58.8641 19.6692 58.5605 19.3649C58.257 19.0606 58.0463 18.6763 57.953 18.2567C56.8561 13.37 54.495 9.1794 51.0244 6.00409C46.9898 2.30706 41.6545 0.273621 36 0.273621C31.0289 0.273621 26.4375 1.83174 22.7292 4.78065C20.216 6.78238 18.193 9.33154 16.8145 12.2338C16.6651 12.5513 16.4434 12.8295 16.1672 13.0461C15.8911 13.2627 15.5681 13.4117 15.2241 13.4811C11.4623 14.2405 8.06625 15.8535 5.47312 18.1386C1.89281 21.3027 0 25.5088 0 30.3111C0 35.1655 2.03766 39.5924 5.73609 42.793C9.26859 45.8431 14.0245 47.5236 19.125 47.5236H33.75V25.956L28.5905 31.1155C28.3751 31.3309 28.1182 31.5003 27.8354 31.6134C27.5525 31.7266 27.2497 31.7811 26.9452 31.7738C26.6406 31.7664 26.3408 31.6973 26.0638 31.5706C25.7867 31.4439 25.5383 31.2623 25.3336 31.0367C24.518 30.141 24.5967 28.7446 25.4531 27.8881L34.4095 18.9331C34.8314 18.5115 35.4035 18.2747 36 18.2747C36.5965 18.2747 37.1686 18.5115 37.5905 18.9331L46.5469 27.8853C47.43 28.7699 47.4806 30.2197 46.6017 31.107C46.3932 31.3176 46.1451 31.485 45.8718 31.5994C45.5984 31.7139 45.3051 31.7732 45.0088 31.774C44.7124 31.7748 44.4188 31.717 44.1449 31.604C43.8709 31.491 43.622 31.325 43.4123 31.1155L38.25 25.956V47.5236H55.6875C60.0947 47.5236 64.1124 46.2861 67.0008 44.0403C70.2717 41.495 72 37.8528 72 33.5174C72 29.3071 70.1353 25.6972 66.6084 23.0844Z",
737
+ fill: "#6E3282"
738
+ }
739
+ ) }),
740
+ /* @__PURE__ */ jsx6("defs", { children: /* @__PURE__ */ jsx6("clipPath", { id: "clip0_247_596", children: /* @__PURE__ */ jsx6(
741
+ "rect",
742
+ {
743
+ width: "72",
744
+ height: "47.1064",
745
+ fill: "white",
746
+ transform: "translate(0 0.446777)"
747
+ }
748
+ ) }) })
749
+ ]
738
750
  }
739
751
  ),
740
752
  /* @__PURE__ */ jsx6("p", { className: "dropFilesText", children: DropFilesText })
@@ -870,6 +882,7 @@ var Indicator = (filename) => {
870
882
  var IndicatorStandard_default = Indicator;
871
883
 
872
884
  // src/NewInputComponentStandard/AddFilesStandard/SelectedFilesStandard.tsx
885
+ import clsx4 from "clsx";
873
886
  import { Fragment as Fragment10, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
874
887
  var SelectedFiles = ({
875
888
  questionObject,
@@ -911,58 +924,53 @@ var SelectedFiles = ({
911
924
  };
912
925
  const windowWidth = useWindowWidth();
913
926
  return /* @__PURE__ */ jsxs8(Fragment10, { children: [
914
- /* @__PURE__ */ jsx10("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "pts-errorSummary-container", children: [
915
- /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
916
- /* @__PURE__ */ jsx10("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs8(
917
- "ul",
918
- {
919
- "aria-hidden": true,
920
- className: "fileListUnorderedList",
921
- id: "errorSummary-ul",
922
- children: [
923
- " ",
924
- errorMessageAddingFile.map((errorObj, index) => {
925
- const errorFileName = errorObj.FileName;
926
- let mobileFirstFileName = errorObj.FileName.split(".").shift();
927
- mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
928
- const fileType = errorObj.FileName.split(".").pop();
929
- mobileFirstFileName = mobileFirstFileName + "." + fileType;
930
- return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
931
- /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx10("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx10("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
932
- /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(
933
- Col,
934
- {
935
- style: {
936
- width: "100%",
937
- color: "#8e0039"
938
- },
939
- className: "errorMessageAddingFile",
940
- ...activatedLanguage === "sv" ? {
941
- "aria-label": `${errorFileName} ${errorObj.svMessage}`
942
- } : {
943
- "aria-label": `${errorFileName} ${errorObj.enMessage}`
944
- },
945
- children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
946
- }
947
- ) }),
948
- /* @__PURE__ */ jsx10(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx10(Col, { className: "makeSpace" }) })
949
- ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
950
- })
951
- ]
952
- }
953
- ) }),
954
- /* @__PURE__ */ jsx10("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ jsx10(
955
- "button",
956
- {
957
- className: "selectedFilesLinkButton error-close",
958
- onClick: () => {
959
- removeError();
960
- },
961
- "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet` : `Close error message`,
962
- children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
963
- }
964
- ) })
965
- ] }) }),
927
+ /* @__PURE__ */ jsxs8("div", { children: [
928
+ errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("ul", { "aria-hidden": true, className: "fileListUnorderedList", children: [
929
+ " ",
930
+ errorMessageAddingFile.map((errorObj, index) => {
931
+ const errorFileName = errorObj.FileName;
932
+ let mobileFirstFileName = errorObj.FileName.split(".").shift();
933
+ mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
934
+ const fileType = errorObj.FileName.split(".").pop();
935
+ mobileFirstFileName = mobileFirstFileName + "." + fileType;
936
+ return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React5.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
937
+ /* @__PURE__ */ jsxs8(Row, { children: [
938
+ /* @__PURE__ */ jsx10(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx10(
939
+ "span",
940
+ {
941
+ "aria-hidden": "true",
942
+ className: clsx4("uploadedDot", "uploadFailed"),
943
+ children: "!"
944
+ }
945
+ ) }),
946
+ /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx10("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx10("span", { className: "desktopFileName", children: errorObj.FileName }) }),
947
+ /* @__PURE__ */ jsx10(Col, { className: "lastCol" })
948
+ ] }),
949
+ /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(
950
+ Col,
951
+ {
952
+ style: {
953
+ width: "100%",
954
+ color: "#8e0039"
955
+ },
956
+ className: "errorMessageAddingFile",
957
+ ...activatedLanguage === "sv" ? {
958
+ "aria-label": `${errorFileName} ${errorObj.svMessage}`
959
+ } : {
960
+ "aria-label": `${errorFileName} ${errorObj.enMessage}`
961
+ },
962
+ children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
963
+ }
964
+ ) }),
965
+ /* @__PURE__ */ jsx10(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx10(Col, { className: "makeSpace" }) })
966
+ ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
967
+ })
968
+ ] }),
969
+ errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("button", { onClick: removeUploadErrors, className: "errorMessageAddingFile", children: [
970
+ /* @__PURE__ */ jsx10("span", { "aria-hidden": true, className: "errorDot", children: "X" }),
971
+ /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Ta bort felmeddelande f\xF6r uppladdning av filer" })
972
+ ] })
973
+ ] }),
966
974
  questionObject.files.length > 0 && /* @__PURE__ */ jsx10("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
967
975
  const indicatorfileName = file.FileName;
968
976
  let mobileFirstFileName = file.FileName.split(".").shift();
@@ -1184,13 +1192,10 @@ var AddFiles = ({
1184
1192
  const removeFileFromNumberOfFiles = (newCount) => {
1185
1193
  setNumberOfFiles(newCount);
1186
1194
  };
1187
- const removeOneError = (errorIndex) => {
1195
+ const removeError = (errorIndex) => {
1188
1196
  let newErrors = errorMessageAddingFile.filter((e, index) => index !== errorIndex);
1189
1197
  setErrorMessageAddingFile(newErrors);
1190
1198
  };
1191
- const removeError = () => {
1192
- setErrorMessageAddingFile([]);
1193
- };
1194
1199
  const handleRemoveErrors = () => {
1195
1200
  setErrorMessageAddingFile([]);
1196
1201
  };
@@ -1200,7 +1205,7 @@ var AddFiles = ({
1200
1205
  "p",
1201
1206
  {
1202
1207
  id: aboutId,
1203
- className: clsx4(
1208
+ className: clsx5(
1204
1209
  "addFilesMandatory",
1205
1210
  questionObject.hasValidationError ? " error" : ""
1206
1211
  ),
@@ -1234,7 +1239,7 @@ var AddFiles = ({
1234
1239
  removeUploadErrors: handleRemoveErrors
1235
1240
  }
1236
1241
  ),
1237
- /* @__PURE__ */ jsx11(DropFilesStandard_default, { FilesSelected: onDrop, DropFilesText: dropFilesText, language: activatedLanguage }),
1242
+ /* @__PURE__ */ jsx11(DropFilesStandard_default, { FilesSelected: onDrop, DropFilesText: dropFilesText }),
1238
1243
  /* @__PURE__ */ jsx11(
1239
1244
  SelectedFilesStandard_default,
1240
1245
  {
@@ -1579,7 +1584,7 @@ var RenderQuestionGroup = ({
1579
1584
  "aria-describedby": questionArray[0].hasValidationError ? `${questionArray[0].id}-error` : void 0,
1580
1585
  children: [
1581
1586
  legend && /* @__PURE__ */ jsxs11("legend", { children: [
1582
- /* @__PURE__ */ jsx13("span", { className: "pts-legend", children: legend }),
1587
+ /* @__PURE__ */ jsx13("span", { children: legend }),
1583
1588
  questionArray[0].hasValidationError && /* @__PURE__ */ jsxs11("span", { className: "sr-only", children: [
1584
1589
  "Valideringsfel. ",
1585
1590
  questionArray[0].validationDefaultMessesege
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.1.88",
3
+ "version": "0.1.90",
4
4
  "description": "A modern React component library using TypeScript with React 19 support.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/css/styles.css CHANGED
@@ -155,6 +155,15 @@ fieldset {
155
155
  margin-bottom: 3.6rem;
156
156
  }
157
157
 
158
+ .pts-root-question legend {
159
+ font-family: Arial;
160
+ font-size: 1.6rem;
161
+ font-style: normal;
162
+ font-weight: 400;
163
+ line-height: 20px;
164
+ margin-bottom: 0.8rem;
165
+ }
166
+
158
167
  .pts-root-question legend,
159
168
  .pts-root-question label,
160
169
  .pts-radio-option {
@@ -163,14 +172,6 @@ fieldset {
163
172
  cursor: pointer;
164
173
  margin-bottom: 0.6rem;
165
174
  }
166
- .pts-root-question legend {
167
- font-family: Arial;
168
- font-size: 1.6rem;
169
- font-style: normal;
170
- font-weight: 400;
171
- line-height: 20px;
172
- margin: 0.8rem 0 0.8rem 0;
173
- }
174
175
 
175
176
  .pts-root-about {
176
177
  font-size: 1.4rem;
@@ -1497,13 +1498,6 @@ dd {
1497
1498
  opacity: 0.9;
1498
1499
  cursor: copy;
1499
1500
  }
1500
-
1501
- .DropZone svg{
1502
- border-radius: 50%;
1503
- background: var(--purple-purple-900-primary, #6E3282);
1504
- border: 2px solid #6E3282;
1505
- }
1506
-
1507
1501
  .ClipboardLink {
1508
1502
  display: block;
1509
1503
  position: relative;
@@ -1517,8 +1511,6 @@ dd {
1517
1511
  cursor: pointer;
1518
1512
  }
1519
1513
 
1520
-
1521
-
1522
1514
  /* SelectedFiles.tsx */
1523
1515
 
1524
1516
  .makeTopSpace {