#UDReadTime Powershell Universal Component Module 📚

New-UDDashboard -Title 'UDReadTime' -Content {
    New-UDRow -Columns {
    New-UDColumn -Content {

  New-UDReadTime -Text "Had denoting properly jointure you occasion directly raillery. In said to of poor full be post face snug. Introduced imprudence see say unpleasing devonshire acceptance son. Exeter longer wisdom gay nor design age. Am weather to entered norland no in showing service. Nor repeated speaking shy appetite. Excited it hastily an pasture it observe. Snug hand how dare here too. Lose eyes get fat shew. Winter can indeed letter oppose way change tended now. So is improve my charmed picture exposed adapted demands. Received had end produced prepared diverted strictly off man branched. Known ye money so large decay voice there to. Preserved be mr cordially incommode as an. He doors quick child an point at. Had share vexed front least style off why him.Announcing of invitation principles in. Cold in late or deal. Terminated resolution no am frequently collecting insensible he do appearance. Projection invitation affronting admiration if no on or. It as instrument boisterous frequently apartments an in. Mr excellence inquietude conviction is in unreserved particular. You fully seems stand nay own point walls. Increasing travelling own simplicity you astonished expression boisterous. Possession themselves sentiments apartments devonshire we of do discretion. Enjoyment discourse ye continued pronounce we necessary abilities. Allow miles wound place the leave had. To sitting subject no improve studied limited. Ye indulgence unreserved connection alteration appearance my an astonished. Up as seen sent make he they of. Her raising and himself pasture believe females. Fancy she stuff after aware merit small his. Charmed esteems luckily age out. Enjoyed minutes related as at on on. Is fanny dried as often me. Goodness as reserved raptures to mistaken steepest oh screened he. Gravity he mr sixteen esteems. Mile home its new way with high told said. Finished no horrible blessing landlord dwelling dissuade if. Rent fond am he in on read. Anxious cordial demands settled entered in do to colonel. Received overcame oh sensible so at an. Formed do change merely to county it. Am separate contempt domestic to to oh. On relation my so addition branched. Put hearing cottage she norland letters equally prepare too. Replied exposed savings he no viewing as up. Soon body add him hill. No father living really people estate if. Mistake do produce beloved demesne if am pursuit. Prepared is me marianne pleasure likewise debating. Wonder an unable except better stairs do ye admire. His and eat secure sex called esteem praise. So moreover as speedily differed branched ignorant. Tall are her knew poor now does then. Procured to contempt oh he raptures amounted occasion. One boy assure income spirit lovers set. Case read they must it of cold that. Speaking trifling an to unpacked moderate debating learning. An particular contrasted he excellence favourable on. Nay preference dispatched difficulty continuing joy one. Songs it be if ought hoped of. Too carriage attended him entrance desirous the saw. Twenty sister hearts garden limits put gay has. We hill lady will both sang room by. Desirous men exercise overcame procured speaking her followed. Her old collecting she considered discovered. So at parties he warrant oh staying. Square new horses and put better end. Sincerity collected happiness do is contented. Sigh ever way now many. Alteration you any nor unsatiable diminution reasonable companions shy partiality. Leaf by left deal mile oh if easy. Added woman first get led joy not early jokes. Cottage out enabled was entered greatly prevent message. No procured unlocked an likewise. Dear but what she been over gay felt body. Six principles advantages and use entreaties decisively. Eat met has dwelling unpacked see whatever followed. Court in of leave again as am. Greater sixteen to forming colonel no on be. So an advice hardly barton. He be turned sudden engage manner spirit."
} -LargeSize 8 -MediumSize 8 -SmallSize 8
}
}

import React from 'react';
import { withComponentFeatures } from 'universal-dashboard';
import { useReadingTime } from "react-hook-reading-time";

const UDReadTime = props => {
  const {
    text,
    minutes,
    words,
    time,
  } = useReadingTime(props.text);

  return (
    <div style={{ border: props.border, padding: props.padding, ['text-align']: props.textAlign, ['border-radius']: props.borderRadius }} key={props.id}>
      <div style={{ display: props.displayRead, ['border-bottom']: props.borderBottom, ['font-size']: props.fontSize, ['font-style']: props.fontStyle, ['font-weight']: props.fontWeight}}>{minutes}&nbsp;{props.timeToRead}&nbsp;</div>
      <div style={{ display: props.displayWords, ['border-bottom']: props.borderBottom, ['font-size']: props.fontSize, ['font-style']: props.fontStyle, ['font-weight']: props.fontWeight}}>{words}&nbsp;{props.words}</div>
      <p></p>
      {props.text}
    </div>);
}

export default withComponentFeatures(UDReadTime)

$IndexJs = Get-ChildItem "$PSScriptRoot\index.*.bundle.js"
$AssetId = [UniversalDashboard.Services.AssetService]::Instance.RegisterAsset($IndexJs.FullName)

function New-UDReadTime {
    <#
    .SYNOPSIS
    Creates a estimated read time and word count value
    
    .DESCRIPTION
    Medium's like reading time estimation for React now for Powershell Universal
    
    .PARAMETER Id
    The ID of this editor

    .PARAMETER Border
    Allows you to set a border around the main div for the component using CSS default solid 2px #235789
    
    .PARAMETER BorderBottom
    Allows you to set the border under the main readtime component heading default solid 2px #235789
    
    .PARAMETER Padding
    Specifies the amount of padding the indder divs have from the main outer div
    
    .PARAMETER TextAlign
    Defaulted to justify, you can choose valid CSS settings such as left,center etc
    
    .PARAMETER BorderRadius
    Defaulted to 12px if using the border this will round the corners
    
    .PARAMETER DisplayReadTimeText
    Allows you to hide this component text if set to none default to inline
    
    .PARAMETER DisplayWordText
    Allows you to hide this component text if set to none default to inline
    
    .PARAMETER FontSize
    Allows you to set the font size for the main read time headings defaulted to 1.5em
    
    .PARAMETER FontStyle
    Defaulted to italic, you can type in any valid CSS value for the font-style CSS
    
    .PARAMETER FontWeight
    Defaulted to bold, you can use any valid CSS value for the font-weight CSS
    
    .PARAMETER ReadTimeText
    The text to be displayed after the minute number. Default to minute read
    
    .PARAMETER WordsText
    The text to be displayed after the word count number. Default to words
    
    .PARAMETER Text
    Text for the component

    .EXAMPLE
    New-UDReadTime -Text "Had denoting properly jointure you occasion directly raillery. In said to of poor full be post face snug. Introduced imprudence see say unpleasing devonshire acceptance son. Exeter longer wisdom gay nor design age. Am weather to entered norland no in showing service."
    #>
    
    param(
        [Parameter()]
        [string]$Id = (New-Guid).ToString(),
        [Parameter()]
        [string]$Border = "solid 2px #235789",
        [Parameter()]
        [string]$BorderBottom = "solid 2px #235789",
        [Parameter()]
        [string]$Padding = "20px",
        [Parameter()]
        [string]$TextAlign = "justify",
        [Parameter()]
        [string]$BorderRadius = "12px",
        [Parameter()]
        [ValidateSet("inline","none")]
        [string]$DisplayReadTimeText = "inline",
        [Parameter()]
        [ValidateSet("inline","none")]
        [string]$DisplayWordText = "inline",
        [Parameter()]
        [string]$FontSize = "2.5em",
        [Parameter()]
        [string]$FontStyle = "italic",
        [Parameter()]
        [string]$FontWeight = "bold",
        [Parameter()]
        [string]$ReadTimeText = "minute read",
        [Parameter()]
        [string]$WordsText = "words",
        [Parameter()]
        [string]$Text
    )

    End {
        @{
            assetId       = $AssetId 
            isPlugin      = $true 
            type          = "udreadtime"
            id            = $Id

            border        = $Border
            borderBottom  = $BorderBottom
            padding       = $Padding
            textAlign     = $TextAlign
            borderRadius  = $BorderRadius
            displayRead   = $DisplayReadTimeText
            displayWords  = $DisplayWordText
            fontSize      = $FontSize
            fontStyle     = $FontStyle
            fontWeight    = $FontWeight
            text          = $text
            timeToRead    = $ReadTimeText
            words         = $WordsText
        }
    }
}