@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0

package/components/rioglyph/Rioglyph.js

@@ -1,24 +1,49 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-const Rioglyph = (props) => {
-    const { icon, iconClassName = '', pairIcon, pairIconClassName = '', size, spinning = false, pulsing = false, } = props;
-    const spinningClass = spinning ? 'spinning' : '';
-    const pulsingClass = pulsing ? 'pulsing' : '';
-    let iconStyle;
-    if (icon.includes('.svg')) {
-        iconStyle = { '--i': `url(${icon})` };
-    }
-    if (pairIcon) {
-        const wrapperClasses = classNames('rioglyph-icon-pair', size && `text-size-${size}`);
-        const iconClasses = classNames('rioglyph', !icon.includes('.svg') && icon, iconClassName);
-        const pairIconClasses = classNames('rioglyph', !pairIcon.includes('.svg') && pairIcon, pairIconClassName, spinningClass, pulsingClass);
-        let pairIconStyle;
-        if (pairIcon?.includes('.svg')) {
-            pairIconStyle = { '--i': `url(${pairIcon})` };
-        }
-        return (_jsxs("span", { className: wrapperClasses, children: [_jsx("span", { className: iconClasses, style: iconStyle }), _jsx("span", { className: pairIconClasses, style: pairIconStyle })] }));
-    }
-    const iconClasses = classNames('rioglyph', !icon.includes('.svg') && icon, size && `text-size-${size}`, iconClassName, spinningClass, pulsingClass);
-    return _jsx("span", { className: iconClasses, style: iconStyle });
+import { jsxs as j, jsx as n } from "react/jsx-runtime";
+import i from "classnames";
+const w = (p) => {
+  const {
+    icon: s,
+    iconClassName: o = "",
+    pairIcon: l,
+    pairIconClassName: t = "",
+    size: e,
+    spinning: g = !1,
+    pulsing: y = !1,
+    filled: f = !1,
+    disabled: u = !1,
+    disabledDanger: h = !1,
+    disabledInverse: C = !1
+  } = p, r = g ? "spinning" : "", c = y ? "pulsing" : "", b = f ? "rioglyph-filled" : "", m = u ? "rioglyph-disabled" : "", v = h ? "rioglyph-disabled rioglyph-disabled-danger" : "", N = C ? "rioglyph-disabled rioglyph-disabled-inverse" : "";
+  let a;
+  if (s.includes(".svg") && (a = { "--i": `url(${s})` }), l) {
+    const x = i("rioglyph-icon-pair", e && `text-size-${e}`), $ = i("rioglyph", !s.includes(".svg") && s, o), z = i(
+      "rioglyph",
+      !l.includes(".svg") && l,
+      t,
+      r,
+      c
+    );
+    let d;
+    return l?.includes(".svg") && (d = { "--i": `url(${l})` }), /* @__PURE__ */ j("span", { className: x, children: [
+      /* @__PURE__ */ n("span", { className: $, style: a }),
+      /* @__PURE__ */ n("span", { className: z, style: d })
+    ] });
+  }
+  const I = i(
+    "rioglyph",
+    !s.includes(".svg") && s,
+    e && `text-size-${e}`,
+    m,
+    v,
+    N,
+    o,
+    r,
+    c,
+    b
+  );
+  return /* @__PURE__ */ n("span", { className: I, style: a });
 };
-export default Rioglyph;
+export {
+  w as default
+};
+//# sourceMappingURL=Rioglyph.js.map

package/components/rioglyph/Rioglyph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rioglyph.js","sources":["../../../src/components/rioglyph/Rioglyph.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport type { RioglyphIconType } from './RioglyphIconType';\n\nexport type IconType = RioglyphIconType;\n\nexport type RioglyphProps = {\n    /**\n     * The icon class to display.\n     */\n    icon: IconType | string;\n\n    /**\n     * Additional classes set to the icon span.\n     */\n    iconClassName?: string;\n\n    /**\n     * The size (text-size) of the icon\n     */\n    size?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | '10' | '11' | '12' | '14' | '16' | '18' | '20';\n\n    /**\n     * Spinning animation\n     */\n    spinning?: boolean;\n\n    /**\n     * Pulsing animation\n     */\n    pulsing?: boolean;\n\n    /**\n     * Filled style\n     */\n    filled?: boolean;\n\n    /**\n     * Pulsing animation\n     */\n    disabled?: boolean;\n\n    /**\n     * Pulsing animation\n     */\n    disabledDanger?: boolean;\n\n    /**\n     * Pulsing animation\n     */\n    disabledInverse?: boolean;\n\n    /**\n     * The icon class to display as a pair (optional).\n     */\n    pairIcon?: IconType | string;\n\n    /**\n     * Additional classes set to the pairIcon span.\n     */\n    pairIconClassName?: string;\n};\n\nconst Rioglyph = (props: RioglyphProps) => {\n    const {\n        icon,\n        iconClassName = '',\n        pairIcon,\n        pairIconClassName = '',\n        size,\n        spinning = false,\n        pulsing = false,\n        filled = false,\n        disabled = false,\n        disabledDanger = false,\n        disabledInverse = false,\n    } = props;\n\n    const spinningClass = spinning ? 'spinning' : '';\n    const pulsingClass = pulsing ? 'pulsing' : '';\n    const filledClass = filled ? 'rioglyph-filled' : '';\n    const disabledClass = disabled ? 'rioglyph-disabled' : '';\n    const disabledDangerClass = disabledDanger ? 'rioglyph-disabled rioglyph-disabled-danger' : '';\n    const disabledInverseClass = disabledInverse ? 'rioglyph-disabled rioglyph-disabled-inverse' : '';\n\n    let iconStyle: React.CSSProperties | undefined;\n    if (icon.includes('.svg')) {\n        iconStyle = { '--i': `url(${icon})` } as React.CSSProperties;\n    }\n\n    if (pairIcon) {\n        const wrapperClasses = classNames('rioglyph-icon-pair', size && `text-size-${size}`);\n        const iconClasses = classNames('rioglyph', !icon.includes('.svg') && icon, iconClassName);\n        const pairIconClasses = classNames(\n            'rioglyph',\n            !pairIcon.includes('.svg') && pairIcon,\n            pairIconClassName,\n            spinningClass,\n            pulsingClass\n        );\n\n        let pairIconStyle: React.CSSProperties | undefined;\n        if (pairIcon?.includes('.svg')) {\n            pairIconStyle = { '--i': `url(${pairIcon})` } as React.CSSProperties;\n        }\n\n        return (\n            <span className={wrapperClasses}>\n                <span className={iconClasses} style={iconStyle} />\n                <span className={pairIconClasses} style={pairIconStyle} />\n            </span>\n        );\n    }\n\n    const iconClasses = classNames(\n        'rioglyph',\n        !icon.includes('.svg') && icon,\n        size && `text-size-${size}`,\n        disabledClass,\n        disabledDangerClass,\n        disabledInverseClass,\n        iconClassName,\n        spinningClass,\n        pulsingClass,\n        filledClass\n    );\n\n    return <span className={iconClasses} style={iconStyle} />;\n};\n\nexport default Rioglyph;\n"],"names":["Rioglyph","props","icon","iconClassName","pairIcon","pairIconClassName","size","spinning","pulsing","filled","disabled","disabledDanger","disabledInverse","spinningClass","pulsingClass","filledClass","disabledClass","disabledDangerClass","disabledInverseClass","iconStyle","wrapperClasses","classNames","iconClasses","pairIconClasses","pairIconStyle","jsxs","jsx"],"mappings":";;AA+DA,MAAMA,IAAW,CAACC,MAAyB;AACvC,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,UAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,MAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,gBAAAC,IAAiB;AAAA,IACjB,iBAAAC,IAAkB;AAAA,EAAA,IAClBX,GAEEY,IAAgBN,IAAW,aAAa,IACxCO,IAAeN,IAAU,YAAY,IACrCO,IAAcN,IAAS,oBAAoB,IAC3CO,IAAgBN,IAAW,sBAAsB,IACjDO,IAAsBN,IAAiB,+CAA+C,IACtFO,IAAuBN,IAAkB,gDAAgD;AAE/F,MAAIO;AAKJ,MAJIjB,EAAK,SAAS,MAAM,MACpBiB,IAAY,EAAE,OAAO,OAAOjB,CAAI,IAAA,IAGhCE,GAAU;AACV,UAAMgB,IAAiBC,EAAW,sBAAsBf,KAAQ,aAAaA,CAAI,EAAE,GAC7EgB,IAAcD,EAAW,YAAY,CAACnB,EAAK,SAAS,MAAM,KAAKA,GAAMC,CAAa,GAClFoB,IAAkBF;AAAA,MACpB;AAAA,MACA,CAACjB,EAAS,SAAS,MAAM,KAAKA;AAAA,MAC9BC;AAAA,MACAQ;AAAA,MACAC;AAAA,IAAA;AAGJ,QAAIU;AACJ,WAAIpB,GAAU,SAAS,MAAM,MACzBoB,IAAgB,EAAE,OAAO,OAAOpB,CAAQ,IAAA,IAIxC,gBAAAqB,EAAC,QAAA,EAAK,WAAWL,GACb,UAAA;AAAA,MAAA,gBAAAM,EAAC,QAAA,EAAK,WAAWJ,GAAa,OAAOH,GAAW;AAAA,MAChD,gBAAAO,EAAC,QAAA,EAAK,WAAWH,GAAiB,OAAOC,EAAA,CAAe;AAAA,IAAA,GAC5D;AAAA,EAER;AAEA,QAAMF,IAAcD;AAAA,IAChB;AAAA,IACA,CAACnB,EAAK,SAAS,MAAM,KAAKA;AAAA,IAC1BI,KAAQ,aAAaA,CAAI;AAAA,IACzBU;AAAA,IACAC;AAAA,IACAC;AAAA,IACAf;AAAA,IACAU;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAGJ,SAAO,gBAAAW,EAAC,QAAA,EAAK,WAAWJ,GAAa,OAAOH,GAAW;AAC3D;"}

package/components/rioglyph/RioglyphIconType.d.ts

@@ -1 +1 @@
-export type RioglyphIconType = 'rioglyph-academic-cap' | 'rioglyph-addressbook' | 'rioglyph-ai' | 'rioglyph-air-pay' | 'rioglyph-am' | 'rioglyph-angle-double-down' | 'rioglyph-angle-double-left' | 'rioglyph-angle-double-right' | 'rioglyph-angle-double-up' | 'rioglyph-antenna' | 'rioglyph-api' | 'rioglyph-archive' | 'rioglyph-area-chart' | 'rioglyph-area-in' | 'rioglyph-area-out' | 'rioglyph-arrow-down' | 'rioglyph-arrow-left' | 'rioglyph-arrow-right' | 'rioglyph-arrow-up' | 'rioglyph-arrows-collapse' | 'rioglyph-arrows-combine' | 'rioglyph-arrows-expand' | 'rioglyph-arrows-horizontal' | 'rioglyph-arrows-split' | 'rioglyph-assigned' | 'rioglyph-axle' | 'rioglyph-ban-circle' | 'rioglyph-bar-chart-box' | 'rioglyph-battery-charging' | 'rioglyph-battery-level-empty' | 'rioglyph-battery-level-full' | 'rioglyph-battery-level-low' | 'rioglyph-beacon' | 'rioglyph-book' | 'rioglyph-bookable-poi' | 'rioglyph-bookmark-square' | 'rioglyph-bookmark' | 'rioglyph-border-crossing' | 'rioglyph-brain' | 'rioglyph-brake' | 'rioglyph-branch-horizontal' | 'rioglyph-branch-remove' | 'rioglyph-branch-vertical' | 'rioglyph-broadcast' | 'rioglyph-building' | 'rioglyph-bulb' | 'rioglyph-bus-baseline' | 'rioglyph-bus-breakdown' | 'rioglyph-bus' | 'rioglyph-businessman' | 'rioglyph-calendar-parking' | 'rioglyph-calendar-plus' | 'rioglyph-calendar-today' | 'rioglyph-calendar' | 'rioglyph-camera' | 'rioglyph-car-baseline' | 'rioglyph-car-wash' | 'rioglyph-car' | 'rioglyph-card-hotel' | 'rioglyph-card-reader' | 'rioglyph-cards-add' | 'rioglyph-cards-grid' | 'rioglyph-cards-list' | 'rioglyph-cards-table' | 'rioglyph-cargo' | 'rioglyph-carrier' | 'rioglyph-chat' | 'rioglyph-check-badge' | 'rioglyph-check-shield' | 'rioglyph-checkbox-checked' | 'rioglyph-checkbox' | 'rioglyph-checkboxes' | 'rioglyph-chevron-down' | 'rioglyph-chevron-left' | 'rioglyph-chevron-right' | 'rioglyph-chevron-up' | 'rioglyph-chip' | 'rioglyph-circle-dashed' | 'rioglyph-circle-stack' | 'rioglyph-click' | 'rioglyph-climate-control' | 'rioglyph-clipboard' | 'rioglyph-cloud-download' | 'rioglyph-cloud-not-saved' | 'rioglyph-cloud-progress' | 'rioglyph-cloud-upload' | 'rioglyph-cloud' | 'rioglyph-coasting' | 'rioglyph-code-braces' | 'rioglyph-code-brackets' | 'rioglyph-coffee' | 'rioglyph-cog' | 'rioglyph-color-swatch' | 'rioglyph-comment' | 'rioglyph-compare' | 'rioglyph-compass' | 'rioglyph-component-custom-recurrent' | 'rioglyph-component-custom' | 'rioglyph-construction' | 'rioglyph-convert' | 'rioglyph-conveyor-belt' | 'rioglyph-cookie' | 'rioglyph-cooling' | 'rioglyph-cost-efficency' | 'rioglyph-crown' | 'rioglyph-cruise-control' | 'rioglyph-csv' | 'rioglyph-cube-dashed' | 'rioglyph-cube' | 'rioglyph-currency-euro' | 'rioglyph-damages' | 'rioglyph-dangerousgoods' | 'rioglyph-dashboard-view' | 'rioglyph-dashboard' | 'rioglyph-delivery-completed' | 'rioglyph-delivery-error' | 'rioglyph-delivery-late' | 'rioglyph-delivery-on-track' | 'rioglyph-delivery-warning' | 'rioglyph-delivery' | 'rioglyph-design' | 'rioglyph-desktop' | 'rioglyph-detail-view-info' | 'rioglyph-detail-view' | 'rioglyph-direction' | 'rioglyph-discount-badge' | 'rioglyph-document-out' | 'rioglyph-document' | 'rioglyph-download' | 'rioglyph-drag-n-drop' | 'rioglyph-drive-history' | 'rioglyph-driver-card' | 'rioglyph-driver-off' | 'rioglyph-driver' | 'rioglyph-drivercard-in' | 'rioglyph-drivercard-out' | 'rioglyph-duplicate' | 'rioglyph-earphone' | 'rioglyph-emergency-stop' | 'rioglyph-empty' | 'rioglyph-engine' | 'rioglyph-envelope-indicator' | 'rioglyph-envelope-open' | 'rioglyph-envelope' | 'rioglyph-erase' | 'rioglyph-error-sign' | 'rioglyph-euro-note' | 'rioglyph-exclamation-sign' | 'rioglyph-exclamation' | 'rioglyph-eye-close' | 'rioglyph-eye-closed' | 'rioglyph-eye-option' | 'rioglyph-face-frown' | 'rioglyph-face-neutral' | 'rioglyph-face-smile' | 'rioglyph-facetime-video' | 'rioglyph-factory' | 'rioglyph-file-signature' | 'rioglyph-files' | 'rioglyph-fill' | 'rioglyph-filling-e-station' | 'rioglyph-filling-station' | 'rioglyph-filter-active' | 'rioglyph-filter-reset' | 'rioglyph-filter' | 'rioglyph-fingerprint' | 'rioglyph-finish' | 'rioglyph-fire' | 'rioglyph-flag' | 'rioglyph-flash' | 'rioglyph-folder-closed' | 'rioglyph-folder-open' | 'rioglyph-fuel-diesel' | 'rioglyph-fuel-electric' | 'rioglyph-fuel-gas' | 'rioglyph-fuel-hydrogen' | 'rioglyph-fuel-liquid' | 'rioglyph-fuel-mix' | 'rioglyph-fullscreen' | 'rioglyph-geofence' | 'rioglyph-get' | 'rioglyph-give' | 'rioglyph-globe-alt' | 'rioglyph-globe' | 'rioglyph-group-blocks' | 'rioglyph-group' | 'rioglyph-hand-down' | 'rioglyph-hand-left' | 'rioglyph-hand-right' | 'rioglyph-hand-up' | 'rioglyph-handshake' | 'rioglyph-hash' | 'rioglyph-heart' | 'rioglyph-heating' | 'rioglyph-hierarchy' | 'rioglyph-history' | 'rioglyph-home-sign' | 'rioglyph-home' | 'rioglyph-hour-glass' | 'rioglyph-id' | 'rioglyph-inbox-in' | 'rioglyph-inbox-out' | 'rioglyph-inbox-stack' | 'rioglyph-inbox' | 'rioglyph-info-sign' | 'rioglyph-info' | 'rioglyph-insert' | 'rioglyph-issue-tracking' | 'rioglyph-key' | 'rioglyph-kickdown' | 'rioglyph-language' | 'rioglyph-layer-pois' | 'rioglyph-layer' | 'rioglyph-leafs' | 'rioglyph-light-bulb' | 'rioglyph-line-chart' | 'rioglyph-link' | 'rioglyph-load-unload' | 'rioglyph-load' | 'rioglyph-location-arrow' | 'rioglyph-lock-open' | 'rioglyph-lock' | 'rioglyph-log-in' | 'rioglyph-logout' | 'rioglyph-looking-glass-man' | 'rioglyph-looking-glass' | 'rioglyph-magic-wand' | 'rioglyph-maintenance-components' | 'rioglyph-map-location' | 'rioglyph-map-marker' | 'rioglyph-map' | 'rioglyph-megaphone' | 'rioglyph-menu-hamburger' | 'rioglyph-merge' | 'rioglyph-migrate' | 'rioglyph-milage' | 'rioglyph-minus-light' | 'rioglyph-minus-sign' | 'rioglyph-minus' | 'rioglyph-missing' | 'rioglyph-mode-dark-light' | 'rioglyph-more' | 'rioglyph-new-window' | 'rioglyph-newspaper' | 'rioglyph-note' | 'rioglyph-notification' | 'rioglyph-number-1' | 'rioglyph-number-2' | 'rioglyph-number-3' | 'rioglyph-off' | 'rioglyph-oil-can' | 'rioglyph-ok-circle' | 'rioglyph-ok-dashed' | 'rioglyph-ok-sign' | 'rioglyph-ok' | 'rioglyph-onboarding' | 'rioglyph-ongoing' | 'rioglyph-option-horizontal' | 'rioglyph-option-vertical' | 'rioglyph-order' | 'rioglyph-palette-broken' | 'rioglyph-palette' | 'rioglyph-paper-clip' | 'rioglyph-parcel-broken' | 'rioglyph-parcel' | 'rioglyph-parking' | 'rioglyph-pause-circle' | 'rioglyph-pause' | 'rioglyph-pdf-file' | 'rioglyph-pencil-square' | 'rioglyph-pencil' | 'rioglyph-phone' | 'rioglyph-pictures' | 'rioglyph-pin-range' | 'rioglyph-pin' | 'rioglyph-play-circle' | 'rioglyph-play' | 'rioglyph-plugged-off' | 'rioglyph-plugged-on' | 'rioglyph-plus-light' | 'rioglyph-plus-sign' | 'rioglyph-plus' | 'rioglyph-pm' | 'rioglyph-poi' | 'rioglyph-polygon' | 'rioglyph-position' | 'rioglyph-print' | 'rioglyph-progress-ongoing' | 'rioglyph-progress-remaining' | 'rioglyph-progression' | 'rioglyph-prompt' | 'rioglyph-pto-off' | 'rioglyph-pto-on' | 'rioglyph-pushpin' | 'rioglyph-puzzle' | 'rioglyph-pylon' | 'rioglyph-qr-code' | 'rioglyph-question-sign' | 'rioglyph-question' | 'rioglyph-record' | 'rioglyph-recycle' | 'rioglyph-refresh' | 'rioglyph-remove-circle' | 'rioglyph-remove-sign' | 'rioglyph-remove' | 'rioglyph-repeat-square' | 'rioglyph-repeat' | 'rioglyph-resize-full' | 'rioglyph-resize-horizontal' | 'rioglyph-resize-small' | 'rioglyph-resize-vertical' | 'rioglyph-retrofit' | 'rioglyph-revert' | 'rioglyph-rio-marker' | 'rioglyph-rio' | 'rioglyph-road-restrictions' | 'rioglyph-road' | 'rioglyph-robot' | 'rioglyph-rocket' | 'rioglyph-role-management' | 'rioglyph-route-option' | 'rioglyph-route-view' | 'rioglyph-route' | 'rioglyph-ruler' | 'rioglyph-satellite-radar' | 'rioglyph-save' | 'rioglyph-scale' | 'rioglyph-scan' | 'rioglyph-scissors' | 'rioglyph-search-list' | 'rioglyph-search-truck' | 'rioglyph-search' | 'rioglyph-send' | 'rioglyph-series' | 'rioglyph-server-stack' | 'rioglyph-settings' | 'rioglyph-share-alt' | 'rioglyph-share-nodes' | 'rioglyph-share' | 'rioglyph-shelve' | 'rioglyph-ship' | 'rioglyph-shopping-bag' | 'rioglyph-shopping-cart' | 'rioglyph-signature' | 'rioglyph-slope-down-max' | 'rioglyph-slope-down-min' | 'rioglyph-slope-up-max' | 'rioglyph-slope-up-min' | 'rioglyph-sort-by-attributes-alt' | 'rioglyph-sort-by-attributes' | 'rioglyph-sort' | 'rioglyph-sparkles' | 'rioglyph-speed' | 'rioglyph-sphere' | 'rioglyph-spinner' | 'rioglyph-split-view' | 'rioglyph-square-dashed' | 'rioglyph-stack-add' | 'rioglyph-stack-iso' | 'rioglyph-stack' | 'rioglyph-star-empty' | 'rioglyph-star' | 'rioglyph-stars' | 'rioglyph-start' | 'rioglyph-stats-high' | 'rioglyph-stats-line-dots' | 'rioglyph-stats-low' | 'rioglyph-stats-medium' | 'rioglyph-stats' | 'rioglyph-status-available' | 'rioglyph-status-change-horizontal' | 'rioglyph-status-change' | 'rioglyph-status-driving' | 'rioglyph-status-resting' | 'rioglyph-status-working' | 'rioglyph-steering-wheel' | 'rioglyph-stopover' | 'rioglyph-support' | 'rioglyph-table-view' | 'rioglyph-tachograph-download' | 'rioglyph-tachograph' | 'rioglyph-tag' | 'rioglyph-tasks' | 'rioglyph-temperature' | 'rioglyph-th-list' | 'rioglyph-thumbs-down' | 'rioglyph-thumbs-up' | 'rioglyph-tickets' | 'rioglyph-time-alt' | 'rioglyph-time-cancle' | 'rioglyph-time-incomplete' | 'rioglyph-time' | 'rioglyph-tire' | 'rioglyph-tms' | 'rioglyph-to-bottom' | 'rioglyph-to-left' | 'rioglyph-to-right' | 'rioglyph-to-top' | 'rioglyph-tracking-package' | 'rioglyph-traffic-lights' | 'rioglyph-trailer-baseline' | 'rioglyph-trailer' | 'rioglyph-trailerposition' | 'rioglyph-train' | 'rioglyph-transfer' | 'rioglyph-transition-push-right' | 'rioglyph-transition-right' | 'rioglyph-trash' | 'rioglyph-triangle-bottom' | 'rioglyph-triangle-left' | 'rioglyph-triangle-right' | 'rioglyph-triangle-top' | 'rioglyph-trophy' | 'rioglyph-truck-baseline' | 'rioglyph-truck-breakdown' | 'rioglyph-truck-unit' | 'rioglyph-truck' | 'rioglyph-unassigned' | 'rioglyph-unavailable' | 'rioglyph-unlink' | 'rioglyph-upload' | 'rioglyph-user-add' | 'rioglyph-user-group' | 'rioglyph-user-ok' | 'rioglyph-user-remove' | 'rioglyph-user-sign-off' | 'rioglyph-user-sign' | 'rioglyph-user' | 'rioglyph-van-baseline' | 'rioglyph-van' | 'rioglyph-variable' | 'rioglyph-video-off' | 'rioglyph-video' | 'rioglyph-volume' | 'rioglyph-wallet' | 'rioglyph-warehouse' | 'rioglyph-warning-sign' | 'rioglyph-weather-cloudy' | 'rioglyph-weather-icy' | 'rioglyph-weather-overcast' | 'rioglyph-weather-raining' | 'rioglyph-weather-snowing' | 'rioglyph-weather-stormy' | 'rioglyph-weather-sunny' | 'rioglyph-weather-thundering' | 'rioglyph-weather-windy' | 'rioglyph-weight' | 'rioglyph-width' | 'rioglyph-wifi-off' | 'rioglyph-wifi' | 'rioglyph-window' | 'rioglyph-workflow-step' | 'rioglyph-workflow' | 'rioglyph-workshop' | 'rioglyph-wrench' | 'rioglyph-xmas-raindeer' | 'rioglyph-xmas-santa';
+export type RioglyphIconType = 'rioglyph-academic-cap' | 'rioglyph-addressbook' | 'rioglyph-ai' | 'rioglyph-air-pay' | 'rioglyph-am' | 'rioglyph-angle-double-down' | 'rioglyph-angle-double-left' | 'rioglyph-angle-double-right' | 'rioglyph-angle-double-up' | 'rioglyph-antenna' | 'rioglyph-api' | 'rioglyph-archive' | 'rioglyph-area-chart' | 'rioglyph-area-in' | 'rioglyph-area-out' | 'rioglyph-arrow-down' | 'rioglyph-arrow-left' | 'rioglyph-arrow-right' | 'rioglyph-arrow-up' | 'rioglyph-arrows-collapse' | 'rioglyph-arrows-combine' | 'rioglyph-arrows-expand' | 'rioglyph-arrows-horizontal' | 'rioglyph-arrows-split' | 'rioglyph-assigned' | 'rioglyph-axis-x' | 'rioglyph-axis-y' | 'rioglyph-axis-z' | 'rioglyph-axle' | 'rioglyph-ban-circle' | 'rioglyph-bar-chart-box' | 'rioglyph-battery-charging' | 'rioglyph-battery-level-empty' | 'rioglyph-battery-level-full' | 'rioglyph-battery-level-low' | 'rioglyph-beacon' | 'rioglyph-book' | 'rioglyph-bookable-poi' | 'rioglyph-bookmark-square' | 'rioglyph-bookmark' | 'rioglyph-border-crossing' | 'rioglyph-brain' | 'rioglyph-brake' | 'rioglyph-branch-horizontal' | 'rioglyph-branch-remove' | 'rioglyph-branch-vertical' | 'rioglyph-broadcast' | 'rioglyph-building' | 'rioglyph-bulb' | 'rioglyph-bus-baseline' | 'rioglyph-bus-breakdown' | 'rioglyph-bus' | 'rioglyph-businessman' | 'rioglyph-calendar-parking' | 'rioglyph-calendar-plus' | 'rioglyph-calendar-today' | 'rioglyph-calendar' | 'rioglyph-camera' | 'rioglyph-car-baseline' | 'rioglyph-car-wash' | 'rioglyph-car' | 'rioglyph-card-hotel' | 'rioglyph-card-reader' | 'rioglyph-cards-add' | 'rioglyph-cards-grid' | 'rioglyph-cards-list' | 'rioglyph-cards-table' | 'rioglyph-cargo' | 'rioglyph-carrier' | 'rioglyph-chat' | 'rioglyph-check-badge' | 'rioglyph-check-shield' | 'rioglyph-checkbox-checked' | 'rioglyph-checkbox' | 'rioglyph-checkboxes' | 'rioglyph-chevron-down' | 'rioglyph-chevron-left' | 'rioglyph-chevron-right' | 'rioglyph-chevron-up' | 'rioglyph-chip' | 'rioglyph-circle-dashed' | 'rioglyph-circle-stack' | 'rioglyph-click' | 'rioglyph-climate-control' | 'rioglyph-clipboard' | 'rioglyph-cloud-download' | 'rioglyph-cloud-not-saved' | 'rioglyph-cloud-progress' | 'rioglyph-cloud-upload' | 'rioglyph-cloud' | 'rioglyph-coasting' | 'rioglyph-code-braces' | 'rioglyph-code-brackets' | 'rioglyph-coffee' | 'rioglyph-cog' | 'rioglyph-color-swatch' | 'rioglyph-comment' | 'rioglyph-compare' | 'rioglyph-compass' | 'rioglyph-component-custom-recurrent' | 'rioglyph-component-custom' | 'rioglyph-component' | 'rioglyph-construction' | 'rioglyph-convert' | 'rioglyph-conveyor-belt' | 'rioglyph-cookie' | 'rioglyph-cooling' | 'rioglyph-cost-efficency' | 'rioglyph-cost-efficiency' | 'rioglyph-crown' | 'rioglyph-cruise-control' | 'rioglyph-csv' | 'rioglyph-cube-dashed' | 'rioglyph-cube' | 'rioglyph-currency-euro' | 'rioglyph-damages' | 'rioglyph-dangerousgoods' | 'rioglyph-dashboard-view' | 'rioglyph-dashboard' | 'rioglyph-delivery-completed' | 'rioglyph-delivery-error' | 'rioglyph-delivery-late' | 'rioglyph-delivery-on-track' | 'rioglyph-delivery-warning' | 'rioglyph-delivery' | 'rioglyph-design' | 'rioglyph-desktop' | 'rioglyph-detail-view-info' | 'rioglyph-detail-view' | 'rioglyph-direction' | 'rioglyph-discount-badge' | 'rioglyph-document-out' | 'rioglyph-document' | 'rioglyph-download' | 'rioglyph-drag-n-drop' | 'rioglyph-drive-history' | 'rioglyph-driver-card' | 'rioglyph-driver-off' | 'rioglyph-driver' | 'rioglyph-drivercard-in' | 'rioglyph-drivercard-out' | 'rioglyph-duplicate' | 'rioglyph-earphone' | 'rioglyph-emergency-stop' | 'rioglyph-empty' | 'rioglyph-engine' | 'rioglyph-envelope-indicator' | 'rioglyph-envelope-open' | 'rioglyph-envelope' | 'rioglyph-erase' | 'rioglyph-error-sign' | 'rioglyph-euro-note' | 'rioglyph-exclamation-sign' | 'rioglyph-exclamation' | 'rioglyph-eye-close' | 'rioglyph-eye-closed' | 'rioglyph-eye-open' | 'rioglyph-eye-option' | 'rioglyph-face-frown' | 'rioglyph-face-neutral' | 'rioglyph-face-smile' | 'rioglyph-facetime-video' | 'rioglyph-factory' | 'rioglyph-file-signature' | 'rioglyph-files' | 'rioglyph-fill' | 'rioglyph-filling-e-station' | 'rioglyph-filling-station' | 'rioglyph-filter-active' | 'rioglyph-filter-reset' | 'rioglyph-filter' | 'rioglyph-fingerprint' | 'rioglyph-finish' | 'rioglyph-fire' | 'rioglyph-flag' | 'rioglyph-flash' | 'rioglyph-folder-closed' | 'rioglyph-folder-open' | 'rioglyph-fuel-diesel' | 'rioglyph-fuel-electric' | 'rioglyph-fuel-gas' | 'rioglyph-fuel-hydrogen' | 'rioglyph-fuel-liquid' | 'rioglyph-fuel-mix' | 'rioglyph-fullscreen' | 'rioglyph-geofence' | 'rioglyph-get' | 'rioglyph-give' | 'rioglyph-globe-alt' | 'rioglyph-globe' | 'rioglyph-group-blocks' | 'rioglyph-group' | 'rioglyph-hand-down' | 'rioglyph-hand-left' | 'rioglyph-hand-right' | 'rioglyph-hand-up' | 'rioglyph-handshake' | 'rioglyph-hash' | 'rioglyph-heart' | 'rioglyph-heating' | 'rioglyph-hierarchy' | 'rioglyph-history' | 'rioglyph-home-sign' | 'rioglyph-home' | 'rioglyph-hour-glass' | 'rioglyph-id' | 'rioglyph-inbox-in' | 'rioglyph-inbox-out' | 'rioglyph-inbox-stack' | 'rioglyph-inbox' | 'rioglyph-info-sign' | 'rioglyph-info' | 'rioglyph-insert' | 'rioglyph-issue-tracking' | 'rioglyph-key' | 'rioglyph-kickdown' | 'rioglyph-language' | 'rioglyph-layer-pois' | 'rioglyph-layer' | 'rioglyph-leafs' | 'rioglyph-light-bulb' | 'rioglyph-line-chart' | 'rioglyph-link' | 'rioglyph-load-unload' | 'rioglyph-load' | 'rioglyph-location-arrow' | 'rioglyph-lock-open' | 'rioglyph-lock' | 'rioglyph-log-in' | 'rioglyph-logout' | 'rioglyph-looking-glass-man' | 'rioglyph-looking-glass' | 'rioglyph-magic-wand' | 'rioglyph-maintenance-components' | 'rioglyph-map-location' | 'rioglyph-map-marker' | 'rioglyph-map' | 'rioglyph-megaphone' | 'rioglyph-menu-hamburger' | 'rioglyph-merge' | 'rioglyph-migrate' | 'rioglyph-milage' | 'rioglyph-minus-light' | 'rioglyph-minus-sign' | 'rioglyph-minus' | 'rioglyph-missing' | 'rioglyph-mode-dark-light' | 'rioglyph-more' | 'rioglyph-new-window' | 'rioglyph-newspaper' | 'rioglyph-note' | 'rioglyph-notification' | 'rioglyph-number-1' | 'rioglyph-number-2' | 'rioglyph-number-3' | 'rioglyph-off' | 'rioglyph-oil-can' | 'rioglyph-ok-circle' | 'rioglyph-ok-dashed' | 'rioglyph-ok-sign' | 'rioglyph-ok' | 'rioglyph-onboarding' | 'rioglyph-ongoing' | 'rioglyph-option-horizontal' | 'rioglyph-option-vertical' | 'rioglyph-order' | 'rioglyph-palette-broken' | 'rioglyph-palette' | 'rioglyph-paper-clip' | 'rioglyph-parcel-broken' | 'rioglyph-parcel' | 'rioglyph-parking' | 'rioglyph-pause-circle' | 'rioglyph-pause' | 'rioglyph-pdf-file' | 'rioglyph-pencil-square' | 'rioglyph-pencil' | 'rioglyph-phone' | 'rioglyph-pictures' | 'rioglyph-pin-range' | 'rioglyph-pin' | 'rioglyph-play-circle' | 'rioglyph-play' | 'rioglyph-plugged-off' | 'rioglyph-plugged-on' | 'rioglyph-plus-light' | 'rioglyph-plus-sign' | 'rioglyph-plus' | 'rioglyph-pm' | 'rioglyph-poi' | 'rioglyph-polygon' | 'rioglyph-position' | 'rioglyph-print' | 'rioglyph-progress-ongoing' | 'rioglyph-progress-remaining' | 'rioglyph-progression' | 'rioglyph-prompt' | 'rioglyph-pto-off' | 'rioglyph-pto-on' | 'rioglyph-pushpin' | 'rioglyph-puzzle' | 'rioglyph-pylon' | 'rioglyph-qr-code' | 'rioglyph-question-sign' | 'rioglyph-question' | 'rioglyph-record' | 'rioglyph-recycle' | 'rioglyph-refresh' | 'rioglyph-remove-circle' | 'rioglyph-remove-sign' | 'rioglyph-remove' | 'rioglyph-repeat-square' | 'rioglyph-repeat' | 'rioglyph-resize-full' | 'rioglyph-resize-horizontal' | 'rioglyph-resize-small' | 'rioglyph-resize-vertical' | 'rioglyph-retrofit' | 'rioglyph-retweet' | 'rioglyph-revert' | 'rioglyph-rio-marker' | 'rioglyph-rio' | 'rioglyph-road-restrictions' | 'rioglyph-road' | 'rioglyph-robot' | 'rioglyph-rocket' | 'rioglyph-role-management' | 'rioglyph-route-option' | 'rioglyph-route-view' | 'rioglyph-route' | 'rioglyph-ruler' | 'rioglyph-satellite-radar' | 'rioglyph-save' | 'rioglyph-scale' | 'rioglyph-scan' | 'rioglyph-scissors' | 'rioglyph-search-list' | 'rioglyph-search-truck' | 'rioglyph-search' | 'rioglyph-send' | 'rioglyph-series' | 'rioglyph-server-stack' | 'rioglyph-settings' | 'rioglyph-share-alt' | 'rioglyph-share-nodes' | 'rioglyph-share' | 'rioglyph-shelve' | 'rioglyph-ship' | 'rioglyph-shopping-bag' | 'rioglyph-shopping-cart' | 'rioglyph-signature' | 'rioglyph-slope-down-max' | 'rioglyph-slope-down-min' | 'rioglyph-slope-up-max' | 'rioglyph-slope-up-min' | 'rioglyph-sort-by-attributes-alt' | 'rioglyph-sort-by-attributes' | 'rioglyph-sort' | 'rioglyph-sparkles' | 'rioglyph-speed' | 'rioglyph-sphere' | 'rioglyph-spinner' | 'rioglyph-split-view' | 'rioglyph-square-dashed' | 'rioglyph-stack-add' | 'rioglyph-stack-iso' | 'rioglyph-stack' | 'rioglyph-star-empty' | 'rioglyph-star' | 'rioglyph-stars' | 'rioglyph-start' | 'rioglyph-stats-high' | 'rioglyph-stats-line-dots' | 'rioglyph-stats-low' | 'rioglyph-stats-medium' | 'rioglyph-stats' | 'rioglyph-status-available' | 'rioglyph-status-change-horizontal' | 'rioglyph-status-change' | 'rioglyph-status-driving' | 'rioglyph-status-resting' | 'rioglyph-status-working' | 'rioglyph-steering-wheel' | 'rioglyph-stopover' | 'rioglyph-support' | 'rioglyph-table-view' | 'rioglyph-tachograph-download' | 'rioglyph-tachograph' | 'rioglyph-tag' | 'rioglyph-tasks' | 'rioglyph-temperature' | 'rioglyph-th-list' | 'rioglyph-thumbs-down' | 'rioglyph-thumbs-up' | 'rioglyph-tickets' | 'rioglyph-time-alt' | 'rioglyph-time-cancle' | 'rioglyph-time-incomplete' | 'rioglyph-time' | 'rioglyph-tire' | 'rioglyph-tms' | 'rioglyph-to-bottom' | 'rioglyph-to-left' | 'rioglyph-to-right' | 'rioglyph-to-top' | 'rioglyph-tracking-package' | 'rioglyph-traffic-lights' | 'rioglyph-trailer-baseline' | 'rioglyph-trailer' | 'rioglyph-trailerposition' | 'rioglyph-train' | 'rioglyph-transfer' | 'rioglyph-transition-push-right' | 'rioglyph-transition-right' | 'rioglyph-trash' | 'rioglyph-triangle-bottom' | 'rioglyph-triangle-left' | 'rioglyph-triangle-right' | 'rioglyph-triangle-top' | 'rioglyph-trophy' | 'rioglyph-truck-baseline' | 'rioglyph-truck-breakdown' | 'rioglyph-truck-unit' | 'rioglyph-truck' | 'rioglyph-unassigned' | 'rioglyph-unavailable' | 'rioglyph-unlink' | 'rioglyph-upload' | 'rioglyph-user-add' | 'rioglyph-user-group' | 'rioglyph-user-ok' | 'rioglyph-user-remove' | 'rioglyph-user-sign-off' | 'rioglyph-user-sign' | 'rioglyph-user' | 'rioglyph-van-baseline' | 'rioglyph-van' | 'rioglyph-variable' | 'rioglyph-video-off' | 'rioglyph-video' | 'rioglyph-volume' | 'rioglyph-wallet' | 'rioglyph-warehouse' | 'rioglyph-warning-sign' | 'rioglyph-weather-cloudy' | 'rioglyph-weather-icy' | 'rioglyph-weather-overcast' | 'rioglyph-weather-raining' | 'rioglyph-weather-snowing' | 'rioglyph-weather-stormy' | 'rioglyph-weather-sunny' | 'rioglyph-weather-thundering' | 'rioglyph-weather-windy' | 'rioglyph-weight' | 'rioglyph-width' | 'rioglyph-wifi-off' | 'rioglyph-wifi' | 'rioglyph-window' | 'rioglyph-workflow-step' | 'rioglyph-workflow' | 'rioglyph-workshop' | 'rioglyph-wrench' | 'rioglyph-xmas-raindeer' | 'rioglyph-xmas-santa';

package/components/rules/RuleConnector.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 export type RuleConnectorProps = {
     /**
      * The placement for the connector.

package/components/rules/RuleConnector.js

@@ -1,19 +1,60 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-const getBorderColorFromBg = (bg) => bg.replace('bg', 'border-color');
-const commonRoundedClasses = classNames('width-20', 'height-20', 'rounded-circle', 'position-relative', 'z-index-2', 'box-sizing-content-box');
-const commonRoundedBorderClippingClasses = classNames('position-relative', 'width-20', 'height-20');
-const RuleConnector = (props) => {
-    const { placement = 'center', icon = 'rioglyph-plus', hidden = false, background = 'bg-lightest', pageBackground = 'bg-white', contentClassName = 'text-color-light', hasBorder = false, borderColor = '', className = '', children, ...remainingProps } = props;
-    const wrapperClassNames = classNames('RuleConnector', 'height-20', 'display-flex', `justify-content-${placement}`, 'align-items-center', 'position-relative', hidden && 'opacity-0', className);
-    const leftRoundedBox = classNames('margin-right--10', commonRoundedClasses, pageBackground, hasBorder && `border ${borderColor}`);
-    const leftRoundedBoxBorderClipping = classNames('right-50pct', commonRoundedBorderClippingClasses, pageBackground);
-    const contentWrapperClassNames = classNames('padding-left-20 padding-right-20', 'z-index-1', background, hasBorder && `border ${getBorderColorFromBg(background)}`);
-    const rightRoundedBox = classNames('margin-left--10', commonRoundedClasses, pageBackground, hasBorder && `border ${borderColor}`);
-    const rightRoundedBoxBorderClipping = classNames('left-50pct', commonRoundedBorderClippingClasses, pageBackground);
-    return (_jsxs("div", { "data-testid": 'ruleConnector', ...remainingProps, className: wrapperClassNames, children: [_jsx("div", { className: leftRoundedBox, children: _jsx("div", { className: leftRoundedBoxBorderClipping }) }), _jsx("span", { className: contentWrapperClassNames, children: _jsx("span", { className: contentClassName, children: children ? children : _jsx("span", { className: `rioglyph ${icon}`, "data-testid": 'ruleConnectorIcon' }) }) }), _jsx("div", { className: rightRoundedBox, children: _jsx("div", { className: rightRoundedBoxBorderClipping }) })] }));
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import e from "classnames";
+const y = (n) => n.replace("bg", "border-color"), l = e(
+  "width-20",
+  "height-20",
+  "rounded-circle",
+  "position-relative",
+  "z-index-2",
+  "box-sizing-content-box"
+), c = e("position-relative", "width-20", "height-20"), s = (n) => {
+  const {
+    placement: p = "center",
+    icon: g = "rioglyph-plus",
+    hidden: m = !1,
+    background: i = "bg-lightest",
+    pageBackground: t = "bg-white",
+    contentClassName: h = "text-color-light",
+    hasBorder: r = !1,
+    borderColor: a = "",
+    className: u = "",
+    children: d,
+    ...C
+  } = n, N = e(
+    "RuleConnector",
+    "height-20",
+    "display-flex",
+    `justify-content-${p}`,
+    "align-items-center",
+    "position-relative",
+    m && "opacity-0",
+    u
+  ), x = e(
+    "margin-right--10",
+    l,
+    t,
+    r && `border ${a}`
+  ), f = e("right-50pct", c, t), b = e(
+    "padding-left-20 padding-right-20",
+    "z-index-1",
+    i,
+    r && `border ${y(i)}`
+  ), B = e(
+    "margin-left--10",
+    l,
+    t,
+    r && `border ${a}`
+  ), R = e("left-50pct", c, t);
+  return /* @__PURE__ */ v("div", { "data-testid": "ruleConnector", ...C, className: N, children: [
+    /* @__PURE__ */ o("div", { className: x, children: /* @__PURE__ */ o("div", { className: f }) }),
+    /* @__PURE__ */ o("span", { className: b, children: /* @__PURE__ */ o("span", { className: h, children: d || /* @__PURE__ */ o("span", { className: `rioglyph ${g}`, "data-testid": "ruleConnectorIcon" }) }) }),
+    /* @__PURE__ */ o("div", { className: B, children: /* @__PURE__ */ o("div", { className: R }) })
+  ] });
 };
-RuleConnector.START = 'start';
-RuleConnector.CENTER = 'center';
-RuleConnector.END = 'end';
-export default RuleConnector;
+s.START = "start";
+s.CENTER = "center";
+s.END = "end";
+export {
+  s as default
+};
+//# sourceMappingURL=RuleConnector.js.map

package/components/rules/RuleConnector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleConnector.js","sources":["../../../src/components/rules/RuleConnector.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nconst getBorderColorFromBg = (bg: string) => bg.replace('bg', 'border-color');\n\nconst commonRoundedClasses = classNames(\n    'width-20',\n    'height-20',\n    'rounded-circle',\n    'position-relative',\n    'z-index-2',\n    'box-sizing-content-box'\n);\n\nconst commonRoundedBorderClippingClasses = classNames('position-relative', 'width-20', 'height-20');\n\nexport type RuleConnectorProps = {\n    /**\n     * The placement for the connector.\n     *\n     * Possible values are `start`, `center` and `end`.\n     *\n     * @default 'center'\n     */\n    placement?: 'start' | 'center' | 'end';\n\n    /**\n     * The rioglyph icon name.\n     *\n     * @default 'rioglyph-plus'\n     */\n    icon?: string;\n\n    /**\n     * Defines whether the connector is shown.\n     *\n     * @default false\n     */\n    hidden?: boolean;\n\n    /**\n     * Background color of the connector itself.\n     *\n     * @default 'bg-lightest'\n     */\n    background?: string;\n\n    /**\n     * Background color of the surrounding area where the rule containers are placed.\n     *\n     * @default 'bg-white'\n     */\n    pageBackground?: string;\n\n    /**\n     * Classes to be set on the connector content.\n     *\n     * @default 'text-color-light'\n     */\n    contentClassName?: string;\n\n    /**\n     * Defines whether the connector has a border.\n     *\n     * @default false\n     */\n    hasBorder?: boolean;\n\n    /**\n     * The border color class name.\n     */\n    borderColor?: string;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'className'>;\n\nconst RuleConnector = (props: PropsWithChildren<RuleConnectorProps>) => {\n    const {\n        placement = 'center',\n        icon = 'rioglyph-plus',\n        hidden = false,\n        background = 'bg-lightest',\n        pageBackground = 'bg-white',\n        contentClassName = 'text-color-light',\n        hasBorder = false,\n        borderColor = '',\n        className = '',\n        children,\n        ...remainingProps\n    } = props;\n\n    const wrapperClassNames = classNames(\n        'RuleConnector',\n        'height-20',\n        'display-flex',\n        `justify-content-${placement}`,\n        'align-items-center',\n        'position-relative',\n        hidden && 'opacity-0',\n        className\n    );\n\n    const leftRoundedBox = classNames(\n        'margin-right--10',\n        commonRoundedClasses,\n        pageBackground,\n        hasBorder && `border ${borderColor}`\n    );\n\n    const leftRoundedBoxBorderClipping = classNames('right-50pct', commonRoundedBorderClippingClasses, pageBackground);\n\n    const contentWrapperClassNames = classNames(\n        'padding-left-20 padding-right-20',\n        'z-index-1',\n        background,\n        hasBorder && `border ${getBorderColorFromBg(background)}`\n    );\n\n    const rightRoundedBox = classNames(\n        'margin-left--10',\n        commonRoundedClasses,\n        pageBackground,\n        hasBorder && `border ${borderColor}`\n    );\n\n    const rightRoundedBoxBorderClipping = classNames('left-50pct', commonRoundedBorderClippingClasses, pageBackground);\n\n    return (\n        <div data-testid='ruleConnector' {...remainingProps} className={wrapperClassNames}>\n            <div className={leftRoundedBox}>\n                <div className={leftRoundedBoxBorderClipping} />\n            </div>\n            <span className={contentWrapperClassNames}>\n                <span className={contentClassName}>\n                    {children ? children : <span className={`rioglyph ${icon}`} data-testid='ruleConnectorIcon' />}\n                </span>\n            </span>\n            <div className={rightRoundedBox}>\n                <div className={rightRoundedBoxBorderClipping} />\n            </div>\n        </div>\n    );\n};\n\nRuleConnector.START = 'start';\nRuleConnector.CENTER = 'center';\nRuleConnector.END = 'end';\n\nexport default RuleConnector;\n"],"names":["getBorderColorFromBg","bg","commonRoundedClasses","classNames","commonRoundedBorderClippingClasses","RuleConnector","props","placement","icon","hidden","background","pageBackground","contentClassName","hasBorder","borderColor","className","children","remainingProps","wrapperClassNames","leftRoundedBox","leftRoundedBoxBorderClipping","contentWrapperClassNames","rightRoundedBox","rightRoundedBoxBorderClipping","jsx"],"mappings":";;AAGA,MAAMA,IAAuB,CAACC,MAAeA,EAAG,QAAQ,MAAM,cAAc,GAEtEC,IAAuBC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAEMC,IAAqCD,EAAW,qBAAqB,YAAY,WAAW,GAiE5FE,IAAgB,CAACC,MAAiD;AACpE,QAAM;AAAA,IACF,WAAAC,IAAY;AAAA,IACZ,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,YAAAC,IAAa;AAAA,IACb,gBAAAC,IAAiB;AAAA,IACjB,kBAAAC,IAAmB;AAAA,IACnB,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GAEEY,IAAoBf;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmBI,CAAS;AAAA,IAC5B;AAAA,IACA;AAAA,IACAE,KAAU;AAAA,IACVM;AAAA,EAAA,GAGEI,IAAiBhB;AAAA,IACnB;AAAA,IACAD;AAAA,IACAS;AAAA,IACAE,KAAa,UAAUC,CAAW;AAAA,EAAA,GAGhCM,IAA+BjB,EAAW,eAAeC,GAAoCO,CAAc,GAE3GU,IAA2BlB;AAAA,IAC7B;AAAA,IACA;AAAA,IACAO;AAAA,IACAG,KAAa,UAAUb,EAAqBU,CAAU,CAAC;AAAA,EAAA,GAGrDY,IAAkBnB;AAAA,IACpB;AAAA,IACAD;AAAA,IACAS;AAAA,IACAE,KAAa,UAAUC,CAAW;AAAA,EAAA,GAGhCS,IAAgCpB,EAAW,cAAcC,GAAoCO,CAAc;AAEjH,2BACK,OAAA,EAAI,eAAY,iBAAiB,GAAGM,GAAgB,WAAWC,GAC5D,UAAA;AAAA,IAAA,gBAAAM,EAAC,SAAI,WAAWL,GACZ,4BAAC,OAAA,EAAI,WAAWC,GAA8B,EAAA,CAClD;AAAA,sBACC,QAAA,EAAK,WAAWC,GACb,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWZ,GACZ,UAAAI,KAAsB,gBAAAQ,EAAC,QAAA,EAAK,WAAW,YAAYhB,CAAI,IAAI,eAAY,qBAAoB,GAChG,EAAA,CACJ;AAAA,IACA,gBAAAgB,EAAC,SAAI,WAAWF,GACZ,4BAAC,OAAA,EAAI,WAAWC,GAA+B,EAAA,CACnD;AAAA,EAAA,GACJ;AAER;AAEAlB,EAAc,QAAQ;AACtBA,EAAc,SAAS;AACvBA,EAAc,MAAM;"}

package/components/rules/RuleContainer.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type JSX, type PropsWithChildren } from 'react';
+import { HTMLAttributes, JSX, PropsWithChildren } from 'react';
 export type RuleContainerProps = {
     /**
      * Defines whether the container is shown.

package/components/rules/RuleContainer.js

@@ -1,23 +1,50 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children } from 'react';
-import classNames from 'classnames';
-import { AnimatePresence, motion } from 'motion/react';
-import RuleConnector from "./RuleConnector.js";
-const RuleContainer = (props) => {
-    const { show = true, unchecked = false, background = 'bg-lightest', borderColor = '', hideConnector = false, customConnector, className = '', children, ...remainingProps } = props;
-    if (!show) {
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { Children as f } from "react";
+import C from "classnames";
+import { AnimatePresence as b, motion as x } from "motion/react";
+import y from "./RuleConnector.js";
+const j = (i) => {
+  const {
+    show: a = !0,
+    unchecked: o = !1,
+    background: s = "bg-lightest",
+    borderColor: d = "",
+    hideConnector: l = !1,
+    customConnector: n,
+    className: m = "",
+    children: c,
+    ...u
+  } = i;
+  if (!a)
+    return null;
+  const p = C(
+    "RuleContainerBox",
+    "position-relative",
+    "rounded padding-20",
+    s,
+    o && `border border-width border-style-dashed ${d}`,
+    m
+  );
+  return /* @__PURE__ */ h("div", { className: "RuleContainer", ...u, children: [
+    /* @__PURE__ */ e("div", { className: p, "data-testid": "ruleContainerBox", children: /* @__PURE__ */ e(b, { mode: "wait", children: f.map(c, (r) => {
+      if (!r)
         return null;
-    }
-    const boxClassNames = classNames('RuleContainerBox', 'position-relative', 'rounded padding-20', background, unchecked && `border border-width border-style-dashed ${borderColor}`, className);
-    return (_jsxs("div", { className: 'RuleContainer', ...remainingProps, children: [_jsx("div", { className: boxClassNames, "data-testid": 'ruleContainerBox', children: _jsx(AnimatePresence, { mode: 'wait', children: Children.map(children, child => {
-                        if (!child) {
-                            return null;
-                        }
-                        // just bending the type system a bit so that it matches the existing implementation :)
-                        const childAsElement = child;
-                        // In case there are multiple children of RuleContainer, use the
-                        // type name or the type itself as a key to animate between the two children
-                        return (_jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, children: child }, childAsElement.type?.name || childAsElement.type));
-                    }) }) }), customConnector ? customConnector : _jsx(RuleConnector, { hidden: unchecked || hideConnector })] }));
+      const t = r;
+      return /* @__PURE__ */ e(
+        x.div,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          children: r
+        },
+        t.type?.name || t.type
+      );
+    }) }) }),
+    n || /* @__PURE__ */ e(y, { hidden: o || l })
+  ] });
 };
-export default RuleContainer;
+export {
+  j as default
+};
+//# sourceMappingURL=RuleContainer.js.map

package/components/rules/RuleContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuleContainer.js","sources":["../../../src/components/rules/RuleContainer.tsx"],"sourcesContent":["import { Children, type HTMLAttributes, type JSX, type PropsWithChildren } from 'react';\nimport classNames from 'classnames';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport RuleConnector from './RuleConnector';\n\nexport type RuleContainerProps = {\n    /**\n     * Defines whether the container is shown.\n     *\n     * @default true\n     */\n    show?: boolean;\n\n    /**\n     * Determines the container style for when no rule option is selected.\n     *\n     * It also hides the connector in this case.\n     *\n     * @default false\n     */\n    unchecked?: boolean;\n\n    /**\n     * The box background class name.\n     *\n     * @default 'bg-lightest'\n     */\n    background?: string;\n\n    /**\n     * The border color class name.\n     */\n    borderColor?: string;\n\n    /**\n     * Defines whether the connector is shown.\n     *\n     * @default false\n     */\n    hideConnector?: boolean;\n\n    /**\n     * Overwrites the default connector.\n     */\n    customConnector?: string | JSX.Element;\n\n    /**\n     * Additional classes for the wrapper element.\n     */\n    className?: string;\n} & Omit<HTMLAttributes<HTMLDivElement>, 'className'>;\n\nconst RuleContainer = (props: PropsWithChildren<RuleContainerProps>) => {\n    const {\n        show = true,\n        unchecked = false,\n        background = 'bg-lightest',\n        borderColor = '',\n        hideConnector = false,\n        customConnector,\n        className = '',\n        children,\n        ...remainingProps\n    } = props;\n\n    if (!show) {\n        return null;\n    }\n\n    const boxClassNames = classNames(\n        'RuleContainerBox',\n        'position-relative',\n        'rounded padding-20',\n        background,\n        unchecked && `border border-width border-style-dashed ${borderColor}`,\n        className\n    );\n\n    return (\n        <div className='RuleContainer' {...remainingProps}>\n            <div className={boxClassNames} data-testid='ruleContainerBox'>\n                <AnimatePresence mode='wait'>\n                    {Children.map(children, child => {\n                        if (!child) {\n                            return null;\n                        }\n\n                        // just bending the type system a bit so that it matches the existing implementation :)\n                        const childAsElement = child as unknown as { type: string & { name: string } };\n\n                        // In case there are multiple children of RuleContainer, use the\n                        // type name or the type itself as a key to animate between the two children\n                        return (\n                            <motion.div\n                                key={childAsElement.type?.name || childAsElement.type}\n                                initial={{ opacity: 0 }}\n                                animate={{ opacity: 1 }}\n                                exit={{ opacity: 0 }}\n                            >\n                                {child}\n                            </motion.div>\n                        );\n                    })}\n                </AnimatePresence>\n            </div>\n            {customConnector ? customConnector : <RuleConnector hidden={unchecked || hideConnector} />}\n        </div>\n    );\n};\n\nexport default RuleContainer;\n"],"names":["RuleContainer","props","show","unchecked","background","borderColor","hideConnector","customConnector","className","children","remainingProps","boxClassNames","classNames","jsxs","jsx","AnimatePresence","Children","child","childAsElement","motion","RuleConnector"],"mappings":";;;;;AAqDA,MAAMA,IAAgB,CAACC,MAAiD;AACpE,QAAM;AAAA,IACF,MAAAC,IAAO;AAAA,IACP,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,eAAAC,IAAgB;AAAA,IAChB,iBAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHT;AAEJ,MAAI,CAACC;AACD,WAAO;AAGX,QAAMS,IAAgBC;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACAR;AAAA,IACAD,KAAa,2CAA2CE,CAAW;AAAA,IACnEG;AAAA,EAAA;AAGJ,SACI,gBAAAK,EAAC,OAAA,EAAI,WAAU,iBAAiB,GAAGH,GAC/B,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWH,GAAe,eAAY,oBACvC,UAAA,gBAAAG,EAACC,GAAA,EAAgB,MAAK,QACjB,UAAAC,EAAS,IAAIP,GAAU,CAAAQ,MAAS;AAC7B,UAAI,CAACA;AACD,eAAO;AAIX,YAAMC,IAAiBD;AAIvB,aACI,gBAAAH;AAAA,QAACK,EAAO;AAAA,QAAP;AAAA,UAEG,SAAS,EAAE,SAAS,EAAA;AAAA,UACpB,SAAS,EAAE,SAAS,EAAA;AAAA,UACpB,MAAM,EAAE,SAAS,EAAA;AAAA,UAEhB,UAAAF;AAAA,QAAA;AAAA,QALIC,EAAe,MAAM,QAAQA,EAAe;AAAA,MAAA;AAAA,IAQ7D,CAAC,GACL,GACJ;AAAA,IACCX,KAAoC,gBAAAO,EAACM,GAAA,EAAc,QAAQjB,KAAaG,EAAA,CAAe;AAAA,EAAA,GAC5F;AAER;"}

package/components/rules/RulesWrapper.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, PropsWithChildren } from 'react';
+import { HTMLAttributes, PropsWithChildren } from 'react';
 type RulesWrapperProps = HTMLAttributes<HTMLDivElement>;
 declare const RulesWrapper: ({ children, ...remainingProps }: PropsWithChildren<RulesWrapperProps>) => import("react/jsx-runtime").JSX.Element;
 export default RulesWrapper;

package/components/rules/RulesWrapper.js

@@ -1,6 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AnimatePresence, motion } from 'motion/react';
-const RulesWrapper = ({ children, ...remainingProps }) => (
-// @ts-ignore-next-line
-_jsx(motion.div, { initial: false, layout: true, ...remainingProps, children: _jsx(AnimatePresence, { children: _jsx(motion.div, { layout: 'position', children: children }) }) }));
-export default RulesWrapper;
+import { jsx as i } from "react/jsx-runtime";
+import { motion as e, AnimatePresence as r } from "motion/react";
+const n = ({ children: o, ...t }) => (
+  // @ts-ignore-next-line
+  /* @__PURE__ */ i(e.div, { initial: !1, layout: !0, ...t, children: /* @__PURE__ */ i(r, { children: /* @__PURE__ */ i(e.div, { layout: "position", children: o }) }) })
+);
+export {
+  n as default
+};
+//# sourceMappingURL=RulesWrapper.js.map

package/components/rules/RulesWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RulesWrapper.js","sources":["../../../src/components/rules/RulesWrapper.tsx"],"sourcesContent":["import type { HTMLAttributes, PropsWithChildren } from 'react';\nimport { AnimatePresence, motion } from 'motion/react';\n\ntype RulesWrapperProps = HTMLAttributes<HTMLDivElement>;\n\nconst RulesWrapper = ({ children, ...remainingProps }: PropsWithChildren<RulesWrapperProps>) => (\n    // @ts-ignore-next-line\n    <motion.div initial={false} layout {...remainingProps}>\n        {/* @ts-ignore-next-line */}\n        <AnimatePresence>\n            <motion.div layout='position'>{children}</motion.div>\n        </AnimatePresence>\n    </motion.div>\n);\n\nexport default RulesWrapper;\n"],"names":["RulesWrapper","children","remainingProps","jsx","motion","AnimatePresence"],"mappings":";;AAKA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,GAAGC,EAAA;AAAA;AAAA,EAEjC,gBAAAC,EAACC,EAAO,KAAP,EAAW,SAAS,IAAO,QAAM,IAAE,GAAGF,GAEnC,4BAACG,GAAA,EACG,UAAA,gBAAAF,EAACC,EAAO,KAAP,EAAW,QAAO,YAAY,UAAAH,GAAS,GAC5C,EAAA,CACJ;AAAA;"}

package/components/saveableInput/SaveableDateInput.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLAttributes } from 'react';
-import type { Moment } from 'moment';
-import { type DatePickerProps } from '../datepicker/DatePicker';
+import { HTMLAttributes } from 'react';
+import { Moment } from 'moment';
+import { DatePickerProps } from '../datepicker/DatePicker';
 export type SaveableDateInputProps = {
     /**
      * The input placeholder.