@ganpatiinfo/gids-web-dom-reference 0.0.1

package/README.md

@@ -0,0 +1,3 @@
+# DOM ref implementation
+
+This package contains the reference to dom implementation

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Referenced to DOM components
+ */
+/**
+ * Utilities
+ */
+export * from './utils/domUtils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,cAAc,kBAAkB,CAAC"}

package/dist/index.js

@@ -0,0 +1,8 @@
+/**
+ * Referenced to DOM components
+ */
+/**
+ * Utilities
+ */
+export * from './utils/domUtils';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,cAAc,kBAAkB,CAAC"}

package/dist/utils/domUtils.d.ts

@@ -0,0 +1,12 @@
+export type DomNodeOrString = Node | string;
+export type DomChildren = DomNodeOrString | DomNodeOrString[];
+export declare const toElementArray: <E extends DomNodeOrString = DomNodeOrString>(singleOrArr: E | E[] | undefined) => E[];
+export declare const appendAsChildren: (parent: Element, children: DomChildren | undefined) => void;
+export declare const toggleAttribute: (element: Element, attributeName: string, force?: boolean) => boolean;
+export declare const applyStatefulInputProps: (inputElement: HTMLInputElement, { value, defaultValue, checked, defaultChecked, }: {
+    value?: string;
+    defaultValue?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+}) => void;
+//# sourceMappingURL=domUtils.d.ts.map

package/dist/utils/domUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"domUtils.d.ts","sourceRoot":"","sources":["../../src/utils/domUtils.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,eAAe,EAAE,CAAC;AAE9D,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,eAAe,GAAG,eAAe,EACzE,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,SAAS,KAC9B,CAAC,EAKH,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC5B,QAAQ,OAAO,EACf,UAAU,WAAW,GAAG,SAAS,KAC/B,IAIF,CAAC;AAEF,eAAO,MAAM,eAAe,GAC3B,SAAS,OAAO,EAChB,eAAe,MAAM,EACrB,QAAQ,OAAO,KACb,OAYF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GACnC,cAAc,gBAAgB,EAC9B,mDAKG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,KACC,IAaF,CAAC"}

package/dist/utils/domUtils.js

@@ -0,0 +1,41 @@
+export const toElementArray = (singleOrArr) => {
+    if (singleOrArr === undefined) {
+        return [];
+    }
+    return Array.isArray(singleOrArr) ? singleOrArr : [singleOrArr];
+};
+export const appendAsChildren = (parent, children) => {
+    toElementArray(children).forEach((child) => {
+        parent.append(child);
+    });
+};
+export const toggleAttribute = (element, attributeName, force) => {
+    if (typeof element.toggleAttribute === 'function') {
+        return element.toggleAttribute(attributeName, force);
+    }
+    else {
+        if (element.hasAttribute(attributeName) || !force) {
+            element.removeAttribute(attributeName);
+            return false;
+        }
+        else {
+            element.setAttribute(attributeName, '');
+            return true;
+        }
+    }
+};
+export const applyStatefulInputProps = (inputElement, { value, defaultValue, checked, defaultChecked, }) => {
+    if (value !== undefined) {
+        inputElement.value = value;
+    }
+    if (defaultValue !== undefined) {
+        inputElement.defaultValue = defaultValue;
+    }
+    if (checked !== undefined) {
+        inputElement.checked = checked;
+    }
+    if (defaultChecked !== undefined) {
+        inputElement.defaultChecked = defaultChecked;
+    }
+};
+//# sourceMappingURL=domUtils.js.map

package/dist/utils/domUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domUtils.js","sourceRoot":"","sources":["../../src/utils/domUtils.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,cAAc,GAAG,CAC7B,WAAgC,EAC1B,EAAE;IACR,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC/B,OAAO,EAAE,CAAC;IACX,CAAC;IACD,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC/B,MAAe,EACf,QAAiC,EAC1B,EAAE;IACT,cAAc,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QAC1C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,OAAgB,EAChB,aAAqB,EACrB,KAAe,EACL,EAAE;IACZ,IAAI,OAAO,OAAO,CAAC,eAAe,KAAK,UAAU,EAAE,CAAC;QACnD,OAAO,OAAO,CAAC,eAAe,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC;SAAM,CAAC;QACP,IAAI,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACnD,OAAO,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;YACvC,OAAO,KAAK,CAAC;QACd,CAAC;aAAM,CAAC;YACP,OAAO,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;YACxC,OAAO,IAAI,CAAC;QACb,CAAC;IACF,CAAC;AACF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACtC,YAA8B,EAC9B,EACC,KAAK,EACL,YAAY,EACZ,OAAO,EACP,cAAc,GAMd,EACM,EAAE;IACT,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACzB,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IACD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAChC,YAAY,CAAC,YAAY,GAAG,YAAY,CAAC;IAC1C,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,CAAC;IACD,IAAI,cAAc,KAAK,SAAS,EAAE,CAAC;QAClC,YAAY,CAAC,cAAc,GAAG,cAAc,CAAC;IAC9C,CAAC;AACF,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,46 @@
+{
+	"name": "@ganpatiinfo/gids-web-dom-reference",
+	"version": "0.0.1",
+	"private": false,
+	"description": "DOM for components reference implementations",
+	"homepage": "https://ganpatiinfosystem.vercel.app/",
+	"type": "module",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"scripts": {
+		"clean": "del-cli dist/*",
+		"build": "tsc",
+		"release:manually": "npm run build && npm publish --access public"
+	},
+	"author": {
+		"name": "Ganpatiinfo Design System",
+		"email": "ganpatiinfosysystem0@gmail.com",
+		"url": "https://ganpatiinfosystem.vercel.app/"
+	},
+	"license": "MIT",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/ganpatiinfosystem/ganpatiinfo-design-system",
+		"directory": "packages/private/web-dom-reference"
+	},
+	"dependencies": {
+		"@ganpatiinfo/gids-core-shared": "0.0.1",
+		"@ganpatiinfo/gids-web-shared": "0.0.1"
+	},
+	"peerDependencies": {
+		"@jest/globals": "29.7.0",
+		"@types/jasmine": "5.1.7",
+		"expect": "29.7.0"
+	},
+	"peerDependenciesMeta": {
+		"@jest/globals": {
+			"optional": true
+		},
+		"expect": {
+			"optional": true
+		},
+		"@types/jasmine": {
+			"optional": true
+		}
+	}
+}

package/src/index.ts

@@ -0,0 +1,8 @@
+/**
+ * Referenced to DOM components
+ */
+
+/**
+ * Utilities
+ */
+export * from './utils/domUtils';

package/src/utils/domUtils.ts

@@ -0,0 +1,67 @@
+export type DomNodeOrString = Node | string;
+
+export type DomChildren = DomNodeOrString | DomNodeOrString[];
+
+export const toElementArray = <E extends DomNodeOrString = DomNodeOrString>(
+	singleOrArr: E | E[] | undefined,
+): E[] => {
+	if (singleOrArr === undefined) {
+		return [];
+	}
+	return Array.isArray(singleOrArr) ? singleOrArr : [singleOrArr];
+};
+
+export const appendAsChildren = (
+	parent: Element,
+	children: DomChildren | undefined,
+): void => {
+	toElementArray(children).forEach((child) => {
+		parent.append(child);
+	});
+};
+
+export const toggleAttribute = (
+	element: Element,
+	attributeName: string,
+	force?: boolean,
+): boolean => {
+	if (typeof element.toggleAttribute === 'function') {
+		return element.toggleAttribute(attributeName, force);
+	} else {
+		if (element.hasAttribute(attributeName) || !force) {
+			element.removeAttribute(attributeName);
+			return false;
+		} else {
+			element.setAttribute(attributeName, '');
+			return true;
+		}
+	}
+};
+
+export const applyStatefulInputProps = (
+	inputElement: HTMLInputElement,
+	{
+		value,
+		defaultValue,
+		checked,
+		defaultChecked,
+	}: {
+		value?: string;
+		defaultValue?: string;
+		checked?: boolean;
+		defaultChecked?: boolean;
+	},
+): void => {
+	if (value !== undefined) {
+		inputElement.value = value;
+	}
+	if (defaultValue !== undefined) {
+		inputElement.defaultValue = defaultValue;
+	}
+	if (checked !== undefined) {
+		inputElement.checked = checked;
+	}
+	if (defaultChecked !== undefined) {
+		inputElement.defaultChecked = defaultChecked;
+	}
+};

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+	"extends": "../../../tsconfig.web-lib.json",
+	"compilerOptions": {
+		"outDir": "dist"
+	},
+	"include": ["src"]
+}