siam-ui-utils 1.0.0

package/README.md

@@ -0,0 +1,23 @@
+# [Siam UI Utils]
+
+Compendio de librerias UI útiles para emplear en desarrollo colaborativo
+
+## Acerca de
+
+Siam-UI-Utils es un compendio de componentes para el desarrollo colaborativo. Actualmente se encuentra en una fase inicial, pero se irán incorporando nuevos componentes a medida que el producto evolucione.
+
+## Recursos
+
+- [Typescript](https://www.typescriptlang.org/)
+- [Vite](https://vitejs.dev/)
+
+## Ejemplos
+
+```js
+(TBD)
+```
+
+## Licencia
+
+Siam-UI-utils cumple con los términos de [MIT license](https://opensource.org/license/mit) para libre uso y distribución.
+

package/dist_browser/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CustomBootstrap"), exports);
+__exportStar(require("./CustomSelectInput"), exports);

package/dist_node/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CustomBootstrap"), exports);
+__exportStar(require("./CustomSelectInput"), exports);

package/index.d.ts

@@ -0,0 +1,107 @@
+declare module "siam-utils" {
+  //UTILS-CURRENCY
+  export function currencyToNumber(
+    currencyValue: string,
+    returnZero?: boolean
+  ): number;
+
+  export function fieldToCurrency(field: number): string;
+
+  export function fieldToNumber(field: string): number;
+
+  export function currencyToNumber(
+    currencyValue: string,
+    returnZero?: boolean
+  ): number;
+
+  export function currencyToPersistence(currencyValue: string): string;
+
+  //UTILS-DATES
+
+  export function fieldToDate(field: string): Date;
+
+  export function dateToPersistence(date: Date): string;
+
+  export function periodToPersistence(date: Date): string;
+
+  export function fieldToPersistence(field: string): string;
+
+  export function dateToDisplay(date: Date, format: string): string;
+
+  export function fieldToDisplay(field: string, format: string): string;
+
+  export function fieldPeriodoToDate(field: string): Date;
+
+  export function dateToDisplayPeriodo(date: Date): string;
+
+  export function dateToDisplayDiaMes(date: string): string;
+
+  export function dateToDisplayHoraMinuto(date: string): string;
+
+  export function fieldPeriodoToDisplay(field: string): string;
+
+  export function subtractDays(date: Date, days: number): Date;
+
+  export function addDays(date: Date, days: number): Date;
+
+  export function diffDateDays(firstDate: any, secondDate: any): number;
+
+  export function truncDate(date: Date): Date;
+
+  //UTILS-ERROR
+  export function errorMessage(error: {
+    message: any;
+    response: { data: { message: any; error: any } };
+  }): string;
+
+  //UTILS-NUMBER
+
+  export function numberToDisplay(
+    number: number,
+    fractionDigits: number
+  ): string;
+
+  export function numberToDisplayCurrency(number: number): string;
+
+  export function numberToPersistence(number: string): string | null;
+
+  export function numberToStringifyPersistence(number: number): string;
+
+  export function comprobanteToPersistence(comprobanteStr: string): string;
+
+  //UTILS-PERCENT
+
+  export function insertSimbol(
+    field: string,
+    simbol: string,
+    position?: string
+  ): string;
+
+  export function persistenceToDisplayPercent(
+    field: string,
+    position?: string
+  ): string;
+
+  //UTILS
+
+  export function mapOrder(array: any, order: any, key: any): any;
+
+  export function getDateWithFormat(): string;
+
+  export function getCurrentTime(): string;
+
+  export function idAyudaToKeyAyuda(idAyuda: string): any;
+
+  export const isLocalhost: boolean;
+
+  //UTILS-BOOLEAN
+
+  export function booleanToPersistence(valueBoolean: boolean): string;
+
+  export function persistenceToBoolean(valueChar: string): boolean;
+
+  //AUTH-HEADER
+  export function authHeader(): any;
+
+  export function getAuthUser(): any;
+}

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "siam-ui-utils",
+  "version": "1.0.0",
+  "keywords": [
+    "ampf-react",
+    "ampf-utils",
+    "siam-ui-utils"
+  ],
+  "author": "Ampf Development Team",
+  "license": "MIT",
+  "description": "Conjunto de librerias de componentes utiles para AMPF",
+  "main": "dist_node/index.js",
+  "browser": "dist_browser/index.js",
+  "types": "dist_browser/index",
+  "homepage": "https://github.com/ampfgit/siam-ui-utils#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ampfgit/siam-ui-utils"
+  },
+  "moduleResolution": "nodenext",
+  "scripts": {
+    "build-node": "npx tsc src/index.ts --outDir dist_node",
+    "build-browser": "npx tsc src/index.ts --outDir dist_browser",
+    "build": "npm run build-node & npm run build-browser",
+    "test": "vitest --clearScreen",
+    "test-without-stopping": "vitest --clearScreen --run",
+    "publish-npm": "npm run test-without-stopping & npm run build & npm publish"
+  },
+  "dependencies": {
+    "@types/react-intl": "^3.0.0",
+    "react": "^18.3.1",
+    "react-intl": "^6.6.8",
+    "react-select": "^5.8.0",
+    "reactstrap": "^9.2.2",
+    "source-map-loader": "^5.0.0",
+    "typescript": "^5.5.4"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.4",
+    "vitest": "^2.0.5"
+  }
+}

package/src/CustomBootstrap.tsx

@@ -0,0 +1,11 @@
+import { JSX } from 'react';
+import React = require('react');
+import { Col, ColProps } from 'reactstrap';
+
+const Colxx = (props: JSX.IntrinsicAttributes & JSX.IntrinsicClassAttributes<Col> & Readonly<ColProps>) => (
+  <Col {...props} widths={['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl']} />
+);
+const Separator = ({ className }: { className: string }) => (
+  <div className={`separator ${className}`} />
+);
+export { Colxx, Separator };

package/src/CustomSelectInput.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { components } from 'react-select';
+
+const CustomSelectInput = (props: any) => {
+  const customProps = { ...props };
+  delete customProps.autoCorrect;
+  delete customProps.autoCapitalize;
+  return <components.Input {...customProps} />;
+};
+
+export default CustomSelectInput;

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./CustomBootstrap";
+export * from "./CustomSelectInput"; 

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": false,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react",
+    "noFallthroughCasesInSwitch": true,
+  },
+  "include": [
+    "src",
+    "index.d.ts"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,9 @@
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+  },
+});