datastake-daf 0.6.747 → 0.6.748

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.747",
+	"version": "0.6.748",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",

package/src/@daf/core/components/Dashboard/Widget/ActivityIndicators/ActivityIndicators.stories.js

@@ -0,0 +1,252 @@
+import ThemeLayout from "../../../ThemeLayout";
+import ActivityIndicators from "./index";
+import DashboardLayout from "../../DashboardLayout/index.jsx";
+import Widget from "../index.jsx";
+
+export default {
+	title: "Dashboard/Widgets/ActivityIndicators",
+	component: ActivityIndicators,
+	tags: ["autodocs"],
+	args: {
+		title: "Activity Indicators",
+	},
+	decorators: [
+		(Story) => (
+			<ThemeLayout>
+				<Story />
+			</ThemeLayout>
+		),
+	],
+};
+
+// Helper function to create translation function
+const t = (key) => {
+	const translations = {
+		"Activity Indicators": "Activity Indicators",
+		"Aid kit availability": "Aid kit availability",
+		"H&S training delivery": "H&S training delivery",
+		"Workers safe pairing": "Workers safe pairing",
+		"Children presence": "Children presence",
+		"Security presence": "Security presence",
+		"Relay presence": "Relay presence",
+	};
+	return translations[key] || key;
+};
+
+export const Primary = {
+	name: "ActivityIndicators - All States",
+	render: (args) => {
+		// Example: Simple config array - just icon, label, and type
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "compliant" },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "compliant" },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "notCompliant" },
+			{ icon: "User", label: "Children presence", type: "compliant" },
+			{ icon: "Lock", label: "Security presence", type: "empty" },
+			{ icon: "Refresh05", label: "Relay presence", type: "compliant" },
+		];
+		
+		return (
+			<ActivityIndicators
+				{...args}
+				config={config}
+			/>
+		);
+	},
+};
+
+export const AllCompliant = {
+	name: "All Compliant",
+	render: (args) => {
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "compliant" },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "compliant" },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "compliant" },
+			{ icon: "User", label: "Children presence", type: "compliant" },
+			{ icon: "Lock", label: "Security presence", type: "compliant" },
+			{ icon: "Refresh05", label: "Relay presence", type: "compliant" },
+		];
+		
+		return (
+			<ActivityIndicators
+				{...args}
+				config={config}
+			/>
+		);
+	},
+};
+
+export const FilterCompliant = {
+	name: "Filter - If Compliant",
+	render: (args) => {
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "compliant" },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "compliant" },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "notCompliant" },
+			{ icon: "User", label: "Children presence", type: "compliant" },
+			{ icon: "Lock", label: "Security presence", type: "empty" },
+			{ icon: "Refresh05", label: "Relay presence", type: "compliant" },
+		];
+		
+		return (
+			<ActivityIndicators
+				{...args}
+				config={config}
+				filterMode="compliant"
+			/>
+		);
+	},
+};
+
+export const FilterNotCompliant = {
+	name: "Filter - If Not Compliant",
+	render: (args) => {
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "compliant" },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "notCompliant" },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "notCompliant" },
+			{ icon: "User", label: "Children presence", type: "notCompliant" },
+			{ icon: "Lock", label: "Security presence", type: "notCompliant" },
+			{ icon: "Refresh05", label: "Relay presence", type: "compliant" },
+		];
+		
+		return (
+			<ActivityIndicators
+				{...args}
+				config={config}
+				filterMode="notCompliant"
+			/>
+		);
+	},
+};
+
+export const EmptyState = {
+	name: "Empty State - Information Not Provided",
+	render: (args) => {
+		const handleRemove = (field) => {
+			console.log(`Remove ${field}`);
+		};
+		
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "empty", onClick: () => handleRemove("aidKitAvailability") },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "empty", onClick: () => handleRemove("hsTrainingDelivery") },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "empty", onClick: () => handleRemove("workersSafePairing") },
+			{ icon: "User", label: "Children presence", type: "empty", onClick: () => handleRemove("childrenPresence") },
+			{ icon: "Lock", label: "Security presence", type: "empty", onClick: () => handleRemove("securityPresence") },
+			{ icon: "Refresh05", label: "Relay presence", type: "empty", onClick: () => handleRemove("relayPresence") },
+		];
+		
+		return (
+			<ActivityIndicators
+				{...args}
+				config={config}
+				filterMode="empty"
+			/>
+		);
+	},
+};
+
+export const MixedStates = {
+	name: "Mixed States",
+	render: (args) => {
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "compliant" },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "notCompliant" },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "empty" },
+			{ icon: "User", label: "Children presence", type: "compliant" },
+			{ icon: "Lock", label: "Security presence", type: "compliant" },
+			{ icon: "Refresh05", label: "Relay presence", type: "empty" },
+		];
+		
+		return (
+			<ActivityIndicators
+				{...args}
+				config={config}
+			/>
+		);
+	},
+};
+
+export const InDashboard = {
+	name: "In Dashboard Layout",
+	render: (args) => {
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "compliant" },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "compliant" },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "notCompliant" },
+			{ icon: "User", label: "Children presence", type: "compliant" },
+			{ icon: "Lock", label: "Security presence", type: "empty" },
+			{ icon: "Refresh05", label: "Relay presence", type: "compliant" },
+		];
+		
+		return (
+			<DashboardLayout>
+				<section>
+					<Widget>
+						<div
+							style={{
+								height: "500px",
+								backgroundColor: "#f0f0f0",
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "center",
+							}}
+						>
+							Placeholder
+						</div>
+					</Widget>
+					<ActivityIndicators {...args} config={config} />
+				</section>
+			</DashboardLayout>
+		);
+	},
+};
+
+export const SmallContent = {
+	name: "Small Content",
+	args: {
+		className: "small-content",
+	},
+	render: (args) => {
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "compliant" },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "compliant" },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "notCompliant" },
+			{ icon: "User", label: "Children presence", type: "compliant" },
+			{ icon: "Lock", label: "Security presence", type: "empty" },
+			{ icon: "Refresh05", label: "Relay presence", type: "compliant" },
+		];
+		
+		return (
+			<ActivityIndicators
+				{...args}
+				config={config}
+			/>
+		);
+	},
+};
+
+export const NoMinWidth = {
+	name: "No Min Width",
+	args: {
+		noMinWidth: true,
+		className: "small-content",
+	},
+	render: (args) => {
+		const config = [
+			{ icon: "Package", label: "Aid kit availability", type: "compliant" },
+			{ icon: "SchoolHat", label: "H&S training delivery", type: "compliant" },
+			{ icon: "UsersCheck", label: "Workers safe pairing", type: "notCompliant" },
+			{ icon: "User", label: "Children presence", type: "compliant" },
+			{ icon: "Lock", label: "Security presence", type: "empty" },
+			{ icon: "Refresh05", label: "Relay presence", type: "compliant" },
+		];
+		
+		return (
+			<ActivityIndicators
+				{...args}
+				config={config}
+			/>
+		);
+	},
+};

package/src/@daf/core/components/Dashboard/Widget/ActivityIndicators/config.js

@@ -0,0 +1,76 @@
+/**
+ * Example helper function to create activity indicators config
+ * 
+ * This is just an example - you can create your own config array directly.
+ * Each config item should have:
+ * - icon: string - Icon name for CustomIcon component
+ * - label: string - Display text
+ * - type: "empty" | "compliant" | "notCompliant" - determines which badge to show
+ * - onClick: function (optional) - Callback for empty type indicators
+ * 
+ * @example
+ * const config = [
+ *   { icon: "Package", label: "Aid kit availability", type: "compliant" },
+ *   { icon: "SchoolHat", label: "H&S training delivery", type: "notCompliant" },
+ *   { icon: "UsersCheck", label: "Workers safe pairing", type: "empty", onClick: () => console.log("remove") },
+ * ];
+ */
+export const getActivityIndicatorsConfig = ({ t, data = {}, onRemove }) => {
+	// Helper to map data value to type
+	const getType = (value) => {
+		if (value === true) return "compliant";
+		if (value === false) return "notCompliant";
+		if (value === null || value === undefined) return "empty";
+		return "empty"; // default
+	};
+
+	// Helper to create onClick for empty type
+	const getOnClick = (field) => {
+		if (onRemove && (data?.[field] === null || data?.[field] === undefined)) {
+			return () => onRemove(field);
+		}
+		return undefined;
+	};
+
+	return [
+		{
+			icon: "Package",
+			label: t("Aid kit availability"),
+			type: getType(data?.aidKitAvailability),
+			onClick: getOnClick("aidKitAvailability"),
+		},
+		{
+			icon: "SchoolHat",
+			label: t("H&S training delivery"),
+			type: getType(data?.hsTrainingDelivery),
+			onClick: getOnClick("hsTrainingDelivery"),
+		},
+		{
+			icon: "UsersCheck",
+			label: t("Workers safe pairing"),
+			type: getType(data?.workersSafePairing),
+			onClick: getOnClick("workersSafePairing"),
+		},
+		{
+			icon: "User",
+			label: t("Children presence"),
+			// Special rule: Children presence is compliant if answered 'no', not compliant if answered 'yes'
+			type: data?.childrenPresence === true ? "notCompliant" : 
+			      data?.childrenPresence === false ? "compliant" : 
+			      "empty",
+			onClick: getOnClick("childrenPresence"),
+		},
+		{
+			icon: "Lock",
+			label: t("Security presence"),
+			type: getType(data?.securityPresence),
+			onClick: getOnClick("securityPresence"),
+		},
+		{
+			icon: "Refresh05",
+			label: t("Relay presence"),
+			type: getType(data?.relayPresence),
+			onClick: getOnClick("relayPresence"),
+		},
+	];
+};

package/src/@daf/core/components/Dashboard/Widget/ActivityIndicators/index.jsx

@@ -0,0 +1,184 @@
+import React from "react";
+import Style, { NoMinWidth } from "./style";
+import Widget from "../index.jsx";
+import { formatClassname } from "../../../../../../helpers/ClassesHelper";
+import { Tooltip } from "antd";
+import CustomIcon from "../../../Icon/CustomIcon.jsx";
+import styled from "styled-components";
+
+/**
+ * ActivityIndicatorsWidget Component
+ * 
+ * Displays activity indicators in a 2-column grid layout with status badges.
+ * 
+ * @param {Function} t - Translation function (default: identity function)
+ * @param {string} className - Additional CSS classes
+ * @param {Array} config - Array of indicator config objects: { icon, label, type, onClick?, statusIcon? }
+ *   - icon: Icon name for CustomIcon component (left side icon)
+ *   - label: Display text for the indicator
+ *   - type: "empty" | "compliant" | "notCompliant" - determines which badge to show
+ *   - onClick: Optional callback for empty type indicators (for remove functionality)
+ *   - statusIcon: Optional custom icon name for status badge (overrides default Check/Close icons)
+ * @param {boolean} loading - Loading state
+ * @param {string} widgetClassName - Additional CSS classes for widget wrapper
+ * @param {boolean} withTooltip - Show tooltips on labels
+ * @param {string} title - Widget title (default: "Activity Indicators")
+ * @param {boolean} noMinWidth - Remove minimum width constraint
+ * @param {ReactNode} children - Additional content to render
+ * @param {boolean} noTitle - Hide the widget title
+ * @param {string} filterMode - Filter indicators by type: "all" | "compliant" | "notCompliant" | "empty"
+ */
+export default function ActivityIndicatorsWidget({
+	t = (s) => s,
+	className,
+	config = [],
+	loading = false,
+	widgetClassName,
+	withTooltip = false,
+	title = "Activity Indicators",
+	noMinWidth = false,
+	children,
+	noTitle = false,
+	filterMode = "all", // "all" | "compliant" | "notCompliant" | "empty"
+}) {
+	// Filter indicators based on filterMode
+	const filteredConfig = React.useMemo(() => {
+		if (filterMode === "all") return config;
+		return config.filter((c) => c.type === filterMode);
+	}, [config, filterMode]);
+
+	const component = (
+		<Widget
+			loading={loading}
+			className={formatClassname(["flex-1 with-border-header h-w-btn-header no-p-body", widgetClassName])}
+			title={noTitle ? undefined : t(title)}
+			noTitle={noTitle}
+		>
+			{children}
+			<Style className={formatClassname(["activity-indicators-grid", className])}>
+				{filteredConfig.map((c, i) => (
+					<div className="indicator-item" key={`activity-indicator-${i}`}>
+						<div className="indicator-content">
+							{c.icon && (
+								<div className="indicator-icon">
+									<CustomIcon
+										name={c.icon}
+										width={20}
+										height={20}
+										fill="none"
+										color="#00AEB1"
+									/>
+								</div>
+							)}
+							<Label label={c.label} withTooltip={withTooltip} />
+						</div>
+						<div className="indicator-status">
+							{renderStatus(c)}
+						</div>
+
+					</div>
+
+				))}
+			</Style>
+		</Widget>
+	);
+
+	if (noMinWidth) {
+		return <NoMinWidth>{component}</NoMinWidth>;
+	}
+	return component;
+}
+
+function Label({ label, withTooltip }) {
+	if (withTooltip) {
+		return (
+			<Tooltip title={label} placement="topLeft">
+				<h4>{label}</h4>
+			</Tooltip>
+		);
+	}
+	return <h4>{label}</h4>;
+}
+
+/**
+ * Renders the status badge based on the indicator type
+ * 
+ * @param {Object} configItem - Indicator config object with type and optional onClick
+ * @param {string} configItem.type - "empty" | "compliant" | "notCompliant"
+ * @param {Function} configItem.onClick - Optional callback for empty type
+ * @param {string} configItem.statusIcon - Optional custom icon name for status badge (overrides default)
+ */
+function renderStatus(configItem) {
+	const { type, onClick, statusIcon } = configItem;
+
+	switch (type) {
+		case "empty":
+			return (
+				<StatusBadge className="status-badge empty border">
+					<CustomIcon name="Minus" width={12} height={12} color="#6C737F" />
+				</StatusBadge>
+
+			);
+
+		case "compliant":
+			return (
+				<StatusBadge className="status-badge compliant border">
+					<CustomIcon
+						name={statusIcon || "Check"}
+						width={14}
+						height={14}
+						color="#12B76A"
+					/>
+				</StatusBadge>
+			);
+
+		case "notCompliant":
+			return (
+				<StatusBadge className="status-badge not-compliant border">
+					<CustomIcon
+						name={statusIcon || "Close"}
+						width={14}
+						height={14}
+						color="#D92D20"
+					/>
+				</StatusBadge>
+			);
+
+		default:
+			// Fallback to neutral state if type is not recognized
+			return (
+				<StatusBadge className="status-badge neutral border">
+					<span className="dash">—</span>
+				</StatusBadge>
+			);
+	}
+}
+
+const StatusBadge = styled.div`
+	width: 24px;
+	height: 24px;
+	border-radius: 50%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-shrink: 0;
+
+	&.compliant {
+		background-color: #ECFDF3;
+		border: 1px solid #A7F3D0;
+	}
+
+	&.not-compliant {
+		background-color: #FEF3F2;
+		border: 1px solid #FECACA;
+	}
+
+	&.empty {
+		background-color: #F9FAFB;
+		border: 1px solid #E5E7EB;
+	}
+`;
+
+
+
+ActivityIndicatorsWidget.displayName = "ActivityIndicatorsWidget";

package/src/@daf/core/components/Dashboard/Widget/ActivityIndicators/style.js

@@ -0,0 +1,119 @@
+import styled from "styled-components";
+import { MOBILE_WIDTH } from "../../../../../../constants/Style.js";
+
+const Style = styled.div`
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 0;
+	
+	@media (${MOBILE_WIDTH}) {
+		grid-template-columns: 1fr;
+	}
+
+	.indicator-item {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		padding: var(--size-lg) var(--size-lg);
+		position: relative;
+		
+		/* Remove any vertical borders */
+		border-right: none;
+		border-left: none;
+		border-bottom: none;
+		
+		/* Add separator line for each item (except items in the last row) */
+		/* Items 1-4 (rows 1 and 2) get separator, items 5-6 (last row) don't */
+		&:nth-child(1),
+		&:nth-child(2),
+		&:nth-child(3),
+		&:nth-child(4) {
+			&::after {
+				content: '';
+				position: absolute;
+				bottom: 0;
+				left: var(--size-lg);
+				right: var(--size-lg);
+				height: 1px;
+				background-color: var(--border-color, #E5E7EB);
+			}
+		}
+
+		@media (${MOBILE_WIDTH}) {
+			/* On mobile, all items except last get separator */
+			&:not(:last-child) {
+				&::after {
+					content: '';
+					position: absolute;
+					bottom: 0;
+					left: var(--size-lg);
+					right: var(--size-lg);
+					height: 1px;
+					background-color: var(--border-color, #E5E7EB);
+				}
+			}
+			
+			&:last-child::after {
+				display: none;
+			}
+		}
+
+		.indicator-content {
+			display: flex;
+			align-items: center;
+			gap: var(--size);
+			flex: 1;
+		}
+
+		.indicator-icon {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-shrink: 0;
+		}
+
+		h4 {
+			font-size: 14px;
+			font-weight: 500;
+			color: var(--base-gray-70);
+			margin: 0;
+		}
+
+		.indicator-status {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			margin-left: var(--size);
+
+			&.border {
+				border: 2px solid #000000;
+				border-radius: 50%;
+			}
+		}
+	}
+
+	&.small-content {
+		.indicator-item {
+			h4 {
+				font-size: 13px;
+			}
+		}
+	}
+`;
+
+export const NoMinWidth = styled.div`
+	.indicator-item {
+		min-width: 0px !important;
+		overflow: hidden !important;
+
+		h4 {
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+			display: block;
+			max-width: 100%;
+		}
+	}
+`;
+
+export default Style;

package/src/@daf/core/components/Icon/configs/Aid.js

@@ -0,0 +1,10 @@
+
+const config = {
+    viewBox: '0 0 19 19',
+    children: (<>
+        <path d="M9.08333 17.4167C13.6857 17.4167 17.4167 13.6857 17.4167 9.08333C17.4167 4.48096 13.6857 0.75 9.08333 0.75C4.48096 0.75 0.75 4.48096 0.75 9.08333C0.75 13.6857 4.48096 17.4167 9.08333 17.4167Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        <path d="M10.6111 5.16667C10.6111 4.93331 10.6111 4.81663 10.5657 4.7275C10.5258 4.6491 10.462 4.58536 10.3836 4.54541C10.2945 4.5 10.1778 4.5 9.94444 4.5H8.22222C7.98887 4.5 7.87219 4.5 7.78306 4.54541C7.70466 4.58536 7.64092 4.6491 7.60097 4.7275C7.55556 4.81663 7.55556 4.93331 7.55556 5.16667V6.88889C7.55556 7.12224 7.55556 7.23892 7.51014 7.32805C7.47019 7.40645 7.40645 7.47019 7.32805 7.51014C7.23892 7.55556 7.12224 7.55555 6.88889 7.55555H5.16667C4.93331 7.55555 4.81663 7.55555 4.7275 7.60097C4.6491 7.64092 4.58536 7.70466 4.54541 7.78306C4.5 7.87219 4.5 7.98887 4.5 8.22222V9.94444C4.5 10.1778 4.5 10.2945 4.54541 10.3836C4.58536 10.462 4.6491 10.5258 4.7275 10.5657C4.81663 10.6111 4.93331 10.6111 5.16667 10.6111H6.88889C7.12224 10.6111 7.23892 10.6111 7.32805 10.6565C7.40645 10.6965 7.47019 10.7602 7.51014 10.8386C7.55556 10.9277 7.55556 11.0444 7.55556 11.2778V13C7.55556 13.2334 7.55556 13.35 7.60097 13.4392C7.64092 13.5176 7.70466 13.5813 7.78306 13.6213C7.87219 13.6667 7.98887 13.6667 8.22222 13.6667H9.94444C10.1778 13.6667 10.2945 13.6667 10.3836 13.6213C10.462 13.5813 10.5258 13.5176 10.5657 13.4392C10.6111 13.35 10.6111 13.2334 10.6111 13V11.2778C10.6111 11.0444 10.6111 10.9277 10.6565 10.8386C10.6965 10.7602 10.7602 10.6965 10.8386 10.6565C10.9277 10.6111 11.0444 10.6111 11.2778 10.6111H13C13.2334 10.6111 13.35 10.6111 13.4392 10.5657C13.5176 10.5258 13.5813 10.462 13.6213 10.3836C13.6667 10.2945 13.6667 10.1778 13.6667 9.94444V8.22222C13.6667 7.98887 13.6667 7.87219 13.6213 7.78306C13.5813 7.70466 13.5176 7.64092 13.4392 7.60097C13.35 7.55556 13.2334 7.55556 13 7.55556H11.2778C11.0444 7.55556 10.9277 7.55556 10.8386 7.51014C10.7602 7.47019 10.6965 7.40645 10.6565 7.32805C10.6111 7.23892 10.6111 7.12224 10.6111 6.88889V5.16667Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </>),
+}
+
+export default config;

package/src/@daf/core/components/Icon/configs/Bear.js

@@ -0,0 +1,8 @@
+const config = {
+    viewBox: "0 0 17 20",
+    children: (<>
+        <path d="M3.46773 8.5735C3.65759 8.95633 3.89137 9.31352 4.16249 9.63848C4.42785 9.95654 4.72897 10.2437 5.05968 10.4938M3.46773 8.5735C3.10842 7.84897 2.90642 7.03259 2.90642 6.16903C2.90642 3.17618 5.33261 0.75 8.32545 0.75C11.3183 0.75 13.7445 3.17618 13.7445 6.16903C13.7445 9.16188 11.3183 11.5881 8.32545 11.5881C7.09906 11.5881 5.96782 11.1807 5.05968 10.4938M3.46773 8.5735C2.1805 9.23585 1.12712 10.6805 0.832403 12.495C0.77975 12.8191 0.752961 13.14 0.750244 13.4542L0.753152 13.526C0.753152 14.664 1.51958 16.6207 2.55727 16.9305M5.05968 10.4938L4.27015 13.4435M5.09557 1.81194C4.74058 1.59365 4.32269 1.46775 3.87539 1.46775C2.58708 1.46775 1.54269 2.51214 1.54269 3.80045C1.54269 4.74305 2.10178 5.55507 2.90642 5.923M11.5912 1.81194C11.9462 1.59365 12.3641 1.46775 12.8114 1.46775C14.0997 1.46775 15.1441 2.51214 15.1441 3.80045C15.1441 4.74305 14.585 5.55507 13.7804 5.923M14.3905 15.8897C14.3905 17.2771 13.2657 18.4019 11.8783 18.4019C10.4909 18.4019 9.3662 17.2771 9.3662 15.8897C9.3662 14.5023 10.4909 13.3776 11.8783 13.3776C13.2657 13.3776 14.3905 14.5023 14.3905 15.8897ZM14.3905 15.8897C14.3905 14.6999 13.5273 13.6951 12.4166 13.4354L11.5912 10.4938C11.9219 10.2437 12.223 9.95655 12.4884 9.6385C12.7595 9.31354 13.0094 8.92353 13.1993 8.5407C14.4865 9.20304 15.5534 10.6805 15.8481 12.495C15.9007 12.8191 15.9275 13.14 15.9302 13.4542L15.9273 13.526C15.9273 14.664 15.2031 16.6207 14.1654 16.9305C14.3099 16.6134 14.3905 16.2609 14.3905 15.8897ZM5.84921 18.1939C6.6542 18.3306 7.48151 18.4019 8.32545 18.4019C9.1694 18.4019 9.99671 18.3306 10.8017 18.1939M4.27015 13.4435C3.15944 13.7032 2.33222 14.6999 2.33222 15.8897C2.33222 16.2609 2.41274 16.6134 2.55727 16.9305M4.27015 13.4435C4.45457 13.4004 4.6468 13.3776 4.84436 13.3776C6.23177 13.3776 7.35649 14.5023 7.35649 15.8897C7.35649 17.2771 6.23177 18.4019 4.84436 18.4019C3.82817 18.4019 2.9529 17.7985 2.55727 16.9305" stroke="currentColor" strokeWidth="1.5" />
+    </>),
+}
+
+export default config;

package/src/@daf/core/components/Icon/configs/Minus.js

@@ -0,0 +1,10 @@
+const config = {
+    viewBox: "0 0 10 2",
+    children: (
+        <path d="M0.875 0.875H9.04167" stroke="#6C737F" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round"/>
+
+    ),
+  }
+  
+  export default config;
+  

package/src/@daf/core/components/Icon/configs/Security.js

@@ -0,0 +1,12 @@
+
+
+const config = {
+    viewBox: '0 0 15 18',
+    children: (<>
+       <path d="M7.41691 1.11V16.9433M14.0836 9.02667C14.0836 13.117 9.62194 16.092 7.99857 17.0391C7.81408 17.1467 7.72183 17.2005 7.59164 17.2284C7.49061 17.2501 7.34321 17.2501 7.24218 17.2284C7.11199 17.2005 7.01974 17.1467 6.83525 17.0391C5.21188 16.092 0.750244 13.117 0.750244 9.02667V5.04133C0.750244 4.37507 0.750244 4.04194 0.859211 3.75559C0.955473 3.50262 1.1119 3.2769 1.31496 3.09794C1.54482 2.89537 1.85674 2.7784 2.48058 2.54446L6.94875 0.868895C7.12199 0.803927 7.20862 0.771444 7.29773 0.758566C7.37677 0.747145 7.45705 0.747145 7.53609 0.758566C7.62521 0.771444 7.71183 0.803927 7.88507 0.868895L12.3532 2.54446C12.9771 2.7784 13.289 2.89537 13.5189 3.09794C13.7219 3.2769 13.8783 3.50262 13.9746 3.75559C14.0836 4.04194 14.0836 4.37507 14.0836 5.04133V9.02667Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
+    </>),
+}
+
+export default config;
+
+