@vixoniccom/aniversarios 0.0.1-beta.1 → 0.0.1-beta.3

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.0.1-beta.3](https://gitlab.com/mandomedio/vixonic/aniversarios/compare/v0.0.1-beta.2...v0.0.1-beta.3) (2022-06-08)
+
+### [0.0.1-beta.2](https://gitlab.com/mandomedio/vixonic/aniversarios/compare/v0.0.1-beta.1...v0.0.1-beta.2) (2022-06-06)
+
 ### [0.0.1-beta.1](https://gitlab.com/mandomedio/vixonic/aniversarios/compare/v0.0.1-beta.0...v0.0.1-beta.1) (2022-06-03)
 
 ### [0.0.1-beta.0](https://gitlab.com/mandomedio/vixonic/aniversarios/compare/v1.0.1-beta.4...v0.0.1-beta.0) (2022-06-03)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vixoniccom/aniversarios",
   "alias": "Aniversarios",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.3",
   "description": "Muestra el día que el trabajador está de aniversario en la empresa.",
   "main": "main.js",
   "author": "",

package/src/App.tsx

@@ -25,6 +25,7 @@ export const App = ({ data, start }: Props) => {
   const [dataState, setDataState] = useState(data)
   const [msj, setMsj] = useState<Msj>("");
   const { apiDomain, dataMode, excludePast } = configureState.parameters;
+  let updateTimer : any
 
   useEffect(() => {
     addConfiguration(data);
@@ -32,6 +33,11 @@ export const App = ({ data, start }: Props) => {
   }, [data]);
 
 
+  const setUpdateTime =() => {
+    clearTimeout(updateTimer)
+    updateTimer = setTimeout(getData, configureState.parameters.updateTime)
+  }
+
   useEffect(() => {
     if (apiDomain) getData();
     if (!apiDomain) setMsj("Missing google sheets");
@@ -62,6 +68,7 @@ export const App = ({ data, start }: Props) => {
         if (contractEmployees) {
           addEmployee(employee);
           setMsj("");
+          setUpdateTime()
         } else {
           setMsj("Ningún ingreso que mostrar");
         }

package/src/components/items-container/ItemsContainer.tsx

@@ -32,14 +32,14 @@ interface Animation {
 export const ItemsContainer = ({ animation, items, animate }: Props) => {
 
   const { configureState } = useContext(ConfigureContext)
-  const { containerColumns, containerRows, containerRowsGap } = configureState.parameters
+  const { containerColumns, containerRows, containerRowsGap, containerColumnsGap } = configureState.parameters
   const container = useRef<HTMLDivElement>(null)
   const [animations] = useState(new (require('./animation'))())
   let itemsCount = Number(containerColumns) * Number(containerRows)
-  let columns = Number(containerColumns) | 1
-  let rows = Number(containerRows) | 1
-  let rowsGap = Number(containerRowsGap) | 0
-  let columnsGap = 1
+  let columns = Number(containerColumns) || 1
+  let rows = Number(containerRows) || 1
+  let rowsGap = Number(containerRowsGap) || 0
+  let columnsGap = Number(containerColumnsGap) || 1
 
   const [show, setShow] = useState(false)
   const [item, setItem] = useState([])
@@ -49,12 +49,18 @@ export const ItemsContainer = ({ animation, items, animate }: Props) => {
   const configure = () => {
     animations.configure(animation)
     itemsCount = Number(containerColumns) * Number(containerRows)
-    columns = Number(containerColumns) | 1
-    rows = Number(containerRows) | 1
-    rowsGap = Number(containerRowsGap) | 0
+    columns = Number(containerColumns) || 1
+    rows = Number(containerRows) || 1
+    rowsGap = Number(containerRowsGap) || 0
+    columnsGap = Number(containerColumnsGap) || 1
+
     if (animate && stage === stages.idle) createItems(lastIndex, items)
   }
 
+  console.log(columns)
+  console.log(columnsGap)
+  console.log(rows)
+  console.log(rowsGap)
 
   useEffect(() => {
     configure()
@@ -95,9 +101,9 @@ export const ItemsContainer = ({ animation, items, animate }: Props) => {
         // Item alignment. By default is center - center.
         // alignment={alignment}
         // Setup item width based on columns count.
-        width={`${(100 - (columnsGap * (columns - 1))) / columns}%`}
+        width={`${(100 - ((columnsGap * (columns - 1)))) / columns}%`}
         // Setup item height based on rows count. If 0 set up on auto.
-        height={`${(100 - (rowsGap * (rows - 1))) / rows}%`}
+        height={`${(100 - ((rowsGap * (rows - 1)))) / rows}%`}
         // Setup horizontal gap
         horizontalGap={columnsGap}
         // Setup vertical gap

package/src/contex/configureContext/ConfigureProvider.tsx

@@ -17,6 +17,7 @@ const INITIAL_STATE: VixonicData = {
         containerColumns: "",
         containerRows: "",
         containerRowsGap: "",
+        containerColumnsGap:"",
         dataMode: "",
         dateAlignment: "center",
         dateDayFormat: { font: { filename: '', id: '' ,_isAsset: true }, fontSize: 55, alignment: { horizontal: "center" }, fontColor: "" ,  },

package/src/contex/configureContext/configureReducer.ts

@@ -19,6 +19,7 @@ export const anniversaryReducer = (state: VixonicData, action: ConfigureAction)
                     apiDomain: parameters.apiDomain,
                     backgroundImage: parameters.backgroundImage,
                     containerColumns: parameters.containerColumns,
+                    containerColumnsGap:parameters.containerColumnsGap,
                     containerRows: parameters.containerRows,
                     containerRowsGap: parameters.containerRowsGap,
                     dataMode: parameters.dataMode,

package/src/parameters.d.ts

@@ -19,6 +19,7 @@ declare type VixonicParameters = Partial<{
   containerColumns: string
   containerRows: string
   containerRowsGap: string
+  containerColumnsGap:string
   dataMode: string
   dateAlignment: keyof typeof alignment
   dateDayFormat: DateFormat