@biblioteksentralen/react 4.0.0-beta.1 → 4.0.0-beta.3

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 (108) hide show
  1. package/dist/index.d.mts +106 -15
  2. package/dist/index.d.ts +106 -15
  3. package/dist/index.js +739 -37
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +646 -14
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +3 -12
  8. package/dist/ButtonStyles-CRAk2YIJ.d.mts +0 -3
  9. package/dist/ButtonStyles-CRAk2YIJ.d.ts +0 -3
  10. package/dist/chunk-2KZDHLEJ.mjs +0 -9
  11. package/dist/chunk-2KZDHLEJ.mjs.map +0 -1
  12. package/dist/chunk-3IJ454KG.mjs +0 -185
  13. package/dist/chunk-3IJ454KG.mjs.map +0 -1
  14. package/dist/chunk-5GJBW3WE.mjs +0 -270
  15. package/dist/chunk-5GJBW3WE.mjs.map +0 -1
  16. package/dist/chunk-7MKFY66H.mjs +0 -65
  17. package/dist/chunk-7MKFY66H.mjs.map +0 -1
  18. package/dist/chunk-BCT5QU5W.js +0 -142
  19. package/dist/chunk-BCT5QU5W.js.map +0 -1
  20. package/dist/chunk-BN5W6FVN.mjs +0 -50
  21. package/dist/chunk-BN5W6FVN.mjs.map +0 -1
  22. package/dist/chunk-BRFRPPOW.js +0 -10
  23. package/dist/chunk-BRFRPPOW.js.map +0 -1
  24. package/dist/chunk-BZS3AX26.mjs +0 -6
  25. package/dist/chunk-BZS3AX26.mjs.map +0 -1
  26. package/dist/chunk-CGCBID7S.mjs +0 -41
  27. package/dist/chunk-CGCBID7S.mjs.map +0 -1
  28. package/dist/chunk-J5IF7WUN.js +0 -10
  29. package/dist/chunk-J5IF7WUN.js.map +0 -1
  30. package/dist/chunk-NSYSPEHR.js +0 -86
  31. package/dist/chunk-NSYSPEHR.js.map +0 -1
  32. package/dist/chunk-NYKSRUWF.js +0 -51
  33. package/dist/chunk-NYKSRUWF.js.map +0 -1
  34. package/dist/chunk-O4EXBCND.js +0 -19
  35. package/dist/chunk-O4EXBCND.js.map +0 -1
  36. package/dist/chunk-PLWK7HEC.js +0 -75
  37. package/dist/chunk-PLWK7HEC.js.map +0 -1
  38. package/dist/chunk-PQLTQYZ3.mjs +0 -41
  39. package/dist/chunk-PQLTQYZ3.mjs.map +0 -1
  40. package/dist/chunk-QAW4IRLI.js +0 -55
  41. package/dist/chunk-QAW4IRLI.js.map +0 -1
  42. package/dist/chunk-QBXCCJ24.js +0 -344
  43. package/dist/chunk-QBXCCJ24.js.map +0 -1
  44. package/dist/chunk-QX75QJ7F.mjs +0 -132
  45. package/dist/chunk-QX75QJ7F.mjs.map +0 -1
  46. package/dist/chunk-RZUGRIUF.mjs +0 -76
  47. package/dist/chunk-RZUGRIUF.mjs.map +0 -1
  48. package/dist/chunk-UFIMO32F.js +0 -275
  49. package/dist/chunk-UFIMO32F.js.map +0 -1
  50. package/dist/chunk-VSICUYFB.js +0 -51
  51. package/dist/chunk-VSICUYFB.js.map +0 -1
  52. package/dist/chunk-WYQNSPEX.mjs +0 -6
  53. package/dist/chunk-WYQNSPEX.mjs.map +0 -1
  54. package/dist/components/AlertBS.d.mts +0 -18
  55. package/dist/components/AlertBS.d.ts +0 -18
  56. package/dist/components/AlertBS.js +0 -9
  57. package/dist/components/AlertBS.js.map +0 -1
  58. package/dist/components/AlertBS.mjs +0 -5
  59. package/dist/components/AlertBS.mjs.map +0 -1
  60. package/dist/components/BiblioteksentralenProvider.d.mts +0 -10
  61. package/dist/components/BiblioteksentralenProvider.d.ts +0 -10
  62. package/dist/components/BiblioteksentralenProvider.js +0 -10
  63. package/dist/components/BiblioteksentralenProvider.js.map +0 -1
  64. package/dist/components/BiblioteksentralenProvider.mjs +0 -6
  65. package/dist/components/BiblioteksentralenProvider.mjs.map +0 -1
  66. package/dist/components/ButtonBS.d.mts +0 -16
  67. package/dist/components/ButtonBS.d.ts +0 -16
  68. package/dist/components/ButtonBS.js +0 -8
  69. package/dist/components/ButtonBS.js.map +0 -1
  70. package/dist/components/ButtonBS.mjs +0 -4
  71. package/dist/components/ButtonBS.mjs.map +0 -1
  72. package/dist/components/ConditionalWrapperBS.d.mts +0 -15
  73. package/dist/components/ConditionalWrapperBS.d.ts +0 -15
  74. package/dist/components/ConditionalWrapperBS.js +0 -8
  75. package/dist/components/ConditionalWrapperBS.js.map +0 -1
  76. package/dist/components/ConditionalWrapperBS.mjs +0 -4
  77. package/dist/components/ConditionalWrapperBS.mjs.map +0 -1
  78. package/dist/components/ErrorBoundaryBS.d.mts +0 -21
  79. package/dist/components/ErrorBoundaryBS.d.ts +0 -21
  80. package/dist/components/ErrorBoundaryBS.js +0 -10
  81. package/dist/components/ErrorBoundaryBS.js.map +0 -1
  82. package/dist/components/ErrorBoundaryBS.mjs +0 -6
  83. package/dist/components/ErrorBoundaryBS.mjs.map +0 -1
  84. package/dist/components/HashLinkTargetBS.d.mts +0 -16
  85. package/dist/components/HashLinkTargetBS.d.ts +0 -16
  86. package/dist/components/HashLinkTargetBS.js +0 -10
  87. package/dist/components/HashLinkTargetBS.js.map +0 -1
  88. package/dist/components/HashLinkTargetBS.mjs +0 -6
  89. package/dist/components/HashLinkTargetBS.mjs.map +0 -1
  90. package/dist/components/IconButtonBS.d.mts +0 -16
  91. package/dist/components/IconButtonBS.d.ts +0 -16
  92. package/dist/components/IconButtonBS.js +0 -8
  93. package/dist/components/IconButtonBS.js.map +0 -1
  94. package/dist/components/IconButtonBS.mjs +0 -4
  95. package/dist/components/IconButtonBS.mjs.map +0 -1
  96. package/dist/components/InputBS.d.mts +0 -18
  97. package/dist/components/InputBS.d.ts +0 -18
  98. package/dist/components/InputBS.js +0 -8
  99. package/dist/components/InputBS.js.map +0 -1
  100. package/dist/components/InputBS.mjs +0 -4
  101. package/dist/components/InputBS.mjs.map +0 -1
  102. package/dist/components/withErrorBoundaryBS.d.mts +0 -5
  103. package/dist/components/withErrorBoundaryBS.d.ts +0 -5
  104. package/dist/components/withErrorBoundaryBS.js +0 -11
  105. package/dist/components/withErrorBoundaryBS.js.map +0 -1
  106. package/dist/components/withErrorBoundaryBS.mjs +0 -7
  107. package/dist/components/withErrorBoundaryBS.mjs.map +0 -1
  108. /package/{dist/LICENSE → LICENSE} +0 -0
@@ -1,132 +0,0 @@
1
- "use client";
2
- function _define_property(obj, key, value) {
3
- if (key in obj) {
4
- Object.defineProperty(obj, key, {
5
- value: value,
6
- enumerable: true,
7
- configurable: true,
8
- writable: true
9
- });
10
- } else {
11
- obj[key] = value;
12
- }
13
- return obj;
14
- }
15
- function _object_spread(target) {
16
- for(var i = 1; i < arguments.length; i++){
17
- var source = arguments[i] != null ? arguments[i] : {};
18
- var ownKeys = Object.keys(source);
19
- if (typeof Object.getOwnPropertySymbols === "function") {
20
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
- }));
23
- }
24
- ownKeys.forEach(function(key) {
25
- _define_property(target, key, source[key]);
26
- });
27
- }
28
- return target;
29
- }
30
- function _object_without_properties(source, excluded) {
31
- if (source == null) return {};
32
- var target = _object_without_properties_loose(source, excluded);
33
- var key, i;
34
- if (Object.getOwnPropertySymbols) {
35
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
36
- for(i = 0; i < sourceSymbolKeys.length; i++){
37
- key = sourceSymbolKeys[i];
38
- if (excluded.indexOf(key) >= 0) continue;
39
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
40
- target[key] = source[key];
41
- }
42
- }
43
- return target;
44
- }
45
- function _object_without_properties_loose(source, excluded) {
46
- if (source == null) return {};
47
- var target = {};
48
- var sourceKeys = Object.keys(source);
49
- var key, i;
50
- for(i = 0; i < sourceKeys.length; i++){
51
- key = sourceKeys[i];
52
- if (excluded.indexOf(key) >= 0) continue;
53
- target[key] = source[key];
54
- }
55
- return target;
56
- }
57
- import { colors } from "./chunk-BN5W6FVN.mjs";
58
- // src/components/AlertBS.tsx
59
- import { Alert as ChakraAlert } from "@chakra-ui/react";
60
- import React from "react";
61
- import { AlertCircle, CheckCircle, Info, XCircle } from "react-feather";
62
- var colorLookup = {
63
- info: {
64
- bg: colors.lightBlue,
65
- color: colors.accentBlueMedium
66
- },
67
- warning: {
68
- bg: colors.statusYellowLight,
69
- color: colors.statusYellow
70
- },
71
- success: {
72
- bg: colors.statusGreenLight,
73
- color: colors.statusGreen
74
- },
75
- error: {
76
- bg: colors.statusRedLight,
77
- color: colors.statusRed
78
- }
79
- };
80
- var iconLookup = {
81
- info: /* @__PURE__ */ React.createElement(Info, {
82
- strokeWidth: 1.75,
83
- role: "img",
84
- "aria-label": "Informasjon"
85
- }),
86
- warning: /* @__PURE__ */ React.createElement(AlertCircle, {
87
- strokeWidth: 1.75,
88
- role: "img",
89
- "aria-label": "Advarsel"
90
- }),
91
- success: /* @__PURE__ */ React.createElement(CheckCircle, {
92
- strokeWidth: 1.75,
93
- role: "img",
94
- "aria-label": "Suksess"
95
- }),
96
- error: /* @__PURE__ */ React.createElement(XCircle, {
97
- strokeWidth: 1.75,
98
- role: "img",
99
- "aria-label": "Feil"
100
- })
101
- };
102
- var variantStyles = {
103
- inline: {
104
- borderColor: "transparent",
105
- backgroundColor: "transparent",
106
- padding: "0"
107
- }
108
- };
109
- function AlertBS(_param) {
110
- var status = _param.status, children = _param.children, variant = _param.variant, header = _param.header, rest = _object_without_properties(_param, [
111
- "status",
112
- "children",
113
- "variant",
114
- "header"
115
- ]);
116
- var colors2 = colorLookup[status];
117
- return /* @__PURE__ */ React.createElement(ChakraAlert.Root, _object_spread({
118
- status: status,
119
- fontSize: "md",
120
- border: "0.1rem solid",
121
- borderColor: colors2.color,
122
- backgroundColor: colors2.bg,
123
- display: "flex",
124
- flexWrap: "wrap"
125
- }, variant === "inline" ? variantStyles[variant] : {}, rest), /* @__PURE__ */ React.createElement(ChakraAlert.Indicator, {
126
- marginX: "auto"
127
- }, iconLookup[status]), /* @__PURE__ */ React.createElement(ChakraAlert.Content, {
128
- color: "black"
129
- }, header && /* @__PURE__ */ React.createElement(ChakraAlert.Title, null, header), /* @__PURE__ */ React.createElement(ChakraAlert.Description, null, children)));
130
- }
131
- export { AlertBS };
132
- //# sourceMappingURL=chunk-QX75QJ7F.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-QX75QJ7F.mjs","../src/components/AlertBS.tsx"],"names":["colors","Alert","ChakraAlert","React","AlertCircle","CheckCircle","Info","XCircle","colorLookup","info","bg","lightBlue","color","accentBlueMedium","warning","statusYellowLight","statusYellow","success","statusGreenLight","statusGreen","error","statusRedLight","statusRed","iconLookup","createElement","strokeWidth","role","variantStyles","inline","borderColor","backgroundColor","padding","AlertBS","status","children","variant","header","rest","Root","fontSize","border","display","flexWrap","Indicator","marginX","Content","Title","Description"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,SACEA,MAAM,QACD,uBAAuB;AAE9B,6BAA6B;ACH7B,SAAyBC,SAASC,WAAA,QAAsC,mBAAA;AACxE,OAAOC,WAA0B,QAAA;AACjC,SAASC,WAAA,EAAaC,WAAA,EAAaC,IAAA,EAAMC,OAAA,QAAe,gBAAA;AAMxD,IAAMC,cAA6D;IACjEC,MAAM;QAAEC,IAAIV,OAAOW,SAAA;QAAWC,OAAOZ,OAAOa,gBAAA;IAAiB;IAC7DC,SAAS;QAAEJ,IAAIV,OAAOe,iBAAA;QAAmBH,OAAOZ,OAAOgB,YAAA;IAAa;IACpEC,SAAS;QAAEP,IAAIV,OAAOkB,gBAAA;QAAkBN,OAAOZ,OAAOmB,WAAA;IAAY;IAClEC,OAAO;QAAEV,IAAIV,OAAOqB,cAAA;QAAgBT,OAAOZ,OAAOsB,SAAA;IAAU;AAC9D;AAEA,IAAMC,aAAiD;IACrDd,MAAM,aAAA,GAAAN,MAAAqB,aAAA,CAAClB,MAAA;QAAKmB,aAAa;QAAMC,MAAK;QAAM,cAAW;IAAA;IACrDZ,SAAS,aAAA,GAAAX,MAAAqB,aAAA,CAACpB,aAAA;QAAYqB,aAAa;QAAMC,MAAK;QAAM,cAAW;IAAA;IAC/DT,SAAS,aAAA,GAAAd,MAAAqB,aAAA,CAACnB,aAAA;QAAYoB,aAAa;QAAMC,MAAK;QAAM,cAAW;IAAA;IAC/DN,OAAO,aAAA,GAAAjB,MAAAqB,aAAA,CAACjB,SAAA;QAAQkB,aAAa;QAAMC,MAAK;QAAM,cAAW;IAAA;AAC3D;AASA,IAAMC,gBAA2D;IAC/DC,QAAQ;QACNC,aAAa;QACbC,iBAAiB;QACjBC,SAAS;IACX;AACF;AAEO,SAASC,QAAQ;QAAEC,SAAF,OAAEA,QAAQC,WAAV,OAAUA,UAAUC,UAApB,OAAoBA,SAASC,SAA7B,OAA6BA,QAAWC,kCAAxC;QAAEJ;QAAQC;QAAUC;QAASC;;IACnD,IAAMpC,UAASQ,WAAA,CAAYyB,OAAM;IACjC,OACE,aAAA,GAAA9B,MAAAqB,aAAA,CAACtB,YAAYoC,IAAA,EAAZ;QACCL,QAAAA;QACAM,UAAS;QACTC,QAAQ;QACRX,aAAa7B,QAAOY,KAAA;QACpBkB,iBAAiB9B,QAAOU,EAAA;QACxB+B,SAAQ;QACRC,UAAS;OACJP,YAAY,WAAWR,aAAA,CAAcQ,QAAO,GAAI,CAAC,GAClDE,OAEJ,aAAA,GAAAlC,MAAAqB,aAAA,CAACtB,YAAYyC,SAAA,EAAZ;QAAsBC,SAAQ;IAAA,GAAQrB,UAAA,CAAWU,OAAQ,GAC1D,aAAA,GAAA9B,MAAAqB,aAAA,CAACtB,YAAY2C,OAAA,EAAZ;QAAoBjC,OAAM;IAAA,GACxBwB,UAAU,aAAA,GAAAjC,MAAAqB,aAAA,CAACtB,YAAY4C,KAAA,EAAZ,MAAmBV,SAC/B,aAAA,GAAAjC,MAAAqB,aAAA,CAACtB,YAAY6C,WAAA,EAAZ,MAAyBb;AAIlC;ADZA,SACEF,OAAO,GACP","sourcesContent":["\"use client\";\nimport {\n colors\n} from \"./chunk-BN5W6FVN.mjs\";\n\n// src/components/AlertBS.tsx\nimport { Alert as ChakraAlert } from \"@chakra-ui/react\";\nimport React from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\nvar colorLookup = {\n info: { bg: colors.lightBlue, color: colors.accentBlueMedium },\n warning: { bg: colors.statusYellowLight, color: colors.statusYellow },\n success: { bg: colors.statusGreenLight, color: colors.statusGreen },\n error: { bg: colors.statusRedLight, color: colors.statusRed }\n};\nvar iconLookup = {\n info: /* @__PURE__ */ React.createElement(Info, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Informasjon\" }),\n warning: /* @__PURE__ */ React.createElement(AlertCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Advarsel\" }),\n success: /* @__PURE__ */ React.createElement(CheckCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Suksess\" }),\n error: /* @__PURE__ */ React.createElement(XCircle, { strokeWidth: 1.75, role: \"img\", \"aria-label\": \"Feil\" })\n};\nvar variantStyles = {\n inline: {\n borderColor: \"transparent\",\n backgroundColor: \"transparent\",\n padding: \"0\"\n }\n};\nfunction AlertBS({ status, children, variant, header, ...rest }) {\n const colors2 = colorLookup[status];\n return /* @__PURE__ */ React.createElement(\n ChakraAlert.Root,\n {\n status,\n fontSize: \"md\",\n border: `0.1rem solid`,\n borderColor: colors2.color,\n backgroundColor: colors2.bg,\n display: \"flex\",\n flexWrap: \"wrap\",\n ...variant === \"inline\" ? variantStyles[variant] : {},\n ...rest\n },\n /* @__PURE__ */ React.createElement(ChakraAlert.Indicator, { marginX: \"auto\" }, iconLookup[status]),\n /* @__PURE__ */ React.createElement(ChakraAlert.Content, { color: \"black\" }, header && /* @__PURE__ */ React.createElement(ChakraAlert.Title, null, header), /* @__PURE__ */ React.createElement(ChakraAlert.Description, null, children))\n );\n}\n\nexport {\n AlertBS\n};\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { colors } from \"@biblioteksentralen/utils\";\nimport { AlertRootProps, Alert as ChakraAlert, SystemStyleObject } from \"@chakra-ui/react\";\nimport React, { ReactNode } from \"react\";\nimport { AlertCircle, CheckCircle, Info, XCircle } from \"react-feather\";\n\ntype Status = \"info\" | \"warning\" | \"success\" | \"error\";\ntype CustomVariants = \"inline\";\ntype Variants = AlertRootProps[\"variant\"] | CustomVariants;\n\nconst colorLookup: Record<Status, { bg: string; color: string }> = {\n info: { bg: colors.lightBlue, color: colors.accentBlueMedium },\n warning: { bg: colors.statusYellowLight, color: colors.statusYellow },\n success: { bg: colors.statusGreenLight, color: colors.statusGreen },\n error: { bg: colors.statusRedLight, color: colors.statusRed },\n};\n\nconst iconLookup: Record<Status, React.ReactElement> = {\n info: <Info strokeWidth={1.75} role=\"img\" aria-label=\"Informasjon\" />,\n warning: <AlertCircle strokeWidth={1.75} role=\"img\" aria-label=\"Advarsel\" />,\n success: <CheckCircle strokeWidth={1.75} role=\"img\" aria-label=\"Suksess\" />,\n error: <XCircle strokeWidth={1.75} role=\"img\" aria-label=\"Feil\" />,\n};\n\ninterface Props extends Modify<AlertRootProps, { variant?: Variants }> {\n children: ReactNode;\n header?: ReactNode;\n status: Status;\n variant?: Variants;\n}\n\nconst variantStyles: Record<CustomVariants, SystemStyleObject> = {\n inline: {\n borderColor: \"transparent\",\n backgroundColor: \"transparent\",\n padding: \"0\",\n },\n};\n\nexport function AlertBS({ status, children, variant, header, ...rest }: Props) {\n const colors = colorLookup[status];\n return (\n <ChakraAlert.Root\n status={status}\n fontSize=\"md\"\n border={`0.1rem solid`}\n borderColor={colors.color}\n backgroundColor={colors.bg}\n display=\"flex\"\n flexWrap=\"wrap\"\n {...(variant === \"inline\" ? variantStyles[variant] : {})}\n {...rest}\n >\n <ChakraAlert.Indicator marginX=\"auto\">{iconLookup[status]}</ChakraAlert.Indicator>\n <ChakraAlert.Content color=\"black\">\n {header && <ChakraAlert.Title>{header}</ChakraAlert.Title>}\n <ChakraAlert.Description>{children}</ChakraAlert.Description>\n </ChakraAlert.Content>\n </ChakraAlert.Root>\n );\n}\n"]}
@@ -1,76 +0,0 @@
1
- "use client";
2
- function _define_property(obj, key, value) {
3
- if (key in obj) {
4
- Object.defineProperty(obj, key, {
5
- value: value,
6
- enumerable: true,
7
- configurable: true,
8
- writable: true
9
- });
10
- } else {
11
- obj[key] = value;
12
- }
13
- return obj;
14
- }
15
- function _object_spread(target) {
16
- for(var i = 1; i < arguments.length; i++){
17
- var source = arguments[i] != null ? arguments[i] : {};
18
- var ownKeys = Object.keys(source);
19
- if (typeof Object.getOwnPropertySymbols === "function") {
20
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
- }));
23
- }
24
- ownKeys.forEach(function(key) {
25
- _define_property(target, key, source[key]);
26
- });
27
- }
28
- return target;
29
- }
30
- function _object_without_properties(source, excluded) {
31
- if (source == null) return {};
32
- var target = _object_without_properties_loose(source, excluded);
33
- var key, i;
34
- if (Object.getOwnPropertySymbols) {
35
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
36
- for(i = 0; i < sourceSymbolKeys.length; i++){
37
- key = sourceSymbolKeys[i];
38
- if (excluded.indexOf(key) >= 0) continue;
39
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
40
- target[key] = source[key];
41
- }
42
- }
43
- return target;
44
- }
45
- function _object_without_properties_loose(source, excluded) {
46
- if (source == null) return {};
47
- var target = {};
48
- var sourceKeys = Object.keys(source);
49
- var key, i;
50
- for(i = 0; i < sourceKeys.length; i++){
51
- key = sourceKeys[i];
52
- if (excluded.indexOf(key) >= 0) continue;
53
- target[key] = source[key];
54
- }
55
- return target;
56
- }
57
- // src/components/InputBS.tsx
58
- import { Input as ChakraInput, Field, VisuallyHidden } from "@chakra-ui/react";
59
- import React from "react";
60
- var FieldHelperText = Field.HelperText;
61
- var FieldErrorText = Field.ErrorText;
62
- var InputBS = function(props) {
63
- var labelProps = props.labelProps, label = props.label, helperText = props.helperText, errorMessage = props.errorMessage, hideLabel = props.hideLabel, inputProps = _object_without_properties(props, [
64
- "labelProps",
65
- "label",
66
- "helperText",
67
- "errorMessage",
68
- "hideLabel"
69
- ]);
70
- var formLabel = /* @__PURE__ */ React.createElement(Field.Label, _object_spread({}, labelProps), label);
71
- return /* @__PURE__ */ React.createElement(Field.Root, {
72
- invalid: !!errorMessage
73
- }, hideLabel ? /* @__PURE__ */ React.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ React.createElement(FieldHelperText, null, helperText), /* @__PURE__ */ React.createElement(ChakraInput, _object_spread({}, inputProps)), errorMessage && /* @__PURE__ */ React.createElement(FieldErrorText, null, errorMessage));
74
- };
75
- export { InputBS };
76
- //# sourceMappingURL=chunk-RZUGRIUF.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-RZUGRIUF.mjs","../src/components/InputBS.tsx"],"names":["Input","ChakraInput","Field","VisuallyHidden","React","FieldHelperText","HelperText","FieldErrorText","ErrorText","InputBS","props","labelProps","label","helperText","errorMessage","hideLabel","inputProps","formLabel","createElement","Label","Root","invalid"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,6BAA6B;ACF7B,SAASA,SAASC,WAAA,EAAaC,KAAA,EAAoCC,cAAA,QAAsB,mBAAA;AACzF,OAAOC,WAA0B,QAAA;AAGjC,IAAMC,kBAAkBH,MAAMI,UAAA;AAC9B,IAAMC,iBAAiBL,MAAMM,SAAA;AAetB,IAAMC,UAAU,SAACC;IACtB,IAAQC,aAA0ED,MAA1EC,YAAYC,QAA8DF,MAA9DE,OAAOC,aAAuDH,MAAvDG,YAAYC,eAA2CJ,MAA3CI,cAAcC,YAA6BL,MAA7BK,WAAcC,wCAAeN;QAA1EC;QAAYC;QAAOC;QAAYC;QAAcC;;IAErD,IAAME,YAAY,aAAA,GAAAb,MAAAc,aAAA,CAAChB,MAAMiB,KAAA,EAAN,mBAAgBR,aAAaC;IAEhD,OACE,aAAA,GAAAR,MAAAc,aAAA,CAAChB,MAAMkB,IAAA,EAAN;QAAWC,SAAS,CAAC,CAACP;IAAA,GACpBC,YAAY,aAAA,GAAAX,MAAAc,aAAA,CAACf,gBAAA,MAAgBc,aAA8BA,WAC3DJ,cAAc,aAAA,GAAAT,MAAAc,aAAA,CAACb,iBAAA,MAAiBQ,aACjC,aAAA,GAAAT,MAAAc,aAAA,CAACjB,aAAA,mBAAgBe,cAChBF,gBAAgB,aAAA,GAAAV,MAAAc,aAAA,CAACX,gBAAA,MAAgBO;AAGxC;ADpBA,SACEL,OAAO,GACP","sourcesContent":["\"use client\";\n\n// src/components/InputBS.tsx\nimport { Input as ChakraInput, Field, VisuallyHidden } from \"@chakra-ui/react\";\nimport React from \"react\";\nvar FieldHelperText = Field.HelperText;\nvar FieldErrorText = Field.ErrorText;\nvar InputBS = (props) => {\n const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n const formLabel = /* @__PURE__ */ React.createElement(Field.Label, { ...labelProps }, label);\n return /* @__PURE__ */ React.createElement(Field.Root, { invalid: !!errorMessage }, hideLabel ? /* @__PURE__ */ React.createElement(VisuallyHidden, null, formLabel) : formLabel, helperText && /* @__PURE__ */ React.createElement(FieldHelperText, null, helperText), /* @__PURE__ */ React.createElement(ChakraInput, { ...inputProps }), errorMessage && /* @__PURE__ */ React.createElement(FieldErrorText, null, errorMessage));\n};\n\nexport {\n InputBS\n};\n","import { Input as ChakraInput, Field, FieldLabelProps, InputProps, VisuallyHidden } from \"@chakra-ui/react\";\nimport React, { RefObject } from \"react\";\n\n// Chakra v3 Field.HelperText and Field.ErrorText don't include children in their types\nconst FieldHelperText = Field.HelperText as React.FC<React.PropsWithChildren>;\nconst FieldErrorText = Field.ErrorText as React.FC<React.PropsWithChildren>;\n\ninterface Props extends InputProps {\n label: string;\n hideLabel?: boolean;\n labelProps?: FieldLabelProps;\n helperText?: string;\n errorMessage?: string;\n ref?: RefObject<HTMLInputElement | null>;\n}\n\n/**\n * Creating custom input-component to make sure label is always set (for accessibility)\n * Also handles some common needs (helper text and error message. For more advanced input-components we leave it to the consumers to compose custom input-components based on Chakra\n */\nexport const InputBS = (props: Props) => {\n const { labelProps, label, helperText, errorMessage, hideLabel, ...inputProps } = props;\n\n const formLabel = <Field.Label {...labelProps}>{label}</Field.Label>;\n\n return (\n <Field.Root invalid={!!errorMessage}>\n {hideLabel ? <VisuallyHidden>{formLabel}</VisuallyHidden> : formLabel}\n {helperText && <FieldHelperText>{helperText}</FieldHelperText>}\n <ChakraInput {...inputProps} />\n {errorMessage && <FieldErrorText>{errorMessage}</FieldErrorText>}\n </Field.Root>\n );\n};\n"]}
@@ -1,275 +0,0 @@
1
- "use strict";
2
- function _array_like_to_array(arr, len) {
3
- if (len == null || len > arr.length) len = arr.length;
4
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
5
- return arr2;
6
- }
7
- function _array_without_holes(arr) {
8
- if (Array.isArray(arr)) return _array_like_to_array(arr);
9
- }
10
- function _assert_this_initialized(self) {
11
- if (self === void 0) {
12
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
13
- }
14
- return self;
15
- }
16
- function _class_call_check(instance, Constructor) {
17
- if (!(instance instanceof Constructor)) {
18
- throw new TypeError("Cannot call a class as a function");
19
- }
20
- }
21
- function _defineProperties(target, props) {
22
- for(var i = 0; i < props.length; i++){
23
- var descriptor = props[i];
24
- descriptor.enumerable = descriptor.enumerable || false;
25
- descriptor.configurable = true;
26
- if ("value" in descriptor) descriptor.writable = true;
27
- Object.defineProperty(target, descriptor.key, descriptor);
28
- }
29
- }
30
- function _create_class(Constructor, protoProps, staticProps) {
31
- if (protoProps) _defineProperties(Constructor.prototype, protoProps);
32
- if (staticProps) _defineProperties(Constructor, staticProps);
33
- return Constructor;
34
- }
35
- function _define_property(obj, key, value) {
36
- if (key in obj) {
37
- Object.defineProperty(obj, key, {
38
- value: value,
39
- enumerable: true,
40
- configurable: true,
41
- writable: true
42
- });
43
- } else {
44
- obj[key] = value;
45
- }
46
- return obj;
47
- }
48
- function _get_prototype_of(o) {
49
- _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
50
- return o.__proto__ || Object.getPrototypeOf(o);
51
- };
52
- return _get_prototype_of(o);
53
- }
54
- function _inherits(subClass, superClass) {
55
- if (typeof superClass !== "function" && superClass !== null) {
56
- throw new TypeError("Super expression must either be null or a function");
57
- }
58
- subClass.prototype = Object.create(superClass && superClass.prototype, {
59
- constructor: {
60
- value: subClass,
61
- writable: true,
62
- configurable: true
63
- }
64
- });
65
- if (superClass) _set_prototype_of(subClass, superClass);
66
- }
67
- function _iterable_to_array(iter) {
68
- if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
69
- }
70
- function _non_iterable_spread() {
71
- throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
72
- }
73
- function _object_spread(target) {
74
- for(var i = 1; i < arguments.length; i++){
75
- var source = arguments[i] != null ? arguments[i] : {};
76
- var ownKeys = Object.keys(source);
77
- if (typeof Object.getOwnPropertySymbols === "function") {
78
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
79
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
80
- }));
81
- }
82
- ownKeys.forEach(function(key) {
83
- _define_property(target, key, source[key]);
84
- });
85
- }
86
- return target;
87
- }
88
- function _possible_constructor_return(self, call) {
89
- if (call && (_type_of(call) === "object" || typeof call === "function")) {
90
- return call;
91
- }
92
- return _assert_this_initialized(self);
93
- }
94
- function _set_prototype_of(o, p) {
95
- _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
96
- o.__proto__ = p;
97
- return o;
98
- };
99
- return _set_prototype_of(o, p);
100
- }
101
- function _to_consumable_array(arr) {
102
- return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
103
- }
104
- function _type_of(obj) {
105
- "@swc/helpers - typeof";
106
- return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
107
- }
108
- function _unsupported_iterable_to_array(o, minLen) {
109
- if (!o) return;
110
- if (typeof o === "string") return _array_like_to_array(o, minLen);
111
- var n = Object.prototype.toString.call(o).slice(8, -1);
112
- if (n === "Object" && o.constructor) n = o.constructor.name;
113
- if (n === "Map" || n === "Set") return Array.from(n);
114
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
115
- }
116
- function _is_native_reflect_construct() {
117
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
118
- if (Reflect.construct.sham) return false;
119
- if (typeof Proxy === "function") return true;
120
- try {
121
- Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
122
- return true;
123
- } catch (e) {
124
- return false;
125
- }
126
- }
127
- function _create_super(Derived) {
128
- var hasNativeReflectConstruct = _is_native_reflect_construct();
129
- return function _createSuperInternal() {
130
- var Super = _get_prototype_of(Derived), result;
131
- if (hasNativeReflectConstruct) {
132
- var NewTarget = _get_prototype_of(this).constructor;
133
- result = Reflect.construct(Super, arguments, NewTarget);
134
- } else {
135
- result = Super.apply(this, arguments);
136
- }
137
- return _possible_constructor_return(this, result);
138
- };
139
- }
140
- Object.defineProperty(exports, "__esModule", {
141
- value: true
142
- });
143
- function _interopRequireDefault(obj) {
144
- return obj && obj.__esModule ? obj : {
145
- default: obj
146
- };
147
- }
148
- function _optionalChain(ops) {
149
- var lastAccessLHS = undefined;
150
- var value = ops[0];
151
- var i = 1;
152
- while(i < ops.length){
153
- var op = ops[i];
154
- var fn = ops[i + 1];
155
- i += 2;
156
- if ((op === "optionalAccess" || op === "optionalCall") && value == null) {
157
- return undefined;
158
- }
159
- if (op === "access" || op === "optionalAccess") {
160
- lastAccessLHS = value;
161
- value = fn(value);
162
- } else if (op === "call" || op === "optionalCall") {
163
- var _value;
164
- value = fn(function() {
165
- for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
166
- args[_key] = arguments[_key];
167
- }
168
- return (_value = value).call.apply(_value, [
169
- lastAccessLHS
170
- ].concat(_to_consumable_array(args)));
171
- });
172
- lastAccessLHS = undefined;
173
- }
174
- }
175
- return value;
176
- }
177
- "use client";
178
- var _chunkBCT5QU5Wjs = require("./chunk-BCT5QU5W.js");
179
- var _chunkQAW4IRLIjs = require("./chunk-QAW4IRLI.js");
180
- // src/components/ErrorBoundaryBS.tsx
181
- var _react = require("@chakra-ui/react");
182
- var _react3 = require("react");
183
- var _react4 = _interopRequireDefault(_react3);
184
- var StyledPre = function(props) {
185
- return /* @__PURE__ */ _react4.default.createElement(_react.Box, _object_spread({
186
- as: "pre",
187
- paddingTop: "0.5rem",
188
- wordBreak: "break-all",
189
- whiteSpace: "pre-wrap",
190
- fontSize: "0.8rem"
191
- }, props));
192
- };
193
- var ErrorBoundaryBS = /*#__PURE__*/ function(_react4_default_Component) {
194
- _inherits(ErrorBoundaryBS, _react4_default_Component);
195
- var _super = _create_super(ErrorBoundaryBS);
196
- function ErrorBoundaryBS(props) {
197
- _class_call_check(this, ErrorBoundaryBS);
198
- var _this;
199
- _this = _super.call(this, props);
200
- _this.state = {
201
- hasError: false
202
- };
203
- return _this;
204
- }
205
- _create_class(ErrorBoundaryBS, [
206
- {
207
- key: "componentDidCatch",
208
- value: function componentDidCatch(error, errorInfo) {
209
- this.setState({
210
- hasError: true,
211
- error: error,
212
- errorInfo: errorInfo
213
- });
214
- console.error(error, {
215
- errorInfo: errorInfo,
216
- boundaryName: this.props.boundaryName
217
- });
218
- }
219
- },
220
- {
221
- key: "render",
222
- value: function render() {
223
- if (this.state.hasError) {
224
- var stackTrace = _optionalChain([
225
- this,
226
- "access",
227
- function(_) {
228
- return _.state;
229
- },
230
- "access",
231
- function(_2) {
232
- return _2.errorInfo;
233
- },
234
- "optionalAccess",
235
- function(_3) {
236
- return _3.componentStack;
237
- }
238
- ]);
239
- var errormsg = _optionalChain([
240
- this,
241
- "access",
242
- function(_4) {
243
- return _4.state;
244
- },
245
- "access",
246
- function(_5) {
247
- return _5.error;
248
- },
249
- "optionalAccess",
250
- function(_6) {
251
- return _6.message;
252
- }
253
- ]);
254
- var info = this.props.boundaryName;
255
- return /* @__PURE__ */ _react4.default.createElement("div", null, /* @__PURE__ */ _react4.default.createElement(_chunkBCT5QU5Wjs.AlertBS, {
256
- status: "error"
257
- }, /* @__PURE__ */ _react4.default.createElement("p", null, "Beklager, det skjedde en teknisk feil."), _chunkQAW4IRLIjs.isDevelopment.call(void 0) && (stackTrace || errormsg) && /* @__PURE__ */ _react4.default.createElement("div", null, /* @__PURE__ */ _react4.default.createElement(StyledPre, null, errormsg || ""), /* @__PURE__ */ _react4.default.createElement(StyledPre, null, info || ""), /* @__PURE__ */ _react4.default.createElement(StyledPre, null, stackTrace || ""))));
258
- }
259
- return this.props.children;
260
- }
261
- }
262
- ], [
263
- {
264
- key: "getDerivedStateFromError",
265
- value: function getDerivedStateFromError(error) {
266
- return {
267
- hasError: true
268
- };
269
- }
270
- }
271
- ]);
272
- return ErrorBoundaryBS;
273
- }(_react4.default.Component);
274
- exports.ErrorBoundaryBS = ErrorBoundaryBS;
275
- //# sourceMappingURL=chunk-UFIMO32F.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-UFIMO32F.js","../src/components/ErrorBoundaryBS.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_optionalChain","ops","lastAccessLHS","undefined","i","length","op","fn","args","call","_chunkBCT5QU5Wjs","require","_chunkQAW4IRLIjs","_react","_react3","_react4","StyledPre","props","createElement","Box","as","paddingTop","wordBreak","whiteSpace","fontSize","ErrorBoundaryBS","state","hasError","componentDidCatch","error","errorInfo","setState","console","boundaryName","render","stackTrace","_","_2","_3","componentStack","errormsg","_4","_5","_6","message","info","AlertBS","status","isDevelopment","children","getDerivedStateFromError","Component"],"mappings":"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","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }\"use client\";\n\n\nvar _chunkBCT5QU5Wjs = require('./chunk-BCT5QU5W.js');\n\n\nvar _chunkQAW4IRLIjs = require('./chunk-QAW4IRLI.js');\n\n// src/components/ErrorBoundaryBS.tsx\nvar _react = require('@chakra-ui/react');\nvar _react3 = require('react'); var _react4 = _interopRequireDefault(_react3);\nvar StyledPre = (props) => /* @__PURE__ */ _react4.default.createElement(_react.Box, { as: \"pre\", paddingTop: \"0.5rem\", wordBreak: \"break-all\", whiteSpace: \"pre-wrap\", fontSize: \"0.8rem\", ...props });\nvar ErrorBoundaryBS = class extends _react4.default.Component {\n constructor(props) {\n super(props);\n this.state = { hasError: false };\n }\n static getDerivedStateFromError(error) {\n return { hasError: true };\n }\n componentDidCatch(error, errorInfo) {\n this.setState({ hasError: true, error, errorInfo });\n console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n }\n render() {\n if (this.state.hasError) {\n const stackTrace = _optionalChain([this, 'access', _ => _.state, 'access', _2 => _2.errorInfo, 'optionalAccess', _3 => _3.componentStack]);\n const errormsg = _optionalChain([this, 'access', _4 => _4.state, 'access', _5 => _5.error, 'optionalAccess', _6 => _6.message]);\n const info = this.props.boundaryName;\n return /* @__PURE__ */ _react4.default.createElement(\"div\", null, /* @__PURE__ */ _react4.default.createElement(_chunkBCT5QU5Wjs.AlertBS, { status: \"error\" }, /* @__PURE__ */ _react4.default.createElement(\"p\", null, \"Beklager, det skjedde en teknisk feil.\"), _chunkQAW4IRLIjs.isDevelopment.call(void 0, ) && (stackTrace || errormsg) && /* @__PURE__ */ _react4.default.createElement(\"div\", null, /* @__PURE__ */ _react4.default.createElement(StyledPre, null, errormsg || \"\"), /* @__PURE__ */ _react4.default.createElement(StyledPre, null, info || \"\"), /* @__PURE__ */ _react4.default.createElement(StyledPre, null, stackTrace || \"\"))));\n }\n return this.props.children;\n }\n};\n\n\n\nexports.ErrorBoundaryBS = ErrorBoundaryBS;\n","import { isDevelopment } from \"@biblioteksentralen/utils\";\nimport { Box, BoxProps } from \"@chakra-ui/react\";\nimport React, { ErrorInfo, ReactNode } from \"react\";\nimport { AlertBS } from \"./AlertBS\";\n\ninterface Props {\n boundaryName?: string;\n children: ReactNode;\n}\n\ninterface State {\n hasError: boolean;\n error?: Error;\n errorInfo?: ErrorInfo;\n}\n\nconst StyledPre = (props: BoxProps) => (\n <Box as=\"pre\" paddingTop=\"0.5rem\" wordBreak=\"break-all\" whiteSpace=\"pre-wrap\" fontSize=\"0.8rem\" {...props} />\n);\n\nexport class ErrorBoundaryBS extends React.Component<Props, State> {\n constructor(props: any) {\n super(props);\n this.state = { hasError: false };\n }\n\n static getDerivedStateFromError(error: any) {\n return { hasError: true };\n }\n\n componentDidCatch(error: any, errorInfo: any) {\n this.setState({ hasError: true, error, errorInfo });\n console.error(error, { errorInfo, boundaryName: this.props.boundaryName });\n }\n\n render() {\n if (this.state.hasError) {\n const stackTrace = this.state.errorInfo?.componentStack;\n const errormsg = this.state.error?.message;\n const info = this.props.boundaryName;\n\n return (\n <div>\n <AlertBS status=\"error\">\n <p>Beklager, det skjedde en teknisk feil.</p>\n {isDevelopment() && (stackTrace || errormsg) && (\n <div>\n <StyledPre>{errormsg || \"\"}</StyledPre>\n <StyledPre>{info || \"\"}</StyledPre>\n <StyledPre>{stackTrace || \"\"}</StyledPre>\n </div>\n )}\n </AlertBS>\n </div>\n );\n }\n\n return this.props.children;\n }\n}\n"]}
@@ -1,51 +0,0 @@
1
- "use strict";
2
- function _define_property(obj, key, value) {
3
- if (key in obj) {
4
- Object.defineProperty(obj, key, {
5
- value: value,
6
- enumerable: true,
7
- configurable: true,
8
- writable: true
9
- });
10
- } else {
11
- obj[key] = value;
12
- }
13
- return obj;
14
- }
15
- function _object_spread(target) {
16
- for(var i = 1; i < arguments.length; i++){
17
- var source = arguments[i] != null ? arguments[i] : {};
18
- var ownKeys = Object.keys(source);
19
- if (typeof Object.getOwnPropertySymbols === "function") {
20
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
21
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
22
- }));
23
- }
24
- ownKeys.forEach(function(key) {
25
- _define_property(target, key, source[key]);
26
- });
27
- }
28
- return target;
29
- }
30
- Object.defineProperty(exports, "__esModule", {
31
- value: true
32
- });
33
- function _interopRequireDefault(obj) {
34
- return obj && obj.__esModule ? obj : {
35
- default: obj
36
- };
37
- }
38
- "use client";
39
- var _chunkUFIMO32Fjs = require("./chunk-UFIMO32F.js");
40
- // src/components/withErrorBoundaryBS.tsx
41
- var _react = require("react");
42
- var _react2 = _interopRequireDefault(_react);
43
- var withErrorBoundaryBS = function(Component, boundaryName) {
44
- return function(props) {
45
- return /* @__PURE__ */ _react2.default.createElement(_chunkUFIMO32Fjs.ErrorBoundaryBS, {
46
- boundaryName: boundaryName
47
- }, /* @__PURE__ */ _react2.default.createElement(Component, _object_spread({}, props)));
48
- };
49
- };
50
- exports.withErrorBoundaryBS = withErrorBoundaryBS;
51
- //# sourceMappingURL=chunk-VSICUYFB.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-VSICUYFB.js","../src/components/withErrorBoundaryBS.tsx"],"names":["Object","defineProperty","exports","value","_interopRequireDefault","obj","__esModule","default","_chunkUFIMO32Fjs","require","_react","_react2","withErrorBoundaryBS","Component","boundaryName","props","createElement","ErrorBoundaryBS"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA,SAAAC,uBAAAC,GAAA;IAAA,OAAAA,OAAAA,IAAAC,UAAA,GAAAD,MAAA;QAAAE,SAAAF;IAAA;AAAA;AAAA;AAGA,IAAAG,mBAAAC,QAAA;AAEA,yCAAA;ACLA,IAAAC,SAAAD,QAAA;AAAA,IAAAE,UAAAP,uBAAAM;AAGO,IAAME,sBAAsB,SAASC,WAAuCC;IACjF,OAAO,SAACC;eAAA,aAAA,GACNJ,QAAAJ,OAAA,CAAAS,aAAA,CAACR,iBAAAS,eAAA,EAAA;YAAgBH,cAAAA;QAAA,GAAA,aAAA,GACfH,QAAAJ,OAAA,CAAAS,aAAA,CAACH,WAAA,mBAAcE;;AAGrB;ADIAb,QAAAU,mBAAA,GAAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\"use client\";\n\n\nvar _chunkUFIMO32Fjs = require('./chunk-UFIMO32F.js');\n\n// src/components/withErrorBoundaryBS.tsx\nvar _react = require('react'); var _react2 = _interopRequireDefault(_react);\nvar withErrorBoundaryBS = (Component, boundaryName) => {\n return (props) => /* @__PURE__ */ _react2.default.createElement(_chunkUFIMO32Fjs.ErrorBoundaryBS, { boundaryName }, /* @__PURE__ */ _react2.default.createElement(Component, { ...props }));\n};\n\n\n\nexports.withErrorBoundaryBS = withErrorBoundaryBS;\n","import React from \"react\";\nimport { ErrorBoundaryBS } from \"./ErrorBoundaryBS\";\n\nexport const withErrorBoundaryBS = <Props,>(Component: React.ComponentType<Props>, boundaryName: string) => {\n return (props: Props & React.JSX.IntrinsicAttributes) => (\n <ErrorBoundaryBS boundaryName={boundaryName}>\n <Component {...props} />\n </ErrorBoundaryBS>\n );\n};\n"]}
@@ -1,6 +0,0 @@
1
- "use client";
2
- // src/components/ButtonBS.tsx
3
- import { Button as ChakraButton } from "@chakra-ui/react";
4
- var ButtonBS = ChakraButton;
5
- export { ButtonBS };
6
- //# sourceMappingURL=chunk-WYQNSPEX.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/chunk-WYQNSPEX.mjs","../src/components/ButtonBS.tsx"],"names":["Button","ChakraButton","ButtonBS"],"mappings":"AAAA;AAEA,8BAA8B;ACD9B,SAASA,UAAUC,YAAA,QAAsD,mBAAA;AAUlE,IAAMC,WAAWD;ADLxB,SACEC,QAAQ,GACR","sourcesContent":["\"use client\";\n\n// src/components/ButtonBS.tsx\nimport { Button as ChakraButton } from \"@chakra-ui/react\";\nvar ButtonBS = ChakraButton;\n\nexport {\n ButtonBS\n};\n","import { Modify } from \"@biblioteksentralen/types\";\nimport { Button as ChakraButton, ButtonProps as NativeButtonProps } from \"@chakra-ui/react\";\nimport { ComponentWithAs } from \"@chakra-ui/system\";\nimport { CustomButtonVariants } from \"../styles/chakraTheme/ButtonStyles\";\n\n/**\n * Re-exporting chackras Button with a customised types\n * This causes both chakras native variants and our home-made variants to show up in auto-complete\n */\ntype ButtonVariants = NativeButtonProps[\"variant\"] | CustomButtonVariants;\nexport type ButtonBSProps = Modify<NativeButtonProps, { variant?: ButtonVariants }>;\nexport const ButtonBS = ChakraButton as ComponentWithAs<\"button\", ButtonBSProps>;\n"]}
@@ -1,18 +0,0 @@
1
- import { Modify } from '@biblioteksentralen/types';
2
- import { AlertRootProps } from '@chakra-ui/react';
3
- import React, { ReactNode } from 'react';
4
-
5
- type Status = "info" | "warning" | "success" | "error";
6
- type CustomVariants = "inline";
7
- type Variants = AlertRootProps["variant"] | CustomVariants;
8
- interface Props extends Modify<AlertRootProps, {
9
- variant?: Variants;
10
- }> {
11
- children: ReactNode;
12
- header?: ReactNode;
13
- status: Status;
14
- variant?: Variants;
15
- }
16
- declare function AlertBS({ status, children, variant, header, ...rest }: Props): React.JSX.Element;
17
-
18
- export { AlertBS };
@@ -1,18 +0,0 @@
1
- import { Modify } from '@biblioteksentralen/types';
2
- import { AlertRootProps } from '@chakra-ui/react';
3
- import React, { ReactNode } from 'react';
4
-
5
- type Status = "info" | "warning" | "success" | "error";
6
- type CustomVariants = "inline";
7
- type Variants = AlertRootProps["variant"] | CustomVariants;
8
- interface Props extends Modify<AlertRootProps, {
9
- variant?: Variants;
10
- }> {
11
- children: ReactNode;
12
- header?: ReactNode;
13
- status: Status;
14
- variant?: Variants;
15
- }
16
- declare function AlertBS({ status, children, variant, header, ...rest }: Props): React.JSX.Element;
17
-
18
- export { AlertBS };
@@ -1,9 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- "use client";
6
- var _chunkBCT5QU5Wjs = require("../chunk-BCT5QU5W.js");
7
- require("../chunk-QAW4IRLI.js");
8
- exports.AlertBS = _chunkBCT5QU5Wjs.AlertBS;
9
- //# sourceMappingURL=AlertBS.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/Users/danielwinsvold/Code/js-utils/packages/react/dist/components/AlertBS.js"],"names":["Object","defineProperty","exports","value","_chunkBCT5QU5Wjs","require","AlertBS"],"mappings":"AAAA;AAAAA,OAAAC,cAAA,CAAAC,SAAA,cAAA;IAAAC,OAAA;AAAA;AAAA;AAGA,IAAAC,mBAAAC,QAAA;AACAA,QAAA;AAGAH,QAAAI,OAAA,GAAAF,iBAAAE,OAAA","sourcesContent":["\"use strict\";Object.defineProperty(exports, \"__esModule\", {value: true});\"use client\";\n\n\nvar _chunkBCT5QU5Wjs = require('../chunk-BCT5QU5W.js');\nrequire('../chunk-QAW4IRLI.js');\n\n\nexports.AlertBS = _chunkBCT5QU5Wjs.AlertBS;\n"]}
@@ -1,5 +0,0 @@
1
- "use client";
2
- import { AlertBS } from "../chunk-QX75QJ7F.mjs";
3
- import "../chunk-BN5W6FVN.mjs";
4
- export { AlertBS };
5
- //# sourceMappingURL=AlertBS.mjs.map