@julseb-lib/react 0.0.97 → 0.0.99

package/dist/index.umd.js

@@ -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/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.0.99",
 	"type": "module",
 	"license": "MIT",
 	"scripts": {