@olenbetong/synergi-react 0.8.1 → 0.8.3

package/dist/styles/styles.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../src/Checkbox/index.scss","../../src/ColorCard/index.scss","../../src/DateNavigator/index.scss","../../src/styles/_mixins.scss","../../src/LinkedCardList/index.scss","../../src/PageBanner/index.scss","../../src/styles/_variables.scss","../../src/ProgressBar/index.scss","../../src/Sidebar/index.scss","../../src/SplitContainer/index.scss","../../src/ValueToggle/index.scss"],"names":[],"mappings":"CAAA,iBACC,oBACA,qDACA,8DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,wBAGD,6BACC,qCACA,kCAIF,gBACC,kBAEA,2BACA,iCAEA,gBAEA,0CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,sCACA,SACA,UACA,oBACA,kBACA,QACA,iCACA,qBACA,yCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,kCAGD,2EACC,oCAGD,6EACC,yCACA,uBACA,UAGD,6CACC,mBAGD,kBACC,IACC,gCAGD,IACC,kCAGD,IACC,kCAGD,IACC,kCAGD,KACC,+BClHF,kBACC,yBACA,uBACA,mBACA,2BAEA,oBACA,iHACA,qKAOA,qBACA,gEACA,WACA,eACA,aACA,yMAEA,eACA,iBACA,gBACA,iCAEA,sCACC,sCAED,sCACC,oCAED,sCACC,qCAED,sCACC,oCAED,sCACC,qCAGD,gDAGC,yBAEA,iEACA,WACA,qBAID,qCAtDD,kBAuDE,kBAIF,oBACC,aACA,cACA,sBACA,8BACA,cACA,gBACA,gCACA,uBAEA,gCACC,mBACA,2BAGD,sCACC,+BACA,cACA,oCAGD,qCACC,sCACC,eAKH,yBACC,WACA,gBACA,yBAIA,qCACC,oBAGD,yGAEC,kBACA,gBAGD,iEACC,YAGD,qCAfD,oBAgBE,gBAIF,yBACC,WAGD,mBACC,kBACA,oBAGA,oCACC,mBAEA,2CACC,WACA,kBACA,YACA,yBACA,8BACA,YACA,UACA,UAIF,2BACC,gBACA,2BACA,0CACA,kBACA,WACA,cACA,cACA,OACA,kBACA,UACA,aACA,UCnJF,sBACC,qBAEA,0BACC,aACA,kBACA,SAIF,sBACC,yBACA,8CACA,aACA,eAGD,uBCpBC,gBACA,SACA,cAEA,aACA,mBACA,iBACA,UACA,0BACA,yBACA,sBACA,qBDWA,aACA,mBACA,cACA,uBAEA,OA1BoB,KA4BpB,eACA,kBCjBA,yCACC,SACA,UDiBD,6BACC,yBACA,kDAIF,2BACC,4BACA,QAGD,4BACC,2BACA,QAGD,sBACC,aACA,cACA,sBACA,uBACA,QAEA,OAtDoB,KAwDpB,kBErDD,mBACC,qBACA,cACA,eAGD,mBACC,aACA,mBACA,mBAGD,yBACC,aACA,gBACA,cACA,kBAGD,0BACC,cACA,0BAGD,mBACC,aACA,mBACA,cACA,gBACA,kBAGD,qBACC,gBAEA,oCACA,oBACA,OAxCa,KAyCb,MAzCa,KA2Cb,kBACA,OACA,QAEA,mCAGD,mBACC,gBACA,iBACA,qCACA,sBACA,cACA,eACA,cACA,kBAGD,2BACC,uCACA,4BACA,oCACA,YACA,uDACA,WACA,UACA,kBACA,kBACA,QACA,UAGD,yBACC,oCACA,cACA,wBAGD,iCACC,sCClFD,mBACC,iBCHe,QDIf,mCACA,sCACA,WAEA,qBACC,cAIF,oBACC,aACA,mBACA,sBAEA,qCALD,oBAME,uBACA,oBAIF,yBACC,eAEA,qCAHD,yBAIE,gBAIF,0BACC,mBACA,sBACA,qBACA,YACA,iBACA,8BACA,WAEA,qCATD,0BAUE,kBACA,SACA,kBACA,wBACA,kBACA,aACA,aAGD,qCAnBD,0BAoBE,aACA,aAIF,0BACC,mBACA,gBACA,eAEA,qCALD,0BAME,cAGD,qCATD,0BAUE,gBAKD,6BACC,wBACA,gBACA,MACA,aAIF,2BACC,gBACA,qBACA,mBAGD,kBACC,yCACA,qBACA,iBACA,eACA,mBACA,kBACA,0BAEA,yBACC,kBE9FF,oBACC,aACA,WACA,gBACA,wBACA,yBACA,YACA,kBACA,0CACA,cACA,kBAEA,0CACC,yBACA,kBACA,0CAGD,4CACC,oTAUA,4UAUA,8CACA,kBACA,kBACA,8BAGD,kDACC,sBACA,WAEA,mBACA,WAEA,kBACA,UACA,QACA,UAGD,uCACC,4QAUA,2RAUA,8CACA,kBACA,8BCnFF,gBACC,eACA,SACA,OACA,MACA,UAEA,sBAEA,4BACA,kCACA,sBAQA,gBANA,yBACC,WACA,QACA,2BAKD,wBACC,wBAGD,iCACC,uCAEA,0CACC,wCAKH,mBACC,eACA,SACA,OACA,QACA,MACA,UAEA,UACA,kBAEA,wDACA,gCAEA,2BACC,UACA,mBC/CF,IACC,gBAGD,uBACC,aACA,sBACA,YACA,WAEA,kCACC,mBAIF,wBACC,gBAGD,0BACC,eACA,+BACA,gBACA,iBAEA,aACA,mBACA,uBAEA,gCACC,gCAGD,4DACC,iBACA,yBAIF,iCACC,oBCzCD,oBACC,aACA,mBAGD,sBACC,gBAGD,qBACC,eACA,eACA,cACA,kBACA,yBAEA,2BACC,gBAGD,kDACC,8BACA,sBACA,iCACA,eACA,WAGD,+DACC,+BAGD,wDACC,sBACA,iCAIF,qBACC,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA","file":"styles.css"}
+{"version":3,"sourceRoot":"","sources":["../../src/Checkbox/index.scss","../../src/ColorCard/index.scss","../../src/DateNavigator/index.scss","../../src/styles/_mixins.scss","../../src/LinkedCardList/index.scss","../../src/PageBanner/index.scss","../../src/styles/_variables.scss","../../src/ProgressBar/index.scss","../../src/Sidebar/index.scss","../../src/SplitContainer/index.scss","../../src/ValueToggle/index.scss"],"names":[],"mappings":"CAAA,iBACC,oBACA,qDACA,8DACA,wCAEA,qBACA,0BACA,gBAEA,8CACC,wBAGD,6BACC,qCACA,kCAIF,gBACC,kBAEA,2BACA,iCAEA,gBAEA,0CACA,0BACA,yBAEA,sBACC,iCAIF,kBACC,kBACA,gBACA,gBAEA,wBACC,aAIF,iBACC,WACA,qBACA,sCACA,SACA,UACA,oBACA,kBACA,QACA,iCACA,qBACA,yCAGD,kBACC,mBACA,qBACA,WACA,gBACA,kBACA,mBACA,UAEA,wBACC,aAIF,aACC,gBACA,YAGD,2DACC,kCAGD,2EACC,oCAGD,6EACC,yCACA,uBACA,UAGD,6CACC,mBAGD,kBACC,IACC,gCAGD,IACC,kCAGD,IACC,kCAGD,IACC,kCAGD,KACC,+BClHF,kBACC,yBACA,uBACA,mBACA,2BAEA,oBACA,iHACA,qKAOA,qBACA,WACC,qDAED,WACA,eACA,aACA,YACC,6LAaD,eACA,iBACA,gBACA,iCAEA,sCACC,sCAED,sCACC,oCAED,sCACC,qCAED,sCACC,oCAED,sCACC,qCAGD,gDAGC,yBAEA,WACC,sDAED,WACA,qBAID,qCAtED,kBAuEE,kBAIF,oBACC,aACA,cACA,sBACA,8BACA,cACA,gBACA,gCACA,uBAEA,gCACC,mBACA,2BAGD,sCACC,+BACA,cACA,oCAGD,qCACC,sCACC,eAKH,yBACC,WACA,gBACA,yBAIA,qCACC,oBAGD,yGAEC,kBACA,gBAGD,iEACC,YAGD,qCAfD,oBAgBE,gBAIF,yBACC,WAGD,mBACC,kBACA,oBAGA,oCACC,mBAEA,2CACC,WACA,kBACA,YACA,yBACA,8BACA,YACA,UACA,UAIF,2BACC,gBACA,2BACA,0CACA,kBACA,WACA,cACA,cACA,OACA,kBACA,UACA,aACA,UCnKF,sBACC,qBAEA,0BACC,aACA,kBACA,SAIF,sBACC,yBACA,8CACA,aACA,eAGD,uBCpBC,gBACA,SACA,cAEA,aACA,mBACA,iBACA,UACA,0BACA,yBACA,sBACA,qBDWA,aACA,mBACA,cACA,uBAEA,OA1BoB,KA4BpB,eACA,kBCjBA,yCACC,SACA,UDiBD,6BACC,yBACA,kDAIF,2BACC,4BACA,QAGD,4BACC,2BACA,QAGD,sBACC,aACA,cACA,sBACA,uBACA,QAEA,OAtDoB,KAwDpB,kBErDD,mBACC,qBACA,cACA,eAGD,mBACC,aACA,mBACA,mBAGD,yBACC,aACA,gBACA,cACA,kBAGD,0BACC,cACA,0BAGD,mBACC,aACA,mBACA,cACA,gBACA,kBAGD,qBACC,gBAEA,oCACA,oBACA,OAxCa,KAyCb,MAzCa,KA2Cb,kBACA,OACA,QAEA,mCAGD,mBACC,gBACA,iBACA,qCACA,sBACA,cACA,eACA,cACA,kBAGD,2BACC,uCACA,4BACA,oCACA,YACA,uDACA,WACA,UACA,kBACA,kBACA,QACA,UAGD,yBACC,oCACA,cACA,wBAGD,iCACC,sCClFD,mBACC,iBCHe,QDIf,mCACA,sCACA,WAEA,qBACC,cAIF,oBACC,aACA,mBACA,sBAEA,qCALD,oBAME,uBACA,oBAIF,yBACC,eAEA,qCAHD,yBAIE,gBAIF,0BACC,mBACA,sBACA,qBACA,YACA,iBACA,8BACA,WAEA,qCATD,0BAUE,kBACA,SACA,kBACA,wBACA,kBACA,aACA,aAGD,qCAnBD,0BAoBE,aACA,aAIF,0BACC,mBACA,gBACA,eAEA,qCALD,0BAME,cAGD,qCATD,0BAUE,gBAKD,6BACC,wBACA,gBACA,MACA,aAIF,2BACC,gBACA,qBACA,mBAGD,kBACC,yCACA,qBACA,iBACA,eACA,mBACA,kBACA,0BAEA,yBACC,kBE9FF,oBACC,aACA,WACA,gBACA,wBACA,yBACA,YACA,kBACA,0CACA,cACA,kBAEA,0CACC,yBACA,kBACA,0CAGD,4CACC,oTAUA,iBACC,2TAUD,gBACC,8BAGD,kBACA,kBACA,8BAGD,kDACC,sBACA,WAEA,mBACA,WAEA,kBACA,UACA,QACA,UAGD,uCACC,4QAUA,iBACC,0QAUD,gBACC,8BAGD,kBACA,8BC3FF,gBACC,eACA,SACA,OACA,MACA,UAEA,sBAEA,4BACA,kCACA,sBAQA,gBANA,yBACC,WACA,QACA,2BAKD,wBACC,wBAGD,iCACC,uCAEA,0CACC,wCAKH,mBACC,eACA,SACA,OACA,QACA,MACA,UAEA,UACA,kBAEA,WACC,6CAED,gCAEA,2BACC,UACA,mBCjDF,IACC,gBAGD,uBACC,aACA,sBACA,YACA,WAEA,kCACC,mBAIF,wBACC,gBAGD,0BACC,eACA,+BACA,gBACA,iBAEA,aACA,mBACA,uBAEA,gCACC,gCAGD,4DACC,iBACA,yBAIF,iCACC,oBCzCD,oBACC,aACA,mBAGD,sBACC,gBAGD,qBACC,eACA,eACA,cACA,kBACA,yBAEA,2BACC,gBAGD,kDACC,8BACA,sBACA,iCACA,eACA,WAGD,+DACC,+BAGD,wDACC,sBACA,iCAIF,qBACC,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA","file":"styles.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@olenbetong/synergi-react",
-	"version": "0.8.1",
+	"version": "0.8.3",
 	"description": "Standalone React component for SynergiWeb and Partner Portal",
 	"type": "module",
 	"types": "./es/index.d.ts",
@@ -46,8 +46,8 @@
 		}
 	},
 	"scripts": {
-		"prepack": "npm run build",
-		"build": "npm run build:tsc && npm run build:tsc:post && npm run build:esbuild && npm run build:sass && npm run build:sass:components",
+		"prepack": "pnpm run build",
+		"build": "pnpm run build:tsc && pnpm run build:tsc:post && pnpm run build:esbuild && pnpm run build:sass && pnpm run build:sass:components",
 		"build:tsc": "rm -rf ./es && tsc",
 		"build:esbuild": "rm -rf ./dist && node --loader ts-node/esm.mjs ../../shared/esbuild.js",
 		"build:sass": "sass ./src/index.scss ./dist/styles/styles.css --source-map-urls=relative --style compressed",
@@ -68,7 +68,7 @@
 	},
 	"sideEffects": false,
 	"dependencies": {
-		"@olenbetong/appframe-core": "^2.7.4",
+		"@olenbetong/appframe-core": "2.7.6",
 		"clsx": "^1.2.1",
 		"localforage": "^1.10.0",
 		"mitt": "^3.0.0"
@@ -87,5 +87,5 @@
 	"devDependencies": {
 		"replace-in-files": "^3.0.0"
 	},
-	"gitHead": "0875957c231dcd1c5b3e765f45d5a3017c1e30b3"
+	"gitHead": "4d916b61b922d41861b51c07d560447b3834e02a"
 }

package/src/Checkbox/index.tsx

@@ -21,7 +21,7 @@ export type CheckboxProps = React.RefAttributes<HTMLInputElement> &
 
 export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(
 	{ className, disabled = false, id, onChange = () => null, title, value, ...other }: CheckboxProps,
-	ref: React.ForwardedRef<HTMLInputElement>
+	ref: React.ForwardedRef<HTMLInputElement>,
 ) {
 	const inputId = useId() + (id ?? "");
 	const input = useRef<HTMLInputElement>(null);

package/src/ColorCard/index.scss

@@ -16,12 +16,26 @@
 		var(--bg-color-main)
 	);
 	border-radius: 0.25rem;
-	box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15), 0 1px 6px rgba(0, 0, 0, 0.25);
+	box-shadow:
+		0 1px 12px rgba(0, 0, 0, 0.15),
+		0 1px 6px rgba(0, 0, 0, 0.25);
 	color: #666;
 	cursor: pointer;
 	display: flex;
-	font-family: "Variable Bahnschrift", "Bahnschrift", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-		"Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+	font-family:
+		"Variable Bahnschrift",
+		"Bahnschrift",
+		"Open Sans",
+		-apple-system,
+		BlinkMacSystemFont,
+		"Segoe UI",
+		Roboto,
+		"Helvetica Neue",
+		Arial,
+		sans-serif,
+		"Apple Color Emoji",
+		"Segoe UI Emoji",
+		"Segoe UI Symbol";
 	font-size: 1rem;
 	min-height: 10rem;
 	overflow: hidden;
@@ -48,7 +62,9 @@
 		/*--bg-size: 1rem;*/
 		--bg-color-main: #f5f5f5;
 
-		box-shadow: 0 3px 18px rgba(0, 0, 0, 0.15), 0 3px 12px rgba(0, 0, 0, 0.25);
+		box-shadow:
+			0 3px 18px rgba(0, 0, 0, 0.15),
+			0 3px 12px rgba(0, 0, 0, 0.25);
 		color: #666;
 		text-decoration: none;
 		/*transform: scale(1.03) translateY(-3px);*/

package/src/DateNavigator/index.tsx

@@ -16,7 +16,7 @@ function Arrow(props) {
 		<button
 			className={clsx(
 				"ObDateNavigator-arrow",
-				direction === "left" ? "ObDateNavigator-arrowLeft" : "ObDateNavigator-arrowRight"
+				direction === "left" ? "ObDateNavigator-arrowLeft" : "ObDateNavigator-arrowRight",
 			)}
 			{...rest}
 		>

package/src/PageBanner/index.tsx

@@ -23,7 +23,7 @@ export type BannerImageProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<H
 
 export const BannerImage = React.forwardRef<HTMLImageElement, BannerImageProps>(function BannerImage(
 	props: BannerImageProps,
-	ref
+	ref,
 ) {
 	const { className, ...other } = props;
 	return <img ref={ref} className={clsx("ObPageBanner-bannerImage", className)} {...other} />;

package/src/ProgressBar/index.scss

@@ -29,7 +29,8 @@
 			),
 			linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
 			linear-gradient(left, var(--brand-primary, $brand-primary), var(--brand-light, $brand-light));
-		background-image: -webkit-linear-gradient(
+		background-image:
+			-webkit-linear-gradient(
 				135deg,
 				transparent,
 				transparent 33%,
@@ -39,7 +40,10 @@
 			),
 			-webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
 			-webkit-linear-gradient(left, var(--brand-primary), $brand-primary, var(--brand-light, $brand-light));
-		background-size: 35px 20px, 100% 100%, 100% 100%;
+		background-size:
+			35px 20px,
+			100% 100%,
+			100% 100%;
 		border-radius: 3px;
 		position: relative;
 		transition: width 0.5s ease-out;
@@ -69,7 +73,8 @@
 			),
 			linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
 			linear-gradient(left, var(--brand-primary), var(--brand-light));
-		background-image: -moz-linear-gradient(
+		background-image:
+			-moz-linear-gradient(
 				135deg,
 				transparent,
 				transparent 33%,
@@ -79,7 +84,10 @@
 			),
 			-moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)),
 			-moz-linear-gradient(left, var(--brand-primary), var(--brand-light));
-		background-size: 35px 20px, 100% 100%, 100% 100%;
+		background-size:
+			35px 20px,
+			100% 100%,
+			100% 100%;
 		border-radius: 3px;
 		transition: width 0.5s ease-out;
 	}

package/src/ProgressBar/index.tsx

@@ -7,7 +7,7 @@ export type ProgressBarProps = React.HTMLProps<HTMLProgressElement>;
 
 export const ProgressBar = forwardRef<HTMLProgressElement, ProgressBarProps>(function ProgressBar(
 	{ className, ...props }: ProgressBarProps,
-	ref
+	ref,
 ) {
 	return <progress className={clsx("ObProgressBar-root", className)} {...props} ref={ref} />;
 });

package/src/Sidebar/index.scss

@@ -43,7 +43,9 @@
 	opacity: 0;
 	visibility: hidden;
 
-	transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
+	transition:
+		opacity 0.3s ease-out,
+		visibility 0.3s ease-out;
 	background-color: rgba(0, 0, 0, 0.3);
 
 	&.Ob-open {

package/src/Sidebar/index.tsx

@@ -67,7 +67,7 @@ export function Sidebar(props: SidebarProps) {
 			prevFocus.current = document.activeElement as HTMLElement | null;
 
 			const firstFocusable = sidebar.current?.querySelector(
-				'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+				'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',
 			) as HTMLElement | undefined;
 
 			if (firstFocusable) {
@@ -97,7 +97,7 @@ export function Sidebar(props: SidebarProps) {
 					open && "Ob-open",
 					pullRight && "Ob-right",
 					shadow && "ObSidebar-shadow",
-					className
+					className,
 				)}
 				ref={sidebar}
 				tabIndex={-1}

package/src/SplitContainer/index.tsx

@@ -49,9 +49,9 @@ settingsStore.keys().then((keys) =>
 					if (settings && !settingsCache[key]) {
 						settingsCache[key] = settings;
 					}
-				})
-			)
-	)
+				}),
+			),
+	),
 );
 
 type DividerProps = {

package/src/ValueToggle/index.tsx

@@ -20,7 +20,7 @@ function ValueToggleInner(
 		focus: () => void;
 		blur: () => void;
 		value: string | number;
-	}>
+	}>,
 ) {
 	const wrapperRef = useRef<HTMLDivElement>(null);
 	const [toggleName] = useState("obet-value-toggle-" + String(++valueToggleId));