@dktunited-techoff/techoff-suite-ui 0.8.5 → 0.8.7

package/lib/layouts/Navigation/__stories__/Navigation.stories.mdx

@@ -1,46 +0,0 @@
-import React from 'react';
-import { ArgsTable, Canvas, Meta, Story } from '@storybook/blocks';
-import { Navigation } from '../Navigation';
-import { NavigationBreadcrumb, NavigationBreadcrumbItem } from '../NavigationBreadcrumb';
-import { NavigationActions } from '../NavigationActions';
-import { Button } from '../../../components/Button/Button';
-import { icons } from '../../../components/Icon/icons';
-
-<Meta title="Layouts/Navigation" />
-
-# Navigation
-
-Breadcrumbs are an important navigation component that shows content hierarchy. They allow users to be aware of their current location in the hierarchical structure of the application. Breadcrumbs enable users to quickly move up to a parent level. Moreover this navigation component allows user to make some actions.
-
-## Overview
-
-<Canvas>
-  <Story
-    name="Overview"
-    args={{
-      children: [
-        <NavigationBreadcrumb>
-          <NavigationBreadcrumbItem icon="home" onClick={() => {}}>
-            Home
-          </NavigationBreadcrumbItem>
-          <NavigationBreadcrumbItem onClick={() => {}}>Menu Item 1</NavigationBreadcrumbItem>
-          <NavigationBreadcrumbItem highlight>Menu Item 2</NavigationBreadcrumbItem>
-        </NavigationBreadcrumb>,
-        <NavigationActions>
-          <Button icon="check" onClick={() => {}}>
-            Action 1
-          </Button>
-          <Button icon="plus" onClick={() => {}}>
-            Action 2
-          </Button>
-        </NavigationActions>,
-      ],
-    }}
-  >
-    {args => <Navigation>{args.children}</Navigation>}
-  </Story>
-</Canvas>
-
-## Props
-
-<ArgsTable story="Overview" of={Navigation} />

package/lib/utils/string.utils.d.ts

@@ -1 +0,0 @@
-export declare const capitalize: (str: string) => string;

package/lib/utils/string.utils.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.capitalize = void 0;
-const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
-exports.capitalize = capitalize;
-//# sourceMappingURL=string.utils.js.map

package/lib/utils/string.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.utils.js","sourceRoot":"","sources":["../../src/utils/string.utils.ts"],"names":[],"mappings":";;;AAAO,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AAAvF,QAAA,UAAU,cAA6E"}

package/lib/utils/validator.utils.d.ts

@@ -1,2 +0,0 @@
-import { JSXElementConstructor, ReactElement, ReactNode, ReactPortal } from 'react';
-export declare const isSuiteElement: (element: string | number | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal, name: string) => boolean;

package/lib/utils/validator.utils.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSuiteElement = void 0;
-const react_1 = require("react");
-const isSuiteElement = (element, name) => {
-    return (0, react_1.isValidElement)(element) && typeof element.type === 'function' && element.type.name === name;
-};
-exports.isSuiteElement = isSuiteElement;
-//# sourceMappingURL=validator.utils.js.map

package/lib/utils/validator.utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validator.utils.js","sourceRoot":"","sources":["../../src/utils/validator.utils.ts"],"names":[],"mappings":";;;AAAA,iCAAoG;AAE7F,MAAM,cAAc,GAAG,CAC5B,OAAqH,EACrH,IAAY,EACZ,EAAE;IACF,OAAO,IAAA,sBAAc,EAAC,OAAO,CAAC,IAAI,OAAO,OAAO,CAAC,IAAI,KAAK,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC;AACrG,CAAC,CAAC;AALW,QAAA,cAAc,kBAKzB"}

package/src/components/Icon/icons/header-reparability.svg

@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 357.7 16.8" style="enable-background:new 0 0 357.7 16.8;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#152C47 !important;}
-	.st1{font-family:'Montserrat-Medium' !important;}
-	.st2{font-size:24px !important;}
-	.st3{font-family:'Roboto-Light' !important;}
-	.st4{font-size:11px !important;}
-	.st5{fill:#020203 !important;}
-	.st6{fill:#0D84C5 !important;}
-	.st7{fill:#FFFFFF !important;}
-</style>
-<text transform="matrix(1 0 0 1 -2.52 16.7998)" class="st0 st1 st2">REPAIRABILITY INDEX</text>
-<text transform="matrix(1 0 0 1 283.9413 16.7998)" class="st3 st4">BY</text>
-<path class="st5" d="M321,10.1c-0.5-0.6-1.3-0.9-2.2-0.9c-1.6,0-2.8,1.2-2.8,2.8s1.2,2.8,2.8,2.8c0.9,0,1.7-0.4,2.2-1.1l1.4,1.3
-	c-0.9,1.1-2.1,1.7-3.6,1.7c-2.8,0-4.8-2-4.8-4.8c0-2.8,2-4.8,4.8-4.8c1.4,0,2.7,0.5,3.6,1.5L321,10.1z"/>
-<polygon class="st5" points="307,7.5 312.9,7.5 312.9,9.3 309,9.3 309,11.2 312.4,11.2 312.4,13 309,13 309,15 312.9,15 312.9,16.8 
-	307,16.8 "/>
-<polygon class="st5" points="345.5,7.3 351,7.3 351,9.2 347.4,9.2 347.4,11.5 350.5,11.5 350.5,13.3 347.4,13.3 347.4,16.7 
-	345.5,16.7 "/>
-<polygon class="st5" points="352.1,7.3 357.7,7.3 357.7,9.2 354.1,9.2 354.1,11.5 357.2,11.5 357.2,13.3 354.1,13.3 354.1,16.7 
-	352.1,16.7 "/>
-<polygon class="st5" points="329.5,12.8 325.5,12.8 325.5,16.7 323.6,16.7 323.6,7.3 325.5,7.3 325.5,10.9 329.5,10.9 329.5,7.3 
-	331.5,7.3 331.5,16.7 329.5,16.7 "/>
-<polygon class="st5" points="298.8,7.5 305.9,7.5 305.9,9.4 303.4,9.4 303.4,16.8 301.4,16.8 301.4,9.4 298.8,9.4 "/>
-<polyline class="st5" points="331.9,8.6 333.7,5.8 335.7,5.8 333.9,8.6 331.9,8.6 "/>
-<path class="st5" d="M339.5,7.2c-2.8,0-4.8,2-4.8,4.8s2,4.8,4.8,4.8c2.8,0,4.8-2,4.8-4.8S342.3,7.2,339.5,7.2z"/>
-<polygon class="st6" points="335.4,12.2 341.5,8.6 341.5,15.7 "/>
-<polygon class="st7" points="339.4,16.8 339.3,13.4 336.5,15.2 "/>
-</svg>

package/src/layouts/Header/HeaderTitle.tsx

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-
-const svg =
-  '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	 viewBox="0 0 335 62.6" style="enable-background:new 0 0 335 62.6;" xml:space="preserve"><style type="text/css">	.st0{fill:#0883C4;}	.st1{fill:#FFFFFF;}</style><path d="M126.2,24.4c-3.1-3.3-7.4-5.3-12.4-5.3c-9.2,0-16,6.8-16,16.1c0,9.3,6.7,16.2,16,16.2c5.3,0,9.6-2.4,12.6-6l8.1,7.3	c-5.4,6.5-12.1,9.8-20.7,9.8C98,62.6,86.4,51,86.4,35.3C86.4,19.5,98,8,113.8,8c8.2,0,15.4,3,20.3,8.5L126.2,24.4z"/><polygon points="46.8,9.5 80.3,9.5 80.3,19.9 58,19.9 58,30.8 77.3,30.8 77.3,40.9 58,40.9 58,52.1 80.3,52.1 80.3,62.6 46.8,62.6 	"/><polygon points="265.4,8.7 297,8.7 297,19.2 276.6,19.2 276.6,32.6 294,32.6 294,42.8 276.6,42.8 276.6,61.8 265.4,61.8 "/><polygon points="303.4,8.7 335,8.7 335,19.2 314.6,19.2 314.6,32.6 332,32.6 332,42.8 314.6,42.8 314.6,61.8 303.4,61.8 "/><polygon points="174.5,40.1 152,40.1 152,61.8 140.8,61.8 140.8,8.7 152,8.7 152,29.2 174.5,29.2 174.5,8.7 185.7,8.7 185.7,61.8 	174.5,61.8 "/><polygon points="0,9.5 40.3,9.5 40.3,20.4 25.8,20.4 25.8,62.6 14.6,62.6 14.6,20.4 0,20.4 "/><polyline points="188.4,15.9 198.6,0 209.9,0 199.7,15.9 188.4,15.9 "/><path d="M231.7,8c-15.8,0-27.4,11.5-27.4,27.3c0,15.8,11.6,27.3,27.4,27.3c15.7,0,27.2-11.5,27.2-27.3C258.9,19.5,247.4,8,231.7,8z"	/><polygon class="st0" points="208,36.3 243.1,15.9 243,56.6 "/><polygon class="st1" points="231.1,56.7 230.6,37.4 214.2,47.6 "/></svg>';
-
-export const HeaderTitle = ({ children }: PropsWithChildren) => {
-  // #########
-  // Rendering
-  return (
-    <div className="header-title-container">
-      <div className="header-title">{children}</div>
-      <div className="header-by">BY</div>
-      <div className="header-techoff" dangerouslySetInnerHTML={{ __html: svg }} />
-    </div>
-  );
-};