@julseb-lib/react 0.0.97 → 0.1.0

package/dist/index.umd.js

@@ -813,7 +813,7 @@ React keys must be passed directly to JSX without using spread:
     }
 `;_([o1]);const tl=({"data-testid":l,as:c,ref:e,children:a,gap:h="m",...d})=>t.jsx(o1,{"data-testid":l,ref:e,as:c,$gap:h,...d,children:a}),z1=s.div`
     ${o.Grid}
-`;_([z1]);const hl=({"data-testid":l,as:c,ref:e,children:a,inline:h,col:d=1,gap:i="0px",columnGap:r="0px",rowGap:f="0px",justifyItems:m="stretch",alignItems:z="stretch",justifyContent:p="auto",alignContent:M="normal",padding:v="0px",...g})=>t.jsx(z1,{"data-testid":l,ref:e,as:c,$inline:h,$col:d,$gap:i,$columnGap:r,$rowGap:f,$justifyItems:m,$alignItems:z,$justifyContent:p,$alignContent:M,$padding:v,...g,children:a}),p1=s.div`
+`;_([z1]);const hl=({"data-testid":l,as:c,ref:e,children:a,inline:h,col:d=1,gap:i,columnGap:r,rowGap:f,justifyItems:m="stretch",alignItems:z="stretch",justifyContent:p="auto",alignContent:M="normal",padding:v="0px",...g})=>t.jsx(z1,{"data-testid":l,ref:e,as:c,$inline:h,$col:d,$gap:i,$columnGap:r,$rowGap:f,$justifyItems:m,$alignItems:z,$justifyContent:p,$alignContent:M,$padding:v,...g,children:a}),p1=s.div`
     ${o.Flexbox}
 `;_([p1]);const r2=({"data-testid":l,as:c,ref:e,children:a,inline:h,flexDirection:d,flexWrap:i,justifyContent:r,alignItems:f,justifyItems:m,alignContent:z,gap:p,columnGap:M,rowGap:v,padding:g,...n})=>t.jsx(p1,{"data-testid":l,ref:e,as:c,$inline:h,$flexDirection:d,$flexWrap:i,$justifyContent:r,$alignItems:f,$justifyItems:m,$alignContent:z,$gap:p,$columnGap:M,$rowGap:v,$padding:g,...n,children:a}),v1=s(S6)`
     width: ${({$size:l})=>x.stringifyPx(l)};
@@ -4172,7 +4172,7 @@ React keys must be passed directly to JSX without using spread:
     &:disabled {
         cursor: not-allowed;
     }
-`;_([L6]);const ie=({"data-testid":l,ref:c,className:e,icon:a,iconSize:h,iconBaseUrl:d,iconClockSize:i=16,iconClock:r=t.jsx(Z3,{"data-testid":l&&`${l}.RightContainer.IconClock`,className:e&&"IconClock",size:i}),id:f,label:m,labelComment:z,helper:p,helperBottom:M,validation:v,inputBackground:g,inputVariant:n,containerStyle:y,inputAndListContainerStyle:u,listDirection:$,step:C="1h",minTime:R,maxTime:A,value:S,setValue:I,prefix:V,disabled:O,tabIndex:T,...J})=>{const F=!!(m||z||p||M||v),X=H.useRef(null);let Z=Object.keys(C==="30min"?Z2.halfHours:C==="15min"?Z2.quarterHours:C==="1min"?Z2.minutes:Z2.hours);R&&(Z=Z.splice(Z.indexOf(Z.find(Q=>Q===R)),Z.length-1)),A&&(Z=Z.splice(0,Z.indexOf(A)+1));const{isOpen:D,setIsOpen:W,cursor:q,listRef:a2}=w0({data:Z,value:S,setValue:I}),m2=()=>{D&&W(!1),W(!0)},j=()=>W(!0),P=()=>W(!1),c2=Q=>I(Q.target.value),t2=Q=>{I(Q),P()};return H2(a2,P),t.jsx(g2,{"data-testid":l,id:f,label:m,labelComment:z,helper:p,helperBottom:M,validation:v,value:S,className:e,iconBaseUrl:d,style:y,hasListOpen:D,counter:void 0,maxLength:void 0,children:t.jsxs(z0,{"data-testid":l,className:e,hasListOpen:D,isParent:!F,ref:X,inputAndListContainerStyle:u,children:[t.jsxs(Y2,{"data-testid":l,className:e,isTextArea:!1,inputBackground:g,inputVariant:n,validationStatus:v==null?void 0:v.status,hasListOpen:D,hasContainer:!0,children:[(a||V)&&t.jsxs(u2,{"data-testid":l,className:e,disabled:O,children:[V&&t.jsx(S2,{"data-testid":l,className:e,prefix:V,inputBackground:g}),a&&t.jsx(y2,{"data-testid":l,className:e,icon:a,iconSize:h,validationStatus:v==null?void 0:v.status,disabled:O,inputBackground:g,inputVariant:n,iconBaseUrl:d})]}),t.jsx(L6,{"data-testid":l&&`${l}.InputWrapper.InputTime`,className:e&&"InputTime",ref:c,onClick:m2,onFocus:j,tabIndex:T,value:S,onChange:c2,disabled:O,$disabled:O,$validationStatus:v==null?void 0:v.status,$inputBackground:g,$inputVariant:n,...J}),t.jsxs(b2,{"data-testid":l,className:e,disabled:O,withBorder:!1,withPadding:!0,children:[t.jsx(A2,{"data-testid":l,className:e,icon:r,iconSize:i,onClick:m2,"aria-label":"Calendar",disabled:O,inputBackground:g,validationStatus:v==null?void 0:v.status}),v&&t.jsx($2,{"data-testid":l,className:e,validation:v,inputBackground:g})]})]}),t.jsx(o0,{"data-testid":l,className:e,direction:$,inputBackground:g,inputVariant:n,validationStatus:v==null?void 0:v.status,isOpen:!!(S&&D),ref:a2,children:Z.map((Q,d2)=>t.jsx(U2,{"data-testid":l,className:e,validationStatus:v==null?void 0:v.status,inputBackground:g,onClick:()=>t2(Q),isActive:d2===q,isHovered:S===Q,children:Q},Q))})]})})},R6=({children:l,title:c,favicon:e,description:a,keywords:h,author:d,type:i,cover:r,siteName:f,language:m,url:z,email:p})=>t.jsxs(t.Fragment,{children:[t.jsx("title",{children:c}),t.jsx("meta",{httpEquiv:"Content-Type",content:"text/html;charset=UTF-8"}),t.jsx("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),t.jsx("meta",{name:"description",content:a}),t.jsx("link",{rel:"shortcut icon",href:e,type:"image/x-icon"}),t.jsx("link",{rel:"icon",href:e}),t.jsx("meta",{name:"author",content:d}),t.jsx("meta",{name:"keywords",content:h==null?void 0:h.join(",")}),t.jsx("meta",{name:"application-name",content:f}),t.jsx("meta",{name:"referrer",content:"origin"}),t.jsx("meta",{name:"creator",content:d}),t.jsx("meta",{name:"publisher",content:d}),t.jsx("meta",{name:"category",content:i}),t.jsx("meta",{property:"og:title",content:c}),t.jsx("meta",{property:"og:description",content:a}),t.jsx("meta",{property:"og:type",content:i}),t.jsx("meta",{property:"og:image",content:r}),t.jsx("meta",{property:"og:site_name",content:f}),t.jsx("meta",{property:"og:locale",content:m}),t.jsx("meta",{property:"og:url",content:z}),t.jsx("meta",{property:"og:site_name",content:f}),t.jsx("meta",{property:"og:locale",content:m}),t.jsx("meta",{property:"og:image",content:r}),t.jsx("meta",{property:"og:email",content:p}),t.jsx("meta",{property:"og:type",content:i}),t.jsx("meta",{name:"twitter:card",content:"summary"}),t.jsx("meta",{name:"twitter:site",content:z}),t.jsx("meta",{name:"twitter:creator",content:d}),t.jsx("meta",{name:"twitter:title",content:f}),t.jsx("meta",{name:"twitter:description",content:a}),t.jsx("meta",{name:"twitter:image",content:r}),l]}),j6=s.video`
+`;_([L6]);const ie=({"data-testid":l,ref:c,className:e,icon:a,iconSize:h,iconBaseUrl:d,iconClockSize:i=16,iconClock:r=t.jsx(Z3,{"data-testid":l&&`${l}.RightContainer.IconClock`,className:e&&"IconClock",size:i}),id:f,label:m,labelComment:z,helper:p,helperBottom:M,validation:v,inputBackground:g,inputVariant:n,containerStyle:y,inputAndListContainerStyle:u,listDirection:$,step:C="1h",minTime:R,maxTime:A,value:S,setValue:I,prefix:V,disabled:O,tabIndex:T,...J})=>{const F=!!(m||z||p||M||v),X=H.useRef(null);let Z=Object.keys(C==="30min"?Z2.halfHours:C==="15min"?Z2.quarterHours:C==="1min"?Z2.minutes:Z2.hours);R&&(Z=Z.splice(Z.indexOf(Z.find(Q=>Q===R)),Z.length-1)),A&&(Z=Z.splice(0,Z.indexOf(A)+1));const{isOpen:D,setIsOpen:W,cursor:q,listRef:a2}=w0({data:Z,value:S,setValue:I}),m2=()=>{D&&W(!1),W(!0)},j=()=>W(!0),P=()=>W(!1),c2=Q=>I(Q.target.value),t2=Q=>{I(Q),P()};return H2(a2,P),t.jsx(g2,{"data-testid":l,id:f,label:m,labelComment:z,helper:p,helperBottom:M,validation:v,value:S,className:e,iconBaseUrl:d,style:y,hasListOpen:D,counter:void 0,maxLength:void 0,children:t.jsxs(z0,{"data-testid":l,className:e,hasListOpen:D,isParent:!F,ref:X,inputAndListContainerStyle:u,children:[t.jsxs(Y2,{"data-testid":l,className:e,isTextArea:!1,inputBackground:g,inputVariant:n,validationStatus:v==null?void 0:v.status,hasListOpen:D,hasContainer:!0,children:[(a||V)&&t.jsxs(u2,{"data-testid":l,className:e,disabled:O,children:[V&&t.jsx(S2,{"data-testid":l,className:e,prefix:V,inputBackground:g}),a&&t.jsx(y2,{"data-testid":l,className:e,icon:a,iconSize:h,validationStatus:v==null?void 0:v.status,disabled:O,inputBackground:g,inputVariant:n,iconBaseUrl:d})]}),t.jsx(L6,{"data-testid":l&&`${l}.InputWrapper.InputTime`,className:e&&"InputTime",ref:c,onClick:m2,onFocus:j,tabIndex:T,value:S,onChange:c2,disabled:O,$disabled:O,$validationStatus:v==null?void 0:v.status,$inputBackground:g,$inputVariant:n,...J}),t.jsxs(b2,{"data-testid":l,className:e,disabled:O,withBorder:!1,withPadding:!0,children:[t.jsx(A2,{"data-testid":l,className:e,icon:r,iconSize:i,onClick:m2,"aria-label":"Calendar",disabled:O,inputBackground:g,validationStatus:v==null?void 0:v.status}),v&&t.jsx($2,{"data-testid":l,className:e,validation:v,inputBackground:g})]})]}),t.jsx(o0,{"data-testid":l,className:e,direction:$,inputBackground:g,inputVariant:n,validationStatus:v==null?void 0:v.status,isOpen:!!(S&&D),ref:a2,children:Z.map((Q,d2)=>t.jsx(U2,{"data-testid":l,className:e,validationStatus:v==null?void 0:v.status,inputBackground:g,onClick:()=>t2(Q),isActive:d2===q,isHovered:S===Q,children:Q},Q))})]})})},R6=({children:l,title:c,favicon:e,description:a,keywords:h,author:d,publisher:i=d,type:r,cover:f,siteName:m,language:z,url:p,email:M})=>t.jsxs(t.Fragment,{children:[t.jsx("title",{children:c}),t.jsx("meta",{property:"og:title",content:c}),t.jsx("meta",{httpEquiv:"Content-Type",content:"text/html;charset=UTF-8"}),t.jsx("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),t.jsx("meta",{name:"referrer",content:"origin"}),a&&t.jsxs(t.Fragment,{children:[t.jsx("meta",{name:"description",content:a}),t.jsx("meta",{property:"og:description",content:a}),t.jsx("meta",{name:"twitter:description",content:a})]}),e&&t.jsxs(t.Fragment,{children:[t.jsx("link",{rel:"shortcut icon",href:e,type:"image/x-icon"}),t.jsx("link",{rel:"icon",href:e})]}),d&&t.jsxs(t.Fragment,{children:[t.jsx("meta",{name:"author",content:d}),t.jsx("meta",{name:"creator",content:d}),t.jsx("meta",{name:"twitter:creator",content:d})]}),h&&t.jsx("meta",{name:"keywords",content:h==null?void 0:h.join(",")}),m&&t.jsxs(t.Fragment,{children:[t.jsx("meta",{name:"application-name",content:m}),t.jsx("meta",{property:"og:site_name",content:m}),t.jsx("meta",{property:"og:site_name",content:m}),t.jsx("meta",{name:"twitter:title",content:m})]}),i&&t.jsx("meta",{name:"publisher",content:i}),r&&t.jsxs(t.Fragment,{children:[t.jsx("meta",{name:"category",content:r}),t.jsx("meta",{property:"og:type",content:r})]}),f&&t.jsxs(t.Fragment,{children:[t.jsx("meta",{property:"og:image",content:f}),t.jsx("meta",{property:"og:image",content:f}),t.jsx("meta",{name:"twitter:image",content:f})]}),z&&t.jsx("meta",{property:"og:locale",content:z}),p&&t.jsxs(t.Fragment,{children:[t.jsx("meta",{property:"og:url",content:p}),t.jsx("meta",{name:"twitter:site",content:p})]}),M&&t.jsx("meta",{property:"og:email",content:M}),t.jsx("meta",{name:"twitter:card",content:"summary"}),l]}),j6=s.video`
     display: block;
     width: ${({$width:l})=>x.stringifyPx(l)};
     height: ${({$height:l})=>x.stringifyPx(l)};

package/dist/lib/components/Grid/Grid.tsx

@@ -32,40 +32,40 @@ import type { ILibGrid } from "./types"
  * </Grid>
  */
 export const Grid: FC<ILibGrid> = ({
-    "data-testid": testid,
-    as,
-    ref,
-    children,
-    inline,
-    col = 1,
-    gap = "0px",
-    columnGap = "0px",
-    rowGap = "0px",
-    justifyItems = "stretch",
-    alignItems = "stretch",
-    justifyContent = "auto",
-    alignContent = "normal",
-    padding = "0px",
-    ...rest
+	"data-testid": testid,
+	as,
+	ref,
+	children,
+	inline,
+	col = 1,
+	gap,
+	columnGap,
+	rowGap,
+	justifyItems = "stretch",
+	alignItems = "stretch",
+	justifyContent = "auto",
+	alignContent = "normal",
+	padding = "0px",
+	...rest
 }) => {
-    return (
-        <StyledGrid
-            data-testid={testid}
-            ref={ref}
-            as={as}
-            $inline={inline}
-            $col={col}
-            $gap={gap}
-            $columnGap={columnGap}
-            $rowGap={rowGap}
-            $justifyItems={justifyItems}
-            $alignItems={alignItems}
-            $justifyContent={justifyContent}
-            $alignContent={alignContent}
-            $padding={padding}
-            {...rest}
-        >
-            {children}
-        </StyledGrid>
-    )
+	return (
+		<StyledGrid
+			data-testid={testid}
+			ref={ref}
+			as={as}
+			$inline={inline}
+			$col={col}
+			$gap={gap}
+			$columnGap={columnGap}
+			$rowGap={rowGap}
+			$justifyItems={justifyItems}
+			$alignItems={alignItems}
+			$justifyContent={justifyContent}
+			$alignContent={alignContent}
+			$padding={padding}
+			{...rest}
+		>
+			{children}
+		</StyledGrid>
+	)
 }

package/dist/lib/components/Meta/Meta.tsx

@@ -12,6 +12,7 @@ import type { ILibMeta } from "./types"
  * @param {string} [props.description] - Meta description for SEO.
  * @param {string[]} [props.keywords] - Array of keywords for SEO.
  * @param {string} [props.author] - Author of the document.
+ * @param {string} [props.publisher] - Publisher of the document, default is author.
  * @param {string} [props.type] - Open Graph type (e.g., "website", "article").
  * @param {string} [props.cover] - Open Graph image URL.
  * @param {string} [props.siteName] - Open Graph site name.
@@ -43,6 +44,7 @@ export const Meta: FC<ILibMeta> = ({
 	description,
 	keywords,
 	author,
+	publisher = author,
 	type,
 	cover,
 	siteName,
@@ -53,42 +55,69 @@ export const Meta: FC<ILibMeta> = ({
 	return (
 		<>
 			<title>{title}</title>
+			<meta property="og:title" content={title} />
 			<meta httpEquiv="Content-Type" content="text/html;charset=UTF-8" />
 			<meta
 				name="viewport"
 				content="width=device-width, initial-scale=1.0"
 			/>
-			<meta name="description" content={description} />
-			<link rel="shortcut icon" href={favicon} type="image/x-icon" />
-			<link rel="icon" href={favicon} />
-			<meta name="author" content={author} />
-			<meta name="keywords" content={keywords?.join(",")} />
-
-			<meta name="application-name" content={siteName} />
 			<meta name="referrer" content="origin" />
-			<meta name="creator" content={author} />
-			<meta name="publisher" content={author} />
-			<meta name="category" content={type} />
-
-			<meta property="og:title" content={title} />
-			<meta property="og:description" content={description} />
-			<meta property="og:type" content={type} />
-			<meta property="og:image" content={cover} />
-			<meta property="og:site_name" content={siteName} />
-			<meta property="og:locale" content={language} />
-			<meta property="og:url" content={url} />
-			<meta property="og:site_name" content={siteName} />
-			<meta property="og:locale" content={language} />
-			<meta property="og:image" content={cover} />
-			<meta property="og:email" content={email} />
-			<meta property="og:type" content={type} />
-
+			{description && (
+				<>
+					<meta name="description" content={description} />
+					<meta property="og:description" content={description} />
+					<meta name="twitter:description" content={description} />
+				</>
+			)}
+			{favicon && (
+				<>
+					<link
+						rel="shortcut icon"
+						href={favicon}
+						type="image/x-icon"
+					/>
+					<link rel="icon" href={favicon} />
+				</>
+			)}
+			{author && (
+				<>
+					<meta name="author" content={author} />
+					<meta name="creator" content={author} />
+					<meta name="twitter:creator" content={author} />
+				</>
+			)}
+			{keywords && <meta name="keywords" content={keywords?.join(",")} />}
+			{siteName && (
+				<>
+					<meta name="application-name" content={siteName} />
+					<meta property="og:site_name" content={siteName} />
+					<meta property="og:site_name" content={siteName} />
+					<meta name="twitter:title" content={siteName} />
+				</>
+			)}
+			{publisher && <meta name="publisher" content={publisher} />}
+			{type && (
+				<>
+					<meta name="category" content={type} />
+					<meta property="og:type" content={type} />
+				</>
+			)}
+			{cover && (
+				<>
+					<meta property="og:image" content={cover} />
+					<meta property="og:image" content={cover} />
+					<meta name="twitter:image" content={cover} />
+				</>
+			)}
+			{language && <meta property="og:locale" content={language} />}
+			{url && (
+				<>
+					<meta property="og:url" content={url} />
+					<meta name="twitter:site" content={url} />
+				</>
+			)}
+			{email && <meta property="og:email" content={email} />}
 			<meta name="twitter:card" content="summary" />
-			<meta name="twitter:site" content={url} />
-			<meta name="twitter:creator" content={author} />
-			<meta name="twitter:title" content={siteName} />
-			<meta name="twitter:description" content={description} />
-			<meta name="twitter:image" content={cover} />
 
 			{children}
 		</>

package/dist/lib/components/Meta/types.ts

@@ -6,6 +6,7 @@ export interface ILibMeta {
 	description?: string
 	keywords?: Array<string>
 	author?: string
+	publisher?: string
 	type?: string
 	cover?: string
 	siteName?: string

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@julseb-lib/react",
-	"version": "0.0.97",
+	"version": "0.1.0",
 	"type": "module",
 	"license": "MIT",
 	"scripts": {