design-react-kit 5.2.0 → 5.4.0

package/dist/Timeline/TimelinePin.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import classNames from 'classnames';
 import { Icon } from '../Icon/Icon';
-export const TimelinePin = ({ iconName = 'it-code-circle', icon = 'it-code-circle', label = ' ', past, now, nowText, testId, className, ...attributes }) => {
+export const TimelinePin = ({ iconName = 'it-code-circle', icon = 'it-code-circle', iconTitle = '', label = ' ', past, now, nowText, testId, className, tag = 'h3', ...attributes }) => {
     const { children, ...rest } = attributes;
     const classes = classNames('timeline-element', className);
     const innerClasses = classNames('it-pin-wrapper', className, {
@@ -9,13 +9,14 @@ export const TimelinePin = ({ iconName = 'it-code-circle', icon = 'it-code-circl
         'it-now': now
     });
     const pinIcon = (React.createElement("div", { className: 'pin-icon' },
-        React.createElement(Icon, { icon: iconName || icon })));
+        React.createElement(Icon, { icon: iconName || icon, role: "img", title: iconTitle })));
     const pinLabel = (React.createElement("div", { className: 'pin-text' },
         React.createElement("span", null, label)));
     const pinTextNow = now && React.createElement("span", { className: 'it-now-label d-none d-lg-flex' }, nowText);
+    const Tag = tag;
     return (React.createElement("div", { className: classes, "data-testid": testId },
         pinTextNow,
-        React.createElement("div", { className: innerClasses, ...rest },
+        React.createElement(Tag, { className: innerClasses, ...rest },
             pinIcon,
             pinLabel),
         children));

package/dist/Timeline/TimelinePin.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelinePin.js","sourceRoot":"","sources":["../../src/Timeline/TimelinePin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAuBpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,QAAQ,GAAG,gBAAgB,EAC3B,IAAI,GAAG,gBAAgB,EACvB,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC3D,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,GAAG;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,CACd,6BAAK,SAAS,EAAC,UAAU;QACvB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,IAAI,GAAI,CAC5B,CACP,CAAC;IACF,MAAM,QAAQ,GAAG,CACf,6BAAK,SAAS,EAAC,UAAU;QACvB,kCAAO,KAAK,CAAQ,CAChB,CACP,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,IAAI,8BAAM,SAAS,EAAC,+BAA+B,IAAE,OAAO,CAAQ,CAAC;IAE3F,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,iBAAe,MAAM;QACzC,UAAU;QACX,6BAAK,SAAS,EAAE,YAAY,KAAM,IAAI;YACnC,OAAO;YACP,QAAQ,CACL;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"TimelinePin.js","sourceRoot":"","sources":["../../src/Timeline/TimelinePin.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AA6BpC,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAChD,QAAQ,GAAG,gBAAgB,EAC3B,IAAI,GAAG,gBAAgB,EACvB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,GAAG,EACX,IAAI,EACJ,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,GAAG,GAAC,IAAI,EACR,GAAG,UAAU,EACd,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,UAAU,CAAC;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAC1D,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE;QAC3D,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,GAAG;KACd,CAAC,CAAC;IACH,MAAM,OAAO,GAAG,CACd,6BAAK,SAAS,EAAC,UAAU;QACvB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,IAAI,IAAI,EAAE,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,GAAI,CACzD,CACP,CAAC;IACF,MAAM,QAAQ,GAAG,CACf,6BAAK,SAAS,EAAC,UAAU;QACvB,kCAAO,KAAK,CAAQ,CAChB,CACP,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,IAAI,8BAAM,SAAS,EAAC,+BAA+B,IAAE,OAAO,CAAQ,CAAC;IAC3F,MAAM,GAAG,GAAG,GAAG,CAAC;IAEhB,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,iBAAe,MAAM;QACzC,UAAU;QACX,oBAAC,GAAG,IAAC,SAAS,EAAE,YAAY,KAAM,IAAI;YACnC,OAAO;YACP,QAAQ,CACL;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/Toggle/Toggle.cjs

@@ -1,2 +1,2 @@
-"use strict";var a=Object.create;var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var d=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var o in t)l(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of i(t))!c.call(e,r)&&r!==o&&l(e,r,{get:()=>t[r],enumerable:!(n=g(t,r))||n.enumerable});return e};var f=(e,t,o)=>(o=e!=null?a(d(e)):{},m(t||!e||!e.__esModule?l(o,"default",{value:e,enumerable:!0}):o,e)),T=e=>m(l({},"__esModule",{value:!0}),e);var I={};u(I,{Toggle:()=>b});module.exports=T(I);var s=f(require("react"),1),p=require("reactstrap"),b=({label:e,testId:t,...o})=>s.default.createElement("div",{className:"toggles","data-testid":t},s.default.createElement(p.Label,{check:!0},e,s.default.createElement(p.Input,{...o,type:"checkbox"}),s.default.createElement("span",{className:"lever"})));0&&(module.exports={Toggle});
+"use strict";var d=Object.create;var p=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty;var f=(e,o)=>{for(var t in o)p(e,t,{get:o[t],enumerable:!0})},n=(e,o,t,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of m(o))!c.call(e,r)&&r!==t&&p(e,r,{get:()=>o[r],enumerable:!(l=a(o,r))||l.enumerable});return e};var u=(e,o,t)=>(t=e!=null?d(g(e)):{},n(o||!e||!e.__esModule?p(t,"default",{value:e,enumerable:!0}):t,e)),b=e=>n(p({},"__esModule",{value:!0}),e);var I={};f(I,{Toggle:()=>T});module.exports=b(I);var i=u(require("react"),1),s=require("reactstrap"),T=({label:e,testId:o,...t})=>i.default.createElement("div",{className:"toggles","data-testid":o},i.default.createElement(s.Label,{check:!0,for:t.id},e,i.default.createElement(s.Input,{...t,type:"checkbox","aria-describedby":t.id?t.id+"Description":""}),i.default.createElement("span",{className:"lever"})));0&&(module.exports={Toggle});
 //# sourceMappingURL=Toggle.cjs.map

package/dist/Toggle/Toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Toggle/Toggle.tsx"],"sourcesContent":["import React, { ElementType, FC, ReactNode } from 'react';\n\nimport { Label, Input } from 'reactstrap';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\nimport { InputProps } from '../Input/Input';\n\nexport interface ToggleProps extends InputProps {\n  /** Label da mostrare per il componente */\n  label: string | ReactNode;\n  /** Dimensioni ammissibili per il componente */\n  bsSize?: 'lg' | 'sm';\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Da utilizzare per impostare un riferimento all'elemento DOM */\n  innerRef?: React.Ref<HTMLInputElement>;\n  /** Oggetto contenente la nuova mappatura per le classi CSS. */\n  cssModule?: CSSModule;\n  testId?: string;\n}\n\nexport const Toggle: FC<ToggleProps> = ({ label, testId, ...rest }) => {\n  return (\n    <div className='toggles' data-testid={testId}>\n      <Label check>\n        {label}\n        <Input {...rest} type='checkbox' />\n        <span className='lever' />\n      </Label>\n    </div>\n  );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkD,sBAElDC,EAA6B,sBAkBhBH,EAA0B,CAAC,CAAE,MAAAI,EAAO,OAAAC,EAAQ,GAAGC,CAAK,IAE7D,EAAAC,QAAA,cAAC,OAAI,UAAU,UAAU,cAAaF,GACpC,EAAAE,QAAA,cAAC,SAAM,MAAK,IACTH,EACD,EAAAG,QAAA,cAAC,SAAO,GAAGD,EAAM,KAAK,WAAW,EACjC,EAAAC,QAAA,cAAC,QAAK,UAAU,QAAQ,CAC1B,CACF","names":["Toggle_exports","__export","Toggle","__toCommonJS","import_react","import_reactstrap","label","testId","rest","React"]}
+{"version":3,"sources":["../../src/Toggle/Toggle.tsx"],"sourcesContent":["import React, { ElementType, FC, ReactNode } from 'react';\n\nimport { Label, Input } from 'reactstrap';\nimport { CSSModule } from 'reactstrap/types/lib/utils';\nimport { InputProps } from '../Input/Input';\n\nexport interface ToggleProps extends InputProps {\n  /** Label da mostrare per il componente */\n  label: string | ReactNode;\n  /** Dimensioni ammissibili per il componente */\n  bsSize?: 'lg' | 'sm';\n  /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n  tag?: ElementType;\n  /** Da utilizzare per impostare un riferimento all'elemento DOM */\n  innerRef?: React.Ref<HTMLInputElement>;\n  /** Oggetto contenente la nuova mappatura per le classi CSS. */\n  cssModule?: CSSModule;\n  testId?: string;\n}\n\nexport const Toggle: FC<ToggleProps> = ({ label, testId, ...rest }) => {\n  return (\n    <div className='toggles' data-testid={testId}>\n      <Label check for={rest.id}>\n        {label}\n        <Input {...rest} type='checkbox' aria-describedby={rest.id ? rest.id + 'Description' : '' } />\n        <span className='lever' />\n      </Label>\n    </div>\n  );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkD,sBAElDC,EAA6B,sBAkBhBH,EAA0B,CAAC,CAAE,MAAAI,EAAO,OAAAC,EAAQ,GAAGC,CAAK,IAE7D,EAAAC,QAAA,cAAC,OAAI,UAAU,UAAU,cAAaF,GACpC,EAAAE,QAAA,cAAC,SAAM,MAAK,GAAC,IAAKD,EAAK,IACpBF,EACD,EAAAG,QAAA,cAAC,SAAO,GAAGD,EAAM,KAAK,WAAW,mBAAkBA,EAAK,GAAKA,EAAK,GAAK,cAAgB,GAAK,EAC5F,EAAAC,QAAA,cAAC,QAAK,UAAU,QAAQ,CAC1B,CACF","names":["Toggle_exports","__export","Toggle","__toCommonJS","import_react","import_reactstrap","label","testId","rest","React"]}

package/dist/Toggle/Toggle.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { Label, Input } from 'reactstrap';
 export const Toggle = ({ label, testId, ...rest }) => {
     return (React.createElement("div", { className: 'toggles', "data-testid": testId },
-        React.createElement(Label, { check: true },
+        React.createElement(Label, { check: true, for: rest.id },
             label,
-            React.createElement(Input, { ...rest, type: 'checkbox' }),
+            React.createElement(Input, { ...rest, type: 'checkbox', "aria-describedby": rest.id ? rest.id + 'Description' : '' }),
             React.createElement("span", { className: 'lever' }))));
 };
 //# sourceMappingURL=Toggle.js.map

package/dist/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAkB1C,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS,iBAAc,MAAM;QAC1C,oBAAC,KAAK,IAAC,KAAK;YACT,KAAK;YACN,oBAAC,KAAK,OAAK,IAAI,EAAE,IAAI,EAAC,UAAU,GAAG;YACnC,8BAAM,SAAS,EAAC,OAAO,GAAG,CACpB,CACJ,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAkB1C,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpE,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS,iBAAc,MAAM;QAC1C,oBAAC,KAAK,IAAC,KAAK,QAAC,GAAG,EAAE,IAAI,CAAC,EAAE;YACtB,KAAK;YACN,oBAAC,KAAK,OAAK,IAAI,EAAE,IAAI,EAAC,UAAU,sBAAmB,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,GAAK;YAC9F,8BAAM,SAAS,EAAC,OAAO,GAAG,CACpB,CACJ,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/Toolbar/ToolbarDividerItem.cjs

@@ -1,2 +1,2 @@
-"use strict";var m=Object.create;var a=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,n=Object.prototype.hasOwnProperty;var p=(r,i)=>{for(var o in i)a(r,o,{get:i[o],enumerable:!0})},d=(r,i,o,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let e of b(i))!n.call(r,e)&&e!==o&&a(r,e,{get:()=>i[e],enumerable:!(t=s(i,e))||t.enumerable});return r};var v=(r,i,o)=>(o=r!=null?m(c(r)):{},d(i||!r||!r.__esModule?a(o,"default",{value:r,enumerable:!0}):o,r)),f=r=>d(a({},"__esModule",{value:!0}),r);var u={};p(u,{ToolbarDividerItem:()=>h});module.exports=f(u);var l=v(require("react"),1),h=()=>l.default.createElement("li",{className:"toolbar-divider","aria-hidden":!0});0&&(module.exports={ToolbarDividerItem});
+"use strict";var s=Object.create;var e=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var n=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var v=(r,o)=>{for(var a in o)e(r,a,{get:o[a],enumerable:!0})},l=(r,o,a,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of d(o))!p.call(r,i)&&i!==a&&e(r,i,{get:()=>o[i],enumerable:!(t=c(o,i))||t.enumerable});return r};var b=(r,o,a)=>(a=r!=null?s(n(r)):{},l(o||!r||!r.__esModule?e(a,"default",{value:r,enumerable:!0}):a,r)),f=r=>l(e({},"__esModule",{value:!0}),r);var D={};v(D,{ToolbarDividerItem:()=>x});module.exports=f(D);var m=b(require("react"),1),x=()=>m.default.createElement("li",{className:"toolbar-divider",role:"separator","aria-orientation":"vertical"});0&&(module.exports={ToolbarDividerItem});
 //# sourceMappingURL=ToolbarDividerItem.cjs.map

package/dist/Toolbar/ToolbarDividerItem.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Toolbar/ToolbarDividerItem.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ToolbarDividerItem = () => <li className='toolbar-divider' aria-hidden={true} />;\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkB,sBAELF,EAAqB,IAAM,EAAAG,QAAA,cAAC,MAAG,UAAU,kBAAkB,cAAa,GAAM","names":["ToolbarDividerItem_exports","__export","ToolbarDividerItem","__toCommonJS","import_react","React"]}
+{"version":3,"sources":["../../src/Toolbar/ToolbarDividerItem.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ToolbarDividerItem = () => <li className='toolbar-divider' role='separator' aria-orientation='vertical' />;\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkB,sBAELF,EAAqB,IAAM,EAAAG,QAAA,cAAC,MAAG,UAAU,kBAAkB,KAAK,YAAY,mBAAiB,WAAW","names":["ToolbarDividerItem_exports","__export","ToolbarDividerItem","__toCommonJS","import_react","React"]}

package/dist/Toolbar/ToolbarDividerItem.js

@@ -1,3 +1,3 @@
 import React from 'react';
-export const ToolbarDividerItem = () => React.createElement("li", { className: 'toolbar-divider', "aria-hidden": true });
+export const ToolbarDividerItem = () => React.createElement("li", { className: 'toolbar-divider', role: 'separator', "aria-orientation": 'vertical' });
 //# sourceMappingURL=ToolbarDividerItem.js.map

package/dist/Toolbar/ToolbarDividerItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarDividerItem.js","sourceRoot":"","sources":["../../src/Toolbar/ToolbarDividerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,4BAAI,SAAS,EAAC,iBAAiB,iBAAc,IAAI,GAAI,CAAC"}
+{"version":3,"file":"ToolbarDividerItem.js","sourceRoot":"","sources":["../../src/Toolbar/ToolbarDividerItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,4BAAI,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,WAAW,sBAAkB,UAAU,GAAG,CAAC"}