npm - @unoff/ui - Versions diffs - 1.21.0 → 1.21.2 - Mend

@unoff/ui 1.21.0 → 1.21.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (201) hide show

package/dist/components/actions/card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sources":["../../../../src/components/actions/card/Card.tsx"],"sourcesContent":["import { useState } from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Thumbnail from '@components/assets/thumbnail/Thumbnail'\nimport './card.scss'\~~nimport { doClassnames } from '@a_ng_d/figmug-utils'\~~n\ninterface CardProps {\n /*\n Image source URL for the card thumbnail\n /\n src?: string\n /\n Tag label of the card\n /\n tag?: string\n /\n Main title of the card\n /\n title?: string\n /\n Subtitle text of the card\n /\n subtitle?: string\n /\n Rich text content to display in the card\n /\n richText?: React.ReactNode\n /\n Action buttons to display on hover\n /\n actions?: React.ReactNode\n /\n Whether the card should fill available space\n * @default false\n /\n shouldFill?: boolean\n /\n Click handler for the card\n */\n action: (\n event: React.MouseEvent<Element> \| React.KeyboardEvent<Element>\n ) => void\n}\n\nconst Card = (props: CardProps) => {\n const [isActionsVisible, setActionsVisible] = useState<boolean>(false)\n const {\n src,\n tag,\n title,\n subtitle,\n richText,\n actions,\n shouldFill = false,\n action,\n } = props\n\n return (\n <div\n className={doClassnames(['card', shouldFill && 'card--fill'])}\n role=\"article\"\n onMouseEnter={() => setActionsVisible(true)}\n onMouseLeave={() => setActionsVisible(false)}\n onFocus={() => setActionsVisible(true)}\n onBlur={() => setActionsVisible(false)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') action(e)\n if (e.key === 'Escape') (e.target as HTMLElement).blur()\n }}\n onMouseDown={action}\n tabIndex={0}\n >\n {tag !== undefined && (\n <div\n className=\"card__tags\"\n role=\"group\"\n >\n <Chip isSolo>{tag}</Chip>\n </div>\n )}\n {src && (\n <div\n className=\"card__asset\"\n role=\"group\"\n >\n <Thumbnail src={src} />\n {actions && (\n <div\n className={'card__actions'}\n role=\"group\"\n aria-hidden={!isActionsVisible}\n >\n {isActionsVisible && actions}\n </div>\n )}\n </div>\n )}\n <div\n className=\"card__text\"\n role=\"contentinfo\"\n >\n {title && (\n <span\n className={doClassnames([\n texts.type,\n texts['type--xlarge'],\n texts['type--bold'],\n ])}\n role=\"heading\"\n aria-level={3}\n >\n {title}\n </span>\n )}\n {subtitle && (\n <span\n className={doClassnames([texts.type, texts['type--large']])}\n role=\"note\"\n >\n {subtitle}\n </span>\n )}\n\n {richText && <>{richText}</>}\n </div>\n </div>\n )\n}\n\nexport default Card\n"],"names":["Card","props","isActionsVisible","setActionsVisible","useState","src","tag","title","subtitle","richText","actions","shouldFill","action","jsxs","doClassnames","e","jsx","Chip","Thumbnail","texts"],"mappings":";;;;;;AA6CA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM,CAACC,GAAkBC,CAAiB,IAAIC,EAAkB,EAAK,GAC/D;AAAA,IACJ,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC;AAAA,EAAA,IACEX;AAEJ,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa,CAAC,QAAQH,KAAc,YAAY,CAAC;AAAA,MAC5D,MAAK;AAAA,MACL,cAAc,MAAMR,EAAkB,EAAI;AAAA,MAC1C,cAAc,MAAMA,EAAkB,EAAK;AAAA,MAC3C,SAAS,MAAMA,EAAkB,EAAI;AAAA,MACrC,QAAQ,MAAMA,EAAkB,EAAK;AAAA,MACrC,WAAW,CAACY,MAAM;AAChB,SAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,UAAYA,CAAC,GAC5CA,EAAE,QAAQ,YAAWA,EAAE,OAAuB,KAAA;AAAA,MACpD;AAAA,MACA,aAAaH;AAAA,MACb,UAAU;AAAA,MAET,UAAA;AAAA,QAAAN,MAAQ,UACP,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,UAAA,gBAAAA,EAACC,GAAA,EAAK,QAAM,IAAE,UAAAX,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrBD,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAAG,EAACE,KAAU,KAAAb,GAAU;AAAA,cACpBK,KACC,gBAAAM;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,MAAK;AAAA,kBACL,eAAa,CAACd;AAAA,kBAEb,UAAAA,KAAoBQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,QAAA;AAAA,QAIN,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAN,KACC,gBAAAS;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF,EAAa;AAAA,oBACtBK,EAAM;AAAA,oBACNA,EAAM,cAAc;AAAA,oBACpBA,EAAM,YAAY;AAAA,kBAAA,CACnB;AAAA,kBACD,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEX,UAAAZ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGJC,KACC,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF,EAAa,CAACK,EAAM,MAAMA,EAAM,aAAa,CAAC,CAAC;AAAA,kBAC1D,MAAK;AAAA,kBAEJ,UAAAX;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIJC,4BAAe,UAAAA,EAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"Card.js","sources":["../../../../src/components/actions/card/Card.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport Chip from '@components/tags/chip/Chip'\nimport Thumbnail from '@components/assets/thumbnail/Thumbnail'\nimport './card.scss'\n\ninterface CardProps {\n /*\n Image source URL for the card thumbnail\n /\n src?: string\n /\n Tag label of the card\n /\n tag?: string\n /\n Main title of the card\n /\n title?: string\n /\n Subtitle text of the card\n /\n subtitle?: string\n /\n Rich text content to display in the card\n /\n richText?: React.ReactNode\n /\n Action buttons to display on hover\n /\n actions?: React.ReactNode\n /\n Whether the card should fill available space\n * @default false\n /\n shouldFill?: boolean\n /\n Click handler for the card\n */\n action: (\n event: React.MouseEvent<Element> \| React.KeyboardEvent<Element>\n ) => void\n}\n\nconst Card = (props: CardProps) => {\n const [isActionsVisible, setActionsVisible] = useState<boolean>(false)\n const {\n src,\n tag,\n title,\n subtitle,\n richText,\n actions,\n shouldFill = false,\n action,\n } = props\n\n return (\n <div\n className={doClassnames(['card', shouldFill && 'card--fill'])}\n role=\"article\"\n onMouseEnter={() => setActionsVisible(true)}\n onMouseLeave={() => setActionsVisible(false)}\n onFocus={() => setActionsVisible(true)}\n onBlur={() => setActionsVisible(false)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' \|\| e.key === ' ') action(e)\n if (e.key === 'Escape') (e.target as HTMLElement).blur()\n }}\n onMouseDown={action}\n tabIndex={0}\n >\n {tag !== undefined && (\n <div\n className=\"card__tags\"\n role=\"group\"\n >\n <Chip isSolo>{tag}</Chip>\n </div>\n )}\n {src && (\n <div\n className=\"card__asset\"\n role=\"group\"\n >\n <Thumbnail src={src} />\n {actions && (\n <div\n className={'card__actions'}\n role=\"group\"\n aria-hidden={!isActionsVisible}\n >\n {isActionsVisible && actions}\n </div>\n )}\n </div>\n )}\n <div\n className=\"card__text\"\n role=\"contentinfo\"\n >\n {title && (\n <span\n className={doClassnames([\n texts.type,\n texts['type--xlarge'],\n texts['type--bold'],\n ])}\n role=\"heading\"\n aria-level={3}\n >\n {title}\n </span>\n )}\n {subtitle && (\n <span\n className={doClassnames([texts.type, texts['type--large']])}\n role=\"note\"\n >\n {subtitle}\n </span>\n )}\n\n {richText && <>{richText}</>}\n </div>\n </div>\n )\n}\n\nexport default Card\n"],"names":["Card","props","isActionsVisible","setActionsVisible","useState","src","tag","title","subtitle","richText","actions","shouldFill","action","jsxs","doClassnames","e","jsx","Chip","Thumbnail","texts"],"mappings":";;;;;;AA6CA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM,CAACC,GAAkBC,CAAiB,IAAIC,EAAkB,EAAK,GAC/D;AAAA,IACJ,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,QAAAC;AAAA,EAAA,IACEX;AAEJ,SACE,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa,CAAC,QAAQH,KAAc,YAAY,CAAC;AAAA,MAC5D,MAAK;AAAA,MACL,cAAc,MAAMR,EAAkB,EAAI;AAAA,MAC1C,cAAc,MAAMA,EAAkB,EAAK;AAAA,MAC3C,SAAS,MAAMA,EAAkB,EAAI;AAAA,MACrC,QAAQ,MAAMA,EAAkB,EAAK;AAAA,MACrC,WAAW,CAACY,MAAM;AAChB,SAAIA,EAAE,QAAQ,WAAWA,EAAE,QAAQ,UAAYA,CAAC,GAC5CA,EAAE,QAAQ,YAAWA,EAAE,OAAuB,KAAA;AAAA,MACpD;AAAA,MACA,aAAaH;AAAA,MACb,UAAU;AAAA,MAET,UAAA;AAAA,QAAAN,MAAQ,UACP,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,UAAA,gBAAAA,EAACC,GAAA,EAAK,QAAM,IAAE,UAAAX,EAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGrBD,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,UAAA;AAAA,cAAA,gBAAAG,EAACE,KAAU,KAAAb,GAAU;AAAA,cACpBK,KACC,gBAAAM;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,MAAK;AAAA,kBACL,eAAa,CAACd;AAAA,kBAEb,UAAAA,KAAoBQ;AAAA,gBAAA;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,QAAA;AAAA,QAIN,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAN,KACC,gBAAAS;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF,EAAa;AAAA,oBACtBK,EAAM;AAAA,oBACNA,EAAM,cAAc;AAAA,oBACpBA,EAAM,YAAY;AAAA,kBAAA,CACnB;AAAA,kBACD,MAAK;AAAA,kBACL,cAAY;AAAA,kBAEX,UAAAZ;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGJC,KACC,gBAAAQ;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF,EAAa,CAACK,EAAM,MAAMA,EAAM,aAAa,CAAC,CAAC;AAAA,kBAC1D,MAAK;AAAA,kBAEJ,UAAAX;AAAA,gBAAA;AAAA,cAAA;AAAA,cAIJC,4BAAe,UAAAA,EAAA,CAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/actions/knob/Knob.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
 export interface KnobProps {
     /**
      * Unique identifier for the knob
@@ -77,12 +76,12 @@ export interface KnobProps {
      */
     onValidStopValue?: (stopId: string, e: React.FocusEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>) => void;
 }
-export interface KnobStates {
+export interface KnobState {
     isStopInputOpen: boolean;
     isTooltipOpen: boolean;
     stopInputValue: string | number;
 }
-export default class Knob extends React.Component<KnobProps, KnobStates> {
+export default class Knob extends React.Component<KnobProps, KnobState> {
     static defaultProps: Partial<KnobProps>;
     constructor(props: KnobProps);
     keyboardHandler: (action: string, e: React.KeyboardEvent<HTMLInputElement>) => void;

package/dist/components/actions/knob/Knob.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Knob.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/knob/Knob.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,2BAA2B;QAC3B,IAAI,EAAE,YAAY,GAAG,aAAa,GAAG,YAAY,CAAA;KAClD,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IAC1D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACvD;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACpD;;OAEG;IACH,gBAAgB,CAAC,EAAE,CACjB,MAAM,EAAE,MAAM,EACd,CAAC,EACG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAClC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACtC,IAAI,CAAA;CACV;AAED,MAAM,WAAW,~~UAAU~~;~~IACzB~~,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,OAAO,CAAA;IACtB,cAAc,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,~~UAAU~~,CAAC;~~IACtE~~,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAGtC;gBAEW,KAAK,EAAE,SAAS;IAU5B,eAAe,~~WACL~~,MAAM,~~KACX~~,~~mBAAmB~~,CAAC,gBAAgB,CAAC,UAiCzC;IAED,YAAY,~~MAAO~~,~~gBAAgB~~,CAAC,cAAc,CAAC,UASlD;IAED,kBAAkB,~~UAAW~~,MAAM,GAAG,MAAM,YAK3C;IAGD,MAAM;CAqIP"}
1	+ {"version":3,"file":"Knob.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/knob/Knob.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,2BAA2B;QAC3B,IAAI,EAAE,YAAY,GAAG,aAAa,GAAG,YAAY,CAAA;KAClD,CAAA;IACD;;OAEG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IAC1D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACvD;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAA;IACpD;;OAEG;IACH,gBAAgB,CAAC,EAAE,CACjB,MAAM,EAAE,MAAM,EACd,CAAC,EACG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAClC,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACtC,IAAI,CAAA;CACV;AAED,MAAM,WAAW,SAAS;IACxB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,OAAO,CAAA;IACtB,cAAc,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IACrE,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAGtC;gBAEW,KAAK,EAAE,SAAS;IAU5B,eAAe,GACb,QAAQ,MAAM,EACd,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAiCzC;IAED,YAAY,GAAI,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,UASlD;IAED,kBAAkB,GAAI,OAAO,MAAM,GAAG,MAAM,YAK3C;IAGD,MAAM;CAqIP"}

package/dist/components/actions/knob/Knob.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import '../../../assets/Knob.css';
 import { jsxs as k, jsx as n } from "react/jsx-runtime";
 import O from "react";
+import { t as u } from "../../../do-classnames-DSDFCvzy.js";
 import v from "../../../styles/texts/texts.module.js";
 import I from "../../tags/tooltip/Tooltip.js";
 import T from "../../inputs/input/Input.js";
-import { t as u } from "../../../do-classnames-DSDFCvzy.js";
 class D extends O.Component {
   static defaultProps = {
     isBlocked: !1,

package/dist/components/actions/knob/Knob.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Knob.js","sources":["../../../../src/components/actions/knob/Knob.tsx"],"sourcesContent":["import React from 'react'\nimport texts from '@styles/texts/texts.module.scss'\nimport Tooltip from '@components/tags/tooltip/Tooltip'\nimport Input from '@components/inputs/input/Input'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport './knob.scss'\n\nexport interface KnobProps {\n /*\n Unique identifier for the knob\n /\n id: string\n /\n Short identifier for the knob\n /\n shortId: string\n /\n Current value of the knob\n /\n value: string \| number\n /\n Offset position for the knob display\n /\n offset: number\n /\n Minimum allowed value\n /\n min?: string\n /\n Maximum allowed value\n /\n max?: string\n /\n Helper tooltip configuration\n /\n helper?: {\n /* Tooltip content /\n label: string \| React.ReactNode\n /* Tooltip display type /\n type: 'MULTI_LINE' \| 'SINGLE_LINE' \| 'WITH_IMAGE'\n }\n /\n Whether the value can be edited by typing\n /\n canBeTyped: boolean\n /\n Whether the knob is visible\n /\n isDisplayed: boolean\n /\n Whether the knob is blocked\n * @default false\n /\n isBlocked: boolean\n /\n Whether the knob is disabled\n * @default false\n /\n isDisabled: boolean\n /\n Custom inline styles\n /\n style?: React.CSSProperties\n /\n Handler for right arrow key\n /\n onShiftRight?: React.KeyboardEventHandler<HTMLInputElement>\n /\n Handler for left arrow key\n /\n onShiftLeft?: React.KeyboardEventHandler<HTMLInputElement>\n /\n Handler for delete key\n /\n onDelete?: React.KeyboardEventHandler<HTMLInputElement>\n /\n Mouse down handler for dragging\n /\n onMouseDown: React.MouseEventHandler<HTMLDivElement>\n /\n Callback when value is validated\n */\n onValidStopValue?: (\n stopId: string,\n e:\n \| React.FocusEvent<HTMLInputElement>\n \| React.KeyboardEvent<HTMLInputElement>\n ) => void\n}\n\nexport interface KnobStates {\n isStopInputOpen: boolean\n isTooltipOpen: boolean\n stopInputValue: string \| number\n}\n\nexport default class Knob extends React.Component<KnobProps, KnobStates> {\n static defaultProps: Partial<KnobProps> = {\n isBlocked: false,\n isDisabled: false,\n }\n\n constructor(props: KnobProps) {\n super(props)\n this.state = {\n isStopInputOpen: false,\n isTooltipOpen: false,\n stopInputValue: props.value,\n }\n }\n\n // Handlers\n keyboardHandler = (\n action: string,\n e: React.KeyboardEvent<HTMLInputElement>\n ) => {\n const { value, canBeTyped, onShiftRight, onShiftLeft, onDelete } =\n this.props\n\n const actions = {\n ArrowRight: () => {\n if (onShiftRight !== undefined) onShiftRight(e)\n },\n ArrowLeft: () => {\n if (onShiftLeft !== undefined) onShiftLeft(e)\n },\n Enter: () => {\n if (canBeTyped)\n this.setState({\n isStopInputOpen: true,\n isTooltipOpen: false,\n stopInputValue: value,\n })\n },\n Escape: () => {\n ;(e.target as HTMLElement).blur()\n this.setState({ isStopInputOpen: false })\n },\n Backspace: () => {\n if (onDelete !== undefined) onDelete(e)\n },\n }\n\n if (e.currentTarget === e.target)\n return actions[\n action as 'ArrowRight' \| 'ArrowLeft' \| 'Enter' \| 'Escape' \| 'Backspace'\n ]?.()\n }\n\n clickHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n const { canBeTyped, value } = this.props\n\n if (e.detail === 2 && canBeTyped)\n this.setState({\n isStopInputOpen: true,\n isTooltipOpen: false,\n stopInputValue: value,\n })\n }\n\n transformStopValue = (value: string \| number) => {\n let newValue = value\n if (typeof newValue !== 'string') newValue = newValue.toFixed(1)\n if (newValue.includes('.0')) return (newValue = newValue.replace('.0', ''))\n return newValue\n }\n\n // Render\n render() {\n const {\n id,\n shortId,\n value,\n min,\n max,\n offset,\n helper,\n style,\n isDisplayed,\n isBlocked,\n isDisabled,\n onMouseDown,\n onValidStopValue,\n } = this.props\n const { isTooltipOpen, isStopInputOpen, stopInputValue } = this.state\n\n return (\n <div\n className={doClassnames([\n 'knob',\n isStopInputOpen && 'knob--editing',\n (isBlocked \|\| isDisabled) && 'knob--disabled',\n ])}\n style={{\n left: `${offset}%`,\n zIndex: isTooltipOpen ? '2' : '1',\n ...style,\n }}\n data-id={id}\n data-value={value}\n role=\"slider\"\n aria-label={`${shortId} knob, value ${this.transformStopValue(value)}`}\n aria-valuemin={min ? parseFloat(min) : undefined}\n aria-valuemax={max ? parseFloat(max) : undefined}\n aria-valuenow={typeof value === 'number' ? value : parseFloat(value)}\n aria-valuetext={this.transformStopValue(value).toString()}\n aria-disabled={isDisabled \|\| isBlocked}\n aria-readonly={isBlocked}\n tabIndex={!(isBlocked \|\| isDisabled) ? 0 : -1}\n onKeyDown={(e) =>\n !(isBlocked \|\| isDisabled)\n ? this.keyboardHandler(\n e.key,\n e as React.KeyboardEvent<HTMLInputElement>\n )\n : undefined\n }\n onMouseDown={!(isBlocked \|\| isDisabled) ? onMouseDown : undefined}\n onMouseEnter={() =>\n !(isBlocked \|\| isDisabled \|\| isStopInputOpen)\n ? this.setState({ isTooltipOpen: true })\n : undefined\n }\n onMouseLeave={(e) => {\n const isFocused = document.activeElement === e.target\n if (isFocused && !(isBlocked \|\| isDisabled))\n this.setState({ isTooltipOpen: true })\n else this.setState({ isTooltipOpen: false })\n }}\n onFocus={() =>\n !(isBlocked \|\| isDisabled)\n ? this.setState({ isTooltipOpen: true })\n : undefined\n }\n onBlur={() =>\n !(isBlocked \|\| isDisabled)\n ? this.setState({ isTooltipOpen: false })\n : undefined\n }\n onClick={(e) =>\n !(isBlocked \|\| isDisabled) ? this.clickHandler(e) : undefined\n }\n >\n {(isDisplayed \|\| isTooltipOpen) && (\n <div\n className={doClassnames(['knob__tooltip'])}\n role=\"status\"\n >\n <span\n className={doClassnames([texts.type, texts['type--inverse']])}\n >\n {this.transformStopValue(value)}\n </span>\n </div>\n )}\n {isStopInputOpen && (\n <div\n className=\"knob__input\"\n role=\"group\"\n >\n <Input\n type=\"NUMBER\"\n value={(stopInputValue as number).toFixed(1) ?? '0'}\n min={min}\n max={max}\n step=\"0.1\"\n feature=\"TYPE_STOP_VALUE\"\n shouldBlur={true}\n isAutoFocus={true}\n isFlex={true}\n onFocus={() =>\n this.setState({\n stopInputValue: value,\n })\n }\n onBlur={(e: React.FocusEvent<HTMLInputElement>) => {\n if ((e.target as HTMLInputElement)?.value !== value)\n onValidStopValue?.(shortId, e)\n this.setState({ isStopInputOpen: false })\n }}\n />\n </div>\n )}\n <div\n className={doClassnames(['knob__label'])}\n role=\"presentation\"\n aria-hidden=\"true\"\n >\n <span className={doClassnames([texts.type])}>{shortId}</span>\n </div>\n <div\n className=\"knob__graduation\"\n role=\"presentation\"\n aria-hidden=\"true\"\n ></div>\n {helper !== undefined && isTooltipOpen && (\n <Tooltip type={helper.type}>{helper.label}</Tooltip>\n )}\n </div>\n )\n }\n}\n"],"names":["Knob","React","props","action","value","canBeTyped","onShiftRight","onShiftLeft","onDelete","actions","e","newValue","id","shortId","min","max","offset","helper","style","isDisplayed","isBlocked","isDisabled","onMouseDown","onValidStopValue","isTooltipOpen","isStopInputOpen","stopInputValue","jsxs","doClassnames","jsx","texts","Input","Tooltip"],"mappings":"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"}
1	+ {"version":3,"file":"Knob.js","sources":["../../../../src/components/actions/knob/Knob.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport Tooltip from '@components/tags/tooltip/Tooltip'\nimport Input from '@components/inputs/input/Input'\nimport './knob.scss'\n\nexport interface KnobProps {\n /*\n Unique identifier for the knob\n /\n id: string\n /\n Short identifier for the knob\n /\n shortId: string\n /\n Current value of the knob\n /\n value: string \| number\n /\n Offset position for the knob display\n /\n offset: number\n /\n Minimum allowed value\n /\n min?: string\n /\n Maximum allowed value\n /\n max?: string\n /\n Helper tooltip configuration\n /\n helper?: {\n /* Tooltip content /\n label: string \| React.ReactNode\n /* Tooltip display type /\n type: 'MULTI_LINE' \| 'SINGLE_LINE' \| 'WITH_IMAGE'\n }\n /\n Whether the value can be edited by typing\n /\n canBeTyped: boolean\n /\n Whether the knob is visible\n /\n isDisplayed: boolean\n /\n Whether the knob is blocked\n * @default false\n /\n isBlocked: boolean\n /\n Whether the knob is disabled\n * @default false\n /\n isDisabled: boolean\n /\n Custom inline styles\n /\n style?: React.CSSProperties\n /\n Handler for right arrow key\n /\n onShiftRight?: React.KeyboardEventHandler<HTMLInputElement>\n /\n Handler for left arrow key\n /\n onShiftLeft?: React.KeyboardEventHandler<HTMLInputElement>\n /\n Handler for delete key\n /\n onDelete?: React.KeyboardEventHandler<HTMLInputElement>\n /\n Mouse down handler for dragging\n /\n onMouseDown: React.MouseEventHandler<HTMLDivElement>\n /\n Callback when value is validated\n */\n onValidStopValue?: (\n stopId: string,\n e:\n \| React.FocusEvent<HTMLInputElement>\n \| React.KeyboardEvent<HTMLInputElement>\n ) => void\n}\n\nexport interface KnobState {\n isStopInputOpen: boolean\n isTooltipOpen: boolean\n stopInputValue: string \| number\n}\n\nexport default class Knob extends React.Component<KnobProps, KnobState> {\n static defaultProps: Partial<KnobProps> = {\n isBlocked: false,\n isDisabled: false,\n }\n\n constructor(props: KnobProps) {\n super(props)\n this.state = {\n isStopInputOpen: false,\n isTooltipOpen: false,\n stopInputValue: props.value,\n }\n }\n\n // Handlers\n keyboardHandler = (\n action: string,\n e: React.KeyboardEvent<HTMLInputElement>\n ) => {\n const { value, canBeTyped, onShiftRight, onShiftLeft, onDelete } =\n this.props\n\n const actions = {\n ArrowRight: () => {\n if (onShiftRight !== undefined) onShiftRight(e)\n },\n ArrowLeft: () => {\n if (onShiftLeft !== undefined) onShiftLeft(e)\n },\n Enter: () => {\n if (canBeTyped)\n this.setState({\n isStopInputOpen: true,\n isTooltipOpen: false,\n stopInputValue: value,\n })\n },\n Escape: () => {\n ;(e.target as HTMLElement).blur()\n this.setState({ isStopInputOpen: false })\n },\n Backspace: () => {\n if (onDelete !== undefined) onDelete(e)\n },\n }\n\n if (e.currentTarget === e.target)\n return actions[\n action as 'ArrowRight' \| 'ArrowLeft' \| 'Enter' \| 'Escape' \| 'Backspace'\n ]?.()\n }\n\n clickHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n const { canBeTyped, value } = this.props\n\n if (e.detail === 2 && canBeTyped)\n this.setState({\n isStopInputOpen: true,\n isTooltipOpen: false,\n stopInputValue: value,\n })\n }\n\n transformStopValue = (value: string \| number) => {\n let newValue = value\n if (typeof newValue !== 'string') newValue = newValue.toFixed(1)\n if (newValue.includes('.0')) return (newValue = newValue.replace('.0', ''))\n return newValue\n }\n\n // Render\n render() {\n const {\n id,\n shortId,\n value,\n min,\n max,\n offset,\n helper,\n style,\n isDisplayed,\n isBlocked,\n isDisabled,\n onMouseDown,\n onValidStopValue,\n } = this.props\n const { isTooltipOpen, isStopInputOpen, stopInputValue } = this.state\n\n return (\n <div\n className={doClassnames([\n 'knob',\n isStopInputOpen && 'knob--editing',\n (isBlocked \|\| isDisabled) && 'knob--disabled',\n ])}\n style={{\n left: `${offset}%`,\n zIndex: isTooltipOpen ? '2' : '1',\n ...style,\n }}\n data-id={id}\n data-value={value}\n role=\"slider\"\n aria-label={`${shortId} knob, value ${this.transformStopValue(value)}`}\n aria-valuemin={min ? parseFloat(min) : undefined}\n aria-valuemax={max ? parseFloat(max) : undefined}\n aria-valuenow={typeof value === 'number' ? value : parseFloat(value)}\n aria-valuetext={this.transformStopValue(value).toString()}\n aria-disabled={isDisabled \|\| isBlocked}\n aria-readonly={isBlocked}\n tabIndex={!(isBlocked \|\| isDisabled) ? 0 : -1}\n onKeyDown={(e) =>\n !(isBlocked \|\| isDisabled)\n ? this.keyboardHandler(\n e.key,\n e as React.KeyboardEvent<HTMLInputElement>\n )\n : undefined\n }\n onMouseDown={!(isBlocked \|\| isDisabled) ? onMouseDown : undefined}\n onMouseEnter={() =>\n !(isBlocked \|\| isDisabled \|\| isStopInputOpen)\n ? this.setState({ isTooltipOpen: true })\n : undefined\n }\n onMouseLeave={(e) => {\n const isFocused = document.activeElement === e.target\n if (isFocused && !(isBlocked \|\| isDisabled))\n this.setState({ isTooltipOpen: true })\n else this.setState({ isTooltipOpen: false })\n }}\n onFocus={() =>\n !(isBlocked \|\| isDisabled)\n ? this.setState({ isTooltipOpen: true })\n : undefined\n }\n onBlur={() =>\n !(isBlocked \|\| isDisabled)\n ? this.setState({ isTooltipOpen: false })\n : undefined\n }\n onClick={(e) =>\n !(isBlocked \|\| isDisabled) ? this.clickHandler(e) : undefined\n }\n >\n {(isDisplayed \|\| isTooltipOpen) && (\n <div\n className={doClassnames(['knob__tooltip'])}\n role=\"status\"\n >\n <span\n className={doClassnames([texts.type, texts['type--inverse']])}\n >\n {this.transformStopValue(value)}\n </span>\n </div>\n )}\n {isStopInputOpen && (\n <div\n className=\"knob__input\"\n role=\"group\"\n >\n <Input\n type=\"NUMBER\"\n value={(stopInputValue as number).toFixed(1) ?? '0'}\n min={min}\n max={max}\n step=\"0.1\"\n feature=\"TYPE_STOP_VALUE\"\n shouldBlur={true}\n isAutoFocus={true}\n isFlex={true}\n onFocus={() =>\n this.setState({\n stopInputValue: value,\n })\n }\n onBlur={(e: React.FocusEvent<HTMLInputElement>) => {\n if ((e.target as HTMLInputElement)?.value !== value)\n onValidStopValue?.(shortId, e)\n this.setState({ isStopInputOpen: false })\n }}\n />\n </div>\n )}\n <div\n className={doClassnames(['knob__label'])}\n role=\"presentation\"\n aria-hidden=\"true\"\n >\n <span className={doClassnames([texts.type])}>{shortId}</span>\n </div>\n <div\n className=\"knob__graduation\"\n role=\"presentation\"\n aria-hidden=\"true\"\n ></div>\n {helper !== undefined && isTooltipOpen && (\n <Tooltip type={helper.type}>{helper.label}</Tooltip>\n )}\n </div>\n )\n }\n}\n"],"names":["Knob","React","props","action","value","canBeTyped","onShiftRight","onShiftLeft","onDelete","actions","e","newValue","id","shortId","min","max","offset","helper","style","isDisplayed","isBlocked","isDisabled","onMouseDown","onValidStopValue","isTooltipOpen","isStopInputOpen","stopInputValue","jsxs","doClassnames","jsx","texts","Input","Tooltip"],"mappings":"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"}

package/dist/components/actions/menu/Menu.d.ts CHANGED Viewed

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { DropdownOption } from '../../../types/list.types';
 import { IconList } from '../../../types/icon.types';
 import { default as Button } from '../button/Button';
 export interface MenuProps {
     /**
      * Unique identifier for the menu
@@ -81,12 +80,12 @@ export interface MenuProps {
      */
     isNew?: boolean;
 }
-export interface MenuStates {
+export interface MenuState {
     isMenuOpen: boolean;
     isMenuVisible: boolean;
     alignment: 'TOP_RIGHT' | 'TOP_LEFT' | 'BOTTOM_RIGHT' | 'BOTTOM_LEFT';
 }
-export default class Menu extends React.Component<MenuProps, MenuStates> {
+export default class Menu extends React.Component<MenuProps, MenuState> {
     private selectMenuRef;
     buttonRef: React.RefObject<Button>;
     private listRef;

package/dist/components/actions/menu/Menu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC/B;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;IACrE;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;QACtB,yCAAyC;QACzC,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;QACtB,2BAA2B;QAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,aAAa,CAAA;KACpC,CAAA;IACD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,~~UAAU~~;~~IACzB~~,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;CACrE;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,~~UAAU~~,CAAC;~~IACtE~~,OAAO,CAAC,aAAa,CAAiC;IACtD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAClC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,OAAO,CAAmC;IAClD,OAAO,CAAC,UAAU,CAAmC;IAErD,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAOtC;gBAEW,KAAK,EAAE,SAAS;IAgB5B,iBAAiB,aACgD;IAEjE,oBAAoB,aAEnB;IAGD,kBAAkB,~~MAAO~~,KAAK,UAqB7B;IAED,UAAU,~~MACL~~,~~gBAAgB~~,CAAC,OAAO,CAAC,GAAG,~~mBAAmB~~,CAAC,OAAO,CAAC,UA+F5D;IAED,MAAM;CA8IP"}
1	+ {"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;;OAGG;IACH,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC/B;;;OAGG;IACH,OAAO,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAA;IAC1C;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;IACrE;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;QACtB,yCAAyC;QACzC,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;IACD;;OAEG;IACH,OAAO,CAAC,EAAE;QACR,sBAAsB;QACtB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;QAC/B,uBAAuB;QACvB,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;QACtB,2BAA2B;QAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,aAAa,CAAA;KACpC,CAAA;IACD;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,SAAS,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAA;CACrE;AAED,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IACrE,OAAO,CAAC,aAAa,CAAiC;IACtD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IAClC,OAAO,CAAC,OAAO,CAAiC;IAChD,OAAO,CAAC,cAAc,CAA8B;IACpD,OAAO,CAAC,OAAO,CAAmC;IAClD,OAAO,CAAC,UAAU,CAAmC;IAErD,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAOtC;gBAEW,KAAK,EAAE,SAAS;IAgB5B,iBAAiB,aACgD;IAEjE,oBAAoB,aAEnB;IAGD,kBAAkB,GAAI,GAAG,KAAK,UAqB7B;IAED,UAAU,GACR,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,UA+F5D;IAED,MAAM;CA8IP"}

package/dist/components/actions/menu/Menu.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import '../../../assets/Menu.css';
 import { jsx as g, jsxs as T } from "react/jsx-runtime";
 import h from "react";
-import y from "../../lists/actions-list/ActionsList.js";
-import { t as B } from "../../../do-classnames-DSDFCvzy.js";
+import { t as y } from "../../../do-classnames-DSDFCvzy.js";
+import B from "../../lists/actions-list/ActionsList.js";
 import M from "../button/Button.js";
 class x extends h.Component {
   selectMenuRef;
@@ -118,7 +118,7 @@ class x extends h.Component {
       "div",
       {
         id: s,
-        className: B([
+        className: y([
           "menu",
           "recharged",
           `menu--${r?.toLocaleLowerCase().replace("_", "-")}`
@@ -175,7 +175,7 @@ class x extends h.Component {
               },
               ref: this.listRef,
               children: /* @__PURE__ */ g(
-                y,
+                B,
                 {
                   options: d,
                   selected: p,

package/dist/components/actions/menu/Menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Menu.js","sources":["../../../../src/components/actions/menu/Menu.tsx"],"sourcesContent":["import React from 'react'\nimport ActionsList from '@components/lists/actions-list/ActionsList'\nimport { doClassnames } from '@a_ng_d/figmug-utils'\nimport type { DropdownOption } from '@tps/list.types'\nimport type { IconList } from '@tps/icon.types'\nimport Button from '../button/Button'\nimport './menu.scss'\n\nexport interface MenuProps {\n /*\n Unique identifier for the menu\n /\n id: string\n /\n Visual type of the menu button\n * @default 'ICON'\n /\n type: 'ICON' \| 'PRIMARY'\n /\n Text label for the menu button\n /\n label?: string\n /\n Icon name to display in the button\n /\n icon?: IconList\n /\n Custom icon element\n /\n customIcon?: React.ReactElement\n /\n List of menu options\n * @default []\n /\n options: Array<DropdownOption>\n /\n ID of the currently selected option\n /\n selected?: string\n /\n ID of the container element for portal rendering\n /\n containerId?: string\n /\n State of the menu button\n * @default 'DEFAULT'\n /\n state?: 'DEFAULT' \| 'DISABLED' \| 'LOADING'\n /\n Position of the menu relative to the button\n * @default 'BOTTOM_LEFT'\n /\n alignment?: 'TOP_RIGHT' \| 'TOP_LEFT' \| 'BOTTOM_RIGHT' \| 'BOTTOM_LEFT'\n /\n Helper tooltip configuration\n /\n helper?: {\n /* Tooltip content /\n label: string \| React.ReactNode\n /* Tooltip position /\n pin?: 'TOP' \| 'BOTTOM'\n /* Whether to use single line display /\n isSingleLine?: boolean\n }\n /\n Warning tooltip configuration\n /\n warning?: {\n /* Warning message /\n label: string \| React.ReactNode\n /* Warning position /\n pin?: 'TOP' \| 'BOTTOM'\n /* Warning display type /\n type?: 'MULTI_LINE' \| 'SINGLE_LINE'\n }\n /\n Whether the menu is blocked\n * @default false\n /\n isBlocked?: boolean\n /\n Whether to show a \"New\" badge\n * @default false\n */\n isNew?: boolean\n}\n\nexport interface MenuStates {\n isMenuOpen: boolean\n isMenuVisible: boolean\n alignment: 'TOP_RIGHT' \| 'TOP_LEFT' \| 'BOTTOM_RIGHT' \| 'BOTTOM_LEFT'\n}\n\nexport default class Menu extends React.Component<MenuProps, MenuStates> {\n private selectMenuRef: React.RefObject<HTMLDivElement>\n buttonRef: React.RefObject<Button>\n private listRef: React.RefObject<HTMLDivElement>\n private actionsListRef: React.RefObject<ActionsList>\n private menuRef: React.RefObject<HTMLUListElement>\n private subMenuRef: React.RefObject<HTMLUListElement>\n\n static defaultProps: Partial<MenuProps> = {\n type: 'ICON',\n options: [],\n state: 'DEFAULT',\n alignment: 'BOTTOM_LEFT',\n isBlocked: false,\n isNew: false,\n }\n\n constructor(props: MenuProps) {\n super(props)\n this.state = {\n isMenuOpen: false,\n isMenuVisible: false,\n alignment: props.alignment ?? 'BOTTOM_LEFT',\n }\n this.selectMenuRef = React.createRef()\n this.buttonRef = React.createRef()\n this.listRef = React.createRef()\n this.actionsListRef = React.createRef()\n this.menuRef = React.createRef()\n this.subMenuRef = React.createRef()\n this.handleClickOutside = this.handleClickOutside.bind(this)\n }\n\n componentDidMount = () =>\n document.addEventListener('mousedown', this.handleClickOutside)\n\n componentWillUnmount = () => {\n document.removeEventListener('mousedown', this.handleClickOutside)\n }\n\n // Direct Actions\n handleClickOutside = (e: Event) => {\n const target = e.target as HTMLElement\n const { isMenuOpen } = this.state\n\n if (\n (this.buttonRef.current?.buttonRef.current?.contains(target) &&\n isMenuOpen) \|\|\n target === this.menuRef.current \|\|\n target === this.subMenuRef.current \|\|\n (target.tagName === 'HR' && this.menuRef.current?.contains(target)) \|\|\n (target.dataset.role === 'GROUP' &&\n this.menuRef.current?.contains(target))\n )\n this.setState({\n isMenuOpen: true,\n })\n else\n this.setState({\n isMenuOpen: false,\n isMenuVisible: false,\n })\n }\n\n onOpenMenu = (\n e: React.MouseEvent<Element> \| React.KeyboardEvent<Element>\n ) => {\n const { containerId, alignment } = this.props\n const { isMenuOpen } = this.state\n\n this.setState({\n isMenuOpen: !isMenuOpen,\n })\n\n setTimeout(() => {\n if (this.listRef.current != null) {\n const menuRect = this.listRef.current.getBoundingClientRect()\n const buttonRect =\n this.buttonRef.current?.buttonRef.current?.getBoundingClientRect()\n\n let adjustedTop = 0\n let adjustedLeft = 0\n let shouldTransformY = false\n let shouldTransformX = false\n\n if (menuRect.bottom > window.innerHeight) {\n adjustedTop = window.innerHeight - menuRect.height - 8\n shouldTransformY = true\n }\n if (menuRect.top < 0) {\n adjustedTop = 8\n shouldTransformY = true\n }\n\n if (menuRect.right > window.innerWidth) {\n adjustedLeft = window.innerWidth - menuRect.width - 8\n shouldTransformX = true\n }\n if (menuRect.left < 0) {\n adjustedLeft = 8\n shouldTransformX = true\n }\n\n if (shouldTransformY) {\n const isTopAlignment = alignment?.includes('TOP')\n const baseTransform = isTopAlignment ? 'translateY(-100%)' : 'none'\n\n if (buttonRect) {\n const originalTop = isTopAlignment ? -menuRect.height : 0\n const adjustment = adjustedTop - buttonRect.top - originalTop\n this.listRef.current.style.top = `${adjustment}px`\n }\n\n this.listRef.current.style.transform = shouldTransformX\n ? `${baseTransform !== 'none' ? baseTransform + ' ' : ''}translateX(${adjustedLeft - menuRect.left}px)`\n : baseTransform\n }\n\n if (shouldTransformX && !shouldTransformY) {\n const isTopAlignment = alignment?.includes('TOP')\n const baseTransform = isTopAlignment ? 'translateY(-100%)' : 'none'\n\n this.listRef.current.style.transform =\n baseTransform === 'none'\n ? `translateX(${adjustedLeft - menuRect.left}px)`\n : `${baseTransform} translateX(${adjustedLeft - menuRect.left}px)`\n }\n\n if (containerId !== undefined) {\n const containerElement = document.getElementById(containerId)\n if (containerElement) {\n const container = containerElement.getBoundingClientRect()\n const button =\n this.buttonRef.current?.buttonRef.current?.getBoundingClientRect()\n\n const diffTop =\n this.listRef.current.getBoundingClientRect().top - container.top\n const diffBottom =\n this.listRef.current.getBoundingClientRect().bottom -\n container.bottom\n\n if (diffTop < -16 && button)\n this.listRef.current.style.top = `${container.top - button.top + 16}px`\n\n if (diffBottom > -16 && button)\n this.listRef.current.style.bottom = `${\n button.bottom - container.bottom + 16\n }px`\n\n this.listRef.current.style.visibility = 'visible'\n }\n }\n\n // Rendre le menu visible après positionnement\n this.setState({ isMenuVisible: true })\n }\n }, 0)\n\n if (e.type === 'keydown')\n setTimeout(() => this.actionsListRef.current?.focusFirstMenuItem(), 0)\n }\n\n render() {\n const {\n id,\n type,\n label,\n state,\n icon,\n helper,\n warning,\n customIcon,\n options,\n selected,\n alignment,\n isBlocked,\n isNew,\n containerId,\n } = this.props\n const { isMenuOpen } = this.state\n\n const flattenOptions = (options: DropdownOption[]): DropdownOption[] => {\n const flat: DropdownOption[] = []\n options.forEach((option) => {\n flat.push(option)\n if (Array.isArray(option.children) && option.children.length > 0)\n flat.push(...flattenOptions(option.children))\n })\n return flat\n }\n\n const activeOptions = flattenOptions(options).filter(\n (option) => option.isActive !== false\n )\n\n if (activeOptions.length === 0) return null\n if (activeOptions.length === 1 && activeOptions[0].children === undefined) {\n const option = activeOptions[0]\n return (\n <Button\n type={type === 'ICON' ? 'secondary' : 'primary'}\n label={option.label}\n isLoading={state === 'LOADING'}\n isDisabled={state === 'DISABLED' \|\| isBlocked}\n isBlocked={option.isBlocked}\n isNew={option.isNew}\n action={\n !(state === 'DISABLED' \|\| isBlocked)\n ? (e: React.MouseEvent<Element> \| React.KeyboardEvent<Element>) =>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n option.action?.(e as any)\n : undefined\n }\n />\n )\n }\n\n return (\n <div\n id={id}\n className={doClassnames([\n 'menu',\n 'recharged',\n `menu--${alignment?.toLocaleLowerCase().replace('_', '-')}`,\n ])}\n ref={this.selectMenuRef}\n >\n {type === 'ICON' ? (\n <Button\n type=\"icon\"\n icon={icon === undefined ? undefined : icon}\n customIcon={customIcon === undefined ? undefined : customIcon}\n state={isMenuOpen ? 'selected' : undefined}\n helper={helper === undefined ? undefined : helper}\n warning={warning === undefined ? undefined : warning}\n isLoading={state === 'LOADING'}\n isDisabled={state === 'DISABLED' \|\| isBlocked}\n isNew={isNew}\n ref={this.buttonRef}\n action={(e) =>\n !(state === 'DISABLED' \|\| isBlocked)\n ? this.onOpenMenu(e)\n : undefined\n }\n aria-label={label}\n aria-haspopup=\"true\"\n aria-controls={`menu-${id}`}\n aria-expanded={isMenuOpen}\n />\n ) : (\n <Button\n type=\"primary\"\n label={label}\n hasMultipleActions\n helper={helper === undefined ? undefined : helper}\n warning={warning === undefined ? undefined : warning}\n isLoading={state === 'LOADING'}\n isDisabled={state === 'DISABLED' \|\| isBlocked}\n isNew={isNew}\n ref={this.buttonRef}\n action={(e) =>\n !(state === 'DISABLED' \|\| isBlocked)\n ? this.onOpenMenu(e)\n : undefined\n }\n aria-label={label}\n aria-haspopup=\"true\"\n aria-controls={`menu-${id}`}\n aria-expanded={isMenuOpen}\n />\n )}\n {(() => {\n if (isMenuOpen)\n return (\n <div\n id={`menu-${id}`}\n className=\"floating-menu\"\n style={{\n position: 'absolute',\n zIndex: 99,\n visibility:\n containerId === undefined && this.state.isMenuVisible\n ? 'visible'\n : 'hidden',\n }}\n ref={this.listRef}\n >\n <ActionsList\n options={options}\n selected={selected}\n direction={alignment?.includes('LEFT') ? 'RIGHT' : 'LEFT'}\n containerId={containerId}\n onCancellation={() => this.setState({ isMenuOpen: false })}\n ref={this.actionsListRef}\n menuRef={this.menuRef}\n subMenuRef={this.subMenuRef}\n />\n </div>\n )\n return null\n })()}\n </div>\n )\n }\n}\n"],"names":["Menu","React","props","e","target","isMenuOpen","containerId","alignment","menuRect","buttonRect","adjustedTop","adjustedLeft","shouldTransformY","shouldTransformX","isTopAlignment","baseTransform","originalTop","adjustment","containerElement","container","button","diffTop","diffBottom","id","type","label","state","icon","helper","warning","customIcon","options","selected","isBlocked","isNew","flattenOptions","flat","option","activeOptions","jsx","Button","jsxs","doClassnames","ActionsList"],"mappings":"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"}
1	+ {"version":3,"file":"Menu.js","sources":["../../../../src/components/actions/menu/Menu.tsx"],"sourcesContent":["import React from 'react'\nimport { doClassnames } from '@unoff/utils'\nimport ActionsList from '@components/lists/actions-list/ActionsList'\nimport type { DropdownOption } from '@tps/list.types'\nimport type { IconList } from '@tps/icon.types'\nimport Button from '../button/Button'\nimport './menu.scss'\n\nexport interface MenuProps {\n /*\n Unique identifier for the menu\n /\n id: string\n /\n Visual type of the menu button\n * @default 'ICON'\n /\n type: 'ICON' \| 'PRIMARY'\n /\n Text label for the menu button\n /\n label?: string\n /\n Icon name to display in the button\n /\n icon?: IconList\n /\n Custom icon element\n /\n customIcon?: React.ReactElement\n /\n List of menu options\n * @default []\n /\n options: Array<DropdownOption>\n /\n ID of the currently selected option\n /\n selected?: string\n /\n ID of the container element for portal rendering\n /\n containerId?: string\n /\n State of the menu button\n * @default 'DEFAULT'\n /\n state?: 'DEFAULT' \| 'DISABLED' \| 'LOADING'\n /\n Position of the menu relative to the button\n * @default 'BOTTOM_LEFT'\n /\n alignment?: 'TOP_RIGHT' \| 'TOP_LEFT' \| 'BOTTOM_RIGHT' \| 'BOTTOM_LEFT'\n /\n Helper tooltip configuration\n /\n helper?: {\n /* Tooltip content /\n label: string \| React.ReactNode\n /* Tooltip position /\n pin?: 'TOP' \| 'BOTTOM'\n /* Whether to use single line display /\n isSingleLine?: boolean\n }\n /\n Warning tooltip configuration\n /\n warning?: {\n /* Warning message /\n label: string \| React.ReactNode\n /* Warning position /\n pin?: 'TOP' \| 'BOTTOM'\n /* Warning display type /\n type?: 'MULTI_LINE' \| 'SINGLE_LINE'\n }\n /\n Whether the menu is blocked\n * @default false\n /\n isBlocked?: boolean\n /\n Whether to show a \"New\" badge\n * @default false\n */\n isNew?: boolean\n}\n\nexport interface MenuState {\n isMenuOpen: boolean\n isMenuVisible: boolean\n alignment: 'TOP_RIGHT' \| 'TOP_LEFT' \| 'BOTTOM_RIGHT' \| 'BOTTOM_LEFT'\n}\n\nexport default class Menu extends React.Component<MenuProps, MenuState> {\n private selectMenuRef: React.RefObject<HTMLDivElement>\n buttonRef: React.RefObject<Button>\n private listRef: React.RefObject<HTMLDivElement>\n private actionsListRef: React.RefObject<ActionsList>\n private menuRef: React.RefObject<HTMLUListElement>\n private subMenuRef: React.RefObject<HTMLUListElement>\n\n static defaultProps: Partial<MenuProps> = {\n type: 'ICON',\n options: [],\n state: 'DEFAULT',\n alignment: 'BOTTOM_LEFT',\n isBlocked: false,\n isNew: false,\n }\n\n constructor(props: MenuProps) {\n super(props)\n this.state = {\n isMenuOpen: false,\n isMenuVisible: false,\n alignment: props.alignment ?? 'BOTTOM_LEFT',\n }\n this.selectMenuRef = React.createRef()\n this.buttonRef = React.createRef()\n this.listRef = React.createRef()\n this.actionsListRef = React.createRef()\n this.menuRef = React.createRef()\n this.subMenuRef = React.createRef()\n this.handleClickOutside = this.handleClickOutside.bind(this)\n }\n\n componentDidMount = () =>\n document.addEventListener('mousedown', this.handleClickOutside)\n\n componentWillUnmount = () => {\n document.removeEventListener('mousedown', this.handleClickOutside)\n }\n\n // Direct Actions\n handleClickOutside = (e: Event) => {\n const target = e.target as HTMLElement\n const { isMenuOpen } = this.state\n\n if (\n (this.buttonRef.current?.buttonRef.current?.contains(target) &&\n isMenuOpen) \|\|\n target === this.menuRef.current \|\|\n target === this.subMenuRef.current \|\|\n (target.tagName === 'HR' && this.menuRef.current?.contains(target)) \|\|\n (target.dataset.role === 'GROUP' &&\n this.menuRef.current?.contains(target))\n )\n this.setState({\n isMenuOpen: true,\n })\n else\n this.setState({\n isMenuOpen: false,\n isMenuVisible: false,\n })\n }\n\n onOpenMenu = (\n e: React.MouseEvent<Element> \| React.KeyboardEvent<Element>\n ) => {\n const { containerId, alignment } = this.props\n const { isMenuOpen } = this.state\n\n this.setState({\n isMenuOpen: !isMenuOpen,\n })\n\n setTimeout(() => {\n if (this.listRef.current != null) {\n const menuRect = this.listRef.current.getBoundingClientRect()\n const buttonRect =\n this.buttonRef.current?.buttonRef.current?.getBoundingClientRect()\n\n let adjustedTop = 0\n let adjustedLeft = 0\n let shouldTransformY = false\n let shouldTransformX = false\n\n if (menuRect.bottom > window.innerHeight) {\n adjustedTop = window.innerHeight - menuRect.height - 8\n shouldTransformY = true\n }\n if (menuRect.top < 0) {\n adjustedTop = 8\n shouldTransformY = true\n }\n\n if (menuRect.right > window.innerWidth) {\n adjustedLeft = window.innerWidth - menuRect.width - 8\n shouldTransformX = true\n }\n if (menuRect.left < 0) {\n adjustedLeft = 8\n shouldTransformX = true\n }\n\n if (shouldTransformY) {\n const isTopAlignment = alignment?.includes('TOP')\n const baseTransform = isTopAlignment ? 'translateY(-100%)' : 'none'\n\n if (buttonRect) {\n const originalTop = isTopAlignment ? -menuRect.height : 0\n const adjustment = adjustedTop - buttonRect.top - originalTop\n this.listRef.current.style.top = `${adjustment}px`\n }\n\n this.listRef.current.style.transform = shouldTransformX\n ? `${baseTransform !== 'none' ? baseTransform + ' ' : ''}translateX(${adjustedLeft - menuRect.left}px)`\n : baseTransform\n }\n\n if (shouldTransformX && !shouldTransformY) {\n const isTopAlignment = alignment?.includes('TOP')\n const baseTransform = isTopAlignment ? 'translateY(-100%)' : 'none'\n\n this.listRef.current.style.transform =\n baseTransform === 'none'\n ? `translateX(${adjustedLeft - menuRect.left}px)`\n : `${baseTransform} translateX(${adjustedLeft - menuRect.left}px)`\n }\n\n if (containerId !== undefined) {\n const containerElement = document.getElementById(containerId)\n if (containerElement) {\n const container = containerElement.getBoundingClientRect()\n const button =\n this.buttonRef.current?.buttonRef.current?.getBoundingClientRect()\n\n const diffTop =\n this.listRef.current.getBoundingClientRect().top - container.top\n const diffBottom =\n this.listRef.current.getBoundingClientRect().bottom -\n container.bottom\n\n if (diffTop < -16 && button)\n this.listRef.current.style.top = `${container.top - button.top + 16}px`\n\n if (diffBottom > -16 && button)\n this.listRef.current.style.bottom = `${\n button.bottom - container.bottom + 16\n }px`\n\n this.listRef.current.style.visibility = 'visible'\n }\n }\n\n // Rendre le menu visible après positionnement\n this.setState({ isMenuVisible: true })\n }\n }, 0)\n\n if (e.type === 'keydown')\n setTimeout(() => this.actionsListRef.current?.focusFirstMenuItem(), 0)\n }\n\n render() {\n const {\n id,\n type,\n label,\n state,\n icon,\n helper,\n warning,\n customIcon,\n options,\n selected,\n alignment,\n isBlocked,\n isNew,\n containerId,\n } = this.props\n const { isMenuOpen } = this.state\n\n const flattenOptions = (options: DropdownOption[]): DropdownOption[] => {\n const flat: DropdownOption[] = []\n options.forEach((option) => {\n flat.push(option)\n if (Array.isArray(option.children) && option.children.length > 0)\n flat.push(...flattenOptions(option.children))\n })\n return flat\n }\n\n const activeOptions = flattenOptions(options).filter(\n (option) => option.isActive !== false\n )\n\n if (activeOptions.length === 0) return null\n if (activeOptions.length === 1 && activeOptions[0].children === undefined) {\n const option = activeOptions[0]\n return (\n <Button\n type={type === 'ICON' ? 'secondary' : 'primary'}\n label={option.label}\n isLoading={state === 'LOADING'}\n isDisabled={state === 'DISABLED' \|\| isBlocked}\n isBlocked={option.isBlocked}\n isNew={option.isNew}\n action={\n !(state === 'DISABLED' \|\| isBlocked)\n ? (e: React.MouseEvent<Element> \| React.KeyboardEvent<Element>) =>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n option.action?.(e as any)\n : undefined\n }\n />\n )\n }\n\n return (\n <div\n id={id}\n className={doClassnames([\n 'menu',\n 'recharged',\n `menu--${alignment?.toLocaleLowerCase().replace('_', '-')}`,\n ])}\n ref={this.selectMenuRef}\n >\n {type === 'ICON' ? (\n <Button\n type=\"icon\"\n icon={icon === undefined ? undefined : icon}\n customIcon={customIcon === undefined ? undefined : customIcon}\n state={isMenuOpen ? 'selected' : undefined}\n helper={helper === undefined ? undefined : helper}\n warning={warning === undefined ? undefined : warning}\n isLoading={state === 'LOADING'}\n isDisabled={state === 'DISABLED' \|\| isBlocked}\n isNew={isNew}\n ref={this.buttonRef}\n action={(e) =>\n !(state === 'DISABLED' \|\| isBlocked)\n ? this.onOpenMenu(e)\n : undefined\n }\n aria-label={label}\n aria-haspopup=\"true\"\n aria-controls={`menu-${id}`}\n aria-expanded={isMenuOpen}\n />\n ) : (\n <Button\n type=\"primary\"\n label={label}\n hasMultipleActions\n helper={helper === undefined ? undefined : helper}\n warning={warning === undefined ? undefined : warning}\n isLoading={state === 'LOADING'}\n isDisabled={state === 'DISABLED' \|\| isBlocked}\n isNew={isNew}\n ref={this.buttonRef}\n action={(e) =>\n !(state === 'DISABLED' \|\| isBlocked)\n ? this.onOpenMenu(e)\n : undefined\n }\n aria-label={label}\n aria-haspopup=\"true\"\n aria-controls={`menu-${id}`}\n aria-expanded={isMenuOpen}\n />\n )}\n {(() => {\n if (isMenuOpen)\n return (\n <div\n id={`menu-${id}`}\n className=\"floating-menu\"\n style={{\n position: 'absolute',\n zIndex: 99,\n visibility:\n containerId === undefined && this.state.isMenuVisible\n ? 'visible'\n : 'hidden',\n }}\n ref={this.listRef}\n >\n <ActionsList\n options={options}\n selected={selected}\n direction={alignment?.includes('LEFT') ? 'RIGHT' : 'LEFT'}\n containerId={containerId}\n onCancellation={() => this.setState({ isMenuOpen: false })}\n ref={this.actionsListRef}\n menuRef={this.menuRef}\n subMenuRef={this.subMenuRef}\n />\n </div>\n )\n return null\n })()}\n </div>\n )\n }\n}\n"],"names":["Menu","React","props","e","target","isMenuOpen","containerId","alignment","menuRect","buttonRect","adjustedTop","adjustedLeft","shouldTransformY","shouldTransformX","isTopAlignment","baseTransform","originalTop","adjustment","containerElement","container","button","diffTop","diffBottom","id","type","label","state","icon","helper","warning","customIcon","options","selected","isBlocked","isNew","flattenOptions","flat","option","activeOptions","jsx","Button","jsxs","doClassnames","ActionsList"],"mappings":"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"}

package/dist/components/assets/avatar/Avatar.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 export interface AvatarProps {
     /**
      * URL of the avatar image

package/dist/components/assets/avatar/Avatar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/avatar/Avatar.tsx"],"names":[],"mappings":";AAEA,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,MAAM,~~UAAW~~,WAAW,4CAyCjC,CAAA;AAED,eAAe,MAAM,CAAA"}
1	+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAA;AAEtB,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,QAAA,MAAM,MAAM,GAAI,OAAO,WAAW,4CAyCjC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/assets/avatar/Avatar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import '../../../assets/Avatar.css';
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import t from "../../../styles/texts/texts.module.js";
-import { t as s } from "../../../do-classnames-DSDFCvzy.js";
+import { t } from "../../../do-classnames-DSDFCvzy.js";
+import s from "../../../styles/texts/texts.module.js";
 const v = (r) => {
   const {
     avatar: l = "https://www.gravatar.com/avatar",
@@ -13,7 +13,7 @@ const v = (r) => {
   return /* @__PURE__ */ n(
     "div",
     {
-      className: s(["user", c && "user--inverted"]),
+      className: t(["user", c && "user--inverted"]),
       role: "group",
       children: [
         /* @__PURE__ */ e("div", { className: "user__avatar", children: /* @__PURE__ */ e(
@@ -27,10 +27,10 @@ const v = (r) => {
         /* @__PURE__ */ e(
           "span",
           {
-            className: s([
+            className: t([
               "user__name",
-              t.type,
-              !m && t["type--secondary"]
+              s.type,
+              !m && s["type--secondary"]
             ]),
             role: "text",
             children: a

package/dist/components/assets/avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../src/components/assets/avatar/Avatar.tsx"],"sourcesContent":["import ~~texts~~ from '@~~styles~~/~~texts/texts.module.scss~~'\nimport { ~~doClassnames }~~ from '@~~a_ng_d~~/~~figmug-utils~~'\nimport './avatar.scss'\n\nexport interface AvatarProps {\n /*\n URL of the avatar image\n * @default 'https://www.gravatar.com/avatar'\n /\n avatar?: string\n /\n Full name of the user\n * @default 'John Doe'\n /\n fullName?: string\n /\n Additional content to display alongside the avatar\n /\n complementarySlot?: React.ReactNode\n /\n Whether to use accented text style\n * @default false\n /\n isAccented?: boolean\n /\n Whether to use inverted color scheme\n * @default false\n */\n isInverted?: boolean\n}\n\nconst Avatar = (props: AvatarProps) => {\n const {\n avatar = 'https://www.gravatar.com/avatar',\n fullName = 'John Doe',\n complementarySlot,\n isAccented = false,\n isInverted = false,\n } = props\n\n return (\n <div\n className={doClassnames(['user', isInverted && 'user--inverted'])}\n role=\"group\"\n >\n <div className=\"user__avatar\">\n <img\n src={avatar}\n alt={fullName}\n role=\"img\"\n />\n </div>\n <span\n className={doClassnames([\n 'user__name',\n texts.type,\n !isAccented && texts['type--secondary'],\n ])}\n role=\"text\"\n >\n {fullName}\n </span>\n {complementarySlot && (\n <div\n className=\"user__complementary-slot\"\n role=\"complementary\"\n >\n {props.complementarySlot}\n </div>\n )}\n </div>\n )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","avatar","fullName","complementarySlot","isAccented","isInverted","jsxs","doClassnames","jsx","texts"],"mappings":";;;AA+BA,MAAMA,IAAS,CAACC,MAAuB;AACrC,QAAM;AAAA,IACJ,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,mBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,EAAA,IACXL;AAEJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa,CAAC,QAAQF,KAAc,gBAAgB,CAAC;AAAA,MAChE,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,KAAKC;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,EAAa;AAAA,cACtB;AAAA,cACAE,EAAM;AAAA,cACN,CAACL,KAAcK,EAAM,iBAAiB;AAAA,YAAA,CACvC;AAAA,YACD,MAAK;AAAA,YAEJ,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFC,KACC,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAR,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAIR;"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/assets/avatar/Avatar.tsx"],"sourcesContent":["import { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport './avatar.scss'\n\nexport interface AvatarProps {\n /*\n URL of the avatar image\n * @default 'https://www.gravatar.com/avatar'\n /\n avatar?: string\n /\n Full name of the user\n * @default 'John Doe'\n /\n fullName?: string\n /\n Additional content to display alongside the avatar\n /\n complementarySlot?: React.ReactNode\n /\n Whether to use accented text style\n * @default false\n /\n isAccented?: boolean\n /\n Whether to use inverted color scheme\n * @default false\n */\n isInverted?: boolean\n}\n\nconst Avatar = (props: AvatarProps) => {\n const {\n avatar = 'https://www.gravatar.com/avatar',\n fullName = 'John Doe',\n complementarySlot,\n isAccented = false,\n isInverted = false,\n } = props\n\n return (\n <div\n className={doClassnames(['user', isInverted && 'user--inverted'])}\n role=\"group\"\n >\n <div className=\"user__avatar\">\n <img\n src={avatar}\n alt={fullName}\n role=\"img\"\n />\n </div>\n <span\n className={doClassnames([\n 'user__name',\n texts.type,\n !isAccented && texts['type--secondary'],\n ])}\n role=\"text\"\n >\n {fullName}\n </span>\n {complementarySlot && (\n <div\n className=\"user__complementary-slot\"\n role=\"complementary\"\n >\n {props.complementarySlot}\n </div>\n )}\n </div>\n )\n}\n\nexport default Avatar\n"],"names":["Avatar","props","avatar","fullName","complementarySlot","isAccented","isInverted","jsxs","doClassnames","jsx","texts"],"mappings":";;;AA+BA,MAAMA,IAAS,CAACC,MAAuB;AACrC,QAAM;AAAA,IACJ,QAAAC,IAAS;AAAA,IACT,UAAAC,IAAW;AAAA,IACX,mBAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,YAAAC,IAAa;AAAA,EAAA,IACXL;AAEJ,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa,CAAC,QAAQF,KAAc,gBAAgB,CAAC;AAAA,MAChE,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,KAAKC;AAAA,YACL,MAAK;AAAA,UAAA;AAAA,QAAA,GAET;AAAA,QACA,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD,EAAa;AAAA,cACtB;AAAA,cACAE,EAAM;AAAA,cACN,CAACL,KAAcK,EAAM,iBAAiB;AAAA,YAAA,CACvC;AAAA,YACD,MAAK;AAAA,YAEJ,UAAAP;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFC,KACC,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEJ,UAAAR,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/assets/icon/Icon.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import { IconList } from '../../../types/icon.types';
 export interface IconProps {
     /**
      * Type of icon to display

package/dist/components/assets/icon/Icon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,IAAI,~~UAAW~~,SAAS,4CAmCpC,CAAA;AAED,eAAe,IAAI,CAAA"}
1	+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/icon/Icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,aAAa,CAAA;AAEpB,MAAM,WAAW,SAAS;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAmCpC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/assets/icon/Icon.figma.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { i as o } from "../../../index_react-CmuCVQet.js";
+import { i as o } from "../../../index_react-BkjUklDQ.js";
 import { Icon as i } from "./Icon.js";
 o.figma.connect(
   i,

package/dist/components/assets/icon/Icon.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import '../../../assets/Icon.css';
 import { jsx as o } from "react/jsx-runtime";
+import { t as i } from "../../../do-classnames-DSDFCvzy.js";
 import l from "../../../styles/texts/texts.module.js";
-import i from "../../../styles/icons/icons.module.js";
-import { t as c } from "../../../do-classnames-DSDFCvzy.js";
+import c from "../../../styles/icons/icons.module.js";
 const u = (n) => {
   const { type: a = "PICTO", iconName: e, iconLetter: t, customClassName: r } = n, s = () => /* @__PURE__ */ o(
     "div",
@@ -10,16 +10,16 @@ const u = (n) => {
       className: "icon-box icon-box--letter",
       role: "img",
       "aria-label": t,
-      children: /* @__PURE__ */ o("span", { className: c([l.type, r]), children: t })
+      children: /* @__PURE__ */ o("span", { className: i([l.type, r]), children: t })
     }
   ), m = () => /* @__PURE__ */ o(
     "div",
     {
-      className: c([
+      className: i([
         "icon-box",
         "icon-box--picto",
-        i.icon,
-        i[`icon--${e}`],
+        c.icon,
+        c[`icon--${e}`],
         r
       ]),
       role: "img",

package/dist/components/assets/icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../src/components/assets/icon/Icon.tsx"],"sourcesContent":["import texts from '@styles/texts/texts.module.scss'\nimport icons from '@styles/icons/icons.module.scss'\nimport ~~{ doClassnames } from '@a_ng_d/figmug-utils'\nimport~~ type { IconList } from '@tps/icon.types'\nimport './icon.scss'\n\nexport interface IconProps {\n /*\n Type of icon to display\n * @default 'PICTO'\n /\n type?: 'PICTO' \| 'LETTER'\n /\n Name of the pictogram icon (when type is PICTO)\n /\n iconName?: IconList\n /\n Letter to display (when type is LETTER)\n /\n iconLetter?: string\n /\n Custom CSS class to apply\n /\n customClassName?: string\n /\n ARIA role for accessibility\n */\n role?: string\n}\n\nexport const Icon = (props: IconProps) => {\n const { type = 'PICTO', iconName, iconLetter, customClassName } = props\n\n const Letter = () => {\n return (\n <div\n className=\"icon-box icon-box--letter\"\n role=\"img\"\n aria-label={iconLetter}\n >\n <span className={doClassnames([texts.type, customClassName])}>\n {iconLetter}\n </span>\n </div>\n )\n }\n\n const Pictogram = () => {\n return (\n <div\n className={doClassnames([\n 'icon-box',\n 'icon-box--picto',\n icons.icon,\n icons[`icon--${iconName}`],\n customClassName,\n ])}\n role=\"img\"\n aria-label={iconName}\n />\n )\n }\n\n if (type === 'PICTO') return <Pictogram />\n else return <Letter />\n}\n\nexport default Icon\n"],"names":["Icon","props","type","iconName","iconLetter","customClassName","Letter","jsx","doClassnames","texts","Pictogram","icons"],"mappings":";;;;AA8BO,MAAMA,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,MAAAC,IAAO,SAAS,UAAAC,GAAU,YAAAC,GAAY,iBAAAC,MAAoBJ,GAE5DK,IAAS,MAEX,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAYH;AAAA,MAEZ,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAa,CAACC,EAAM,MAAMJ,CAAe,CAAC,GACxD,UAAAD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,GAKAM,IAAY,MAEd,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACA;AAAA,QACAG,EAAM;AAAA,QACNA,EAAM,SAASR,CAAQ,EAAE;AAAA,QACzBE;AAAA,MAAA,CACD;AAAA,MACD,MAAK;AAAA,MACL,cAAYF;AAAA,IAAA;AAAA,EAAA;AAKlB,SAAID,MAAS,UAAgB,gBAAAK,EAACG,GAAA,CAAA,CAAU,sBAC3BJ,GAAA,EAAO;AACtB;"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/assets/icon/Icon.tsx"],"sourcesContent":["import { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport icons from '@styles/icons/icons.module.scss'\nimport type { IconList } from '@tps/icon.types'\nimport './icon.scss'\n\nexport interface IconProps {\n /*\n Type of icon to display\n * @default 'PICTO'\n /\n type?: 'PICTO' \| 'LETTER'\n /\n Name of the pictogram icon (when type is PICTO)\n /\n iconName?: IconList\n /\n Letter to display (when type is LETTER)\n /\n iconLetter?: string\n /\n Custom CSS class to apply\n /\n customClassName?: string\n /\n ARIA role for accessibility\n */\n role?: string\n}\n\nexport const Icon = (props: IconProps) => {\n const { type = 'PICTO', iconName, iconLetter, customClassName } = props\n\n const Letter = () => {\n return (\n <div\n className=\"icon-box icon-box--letter\"\n role=\"img\"\n aria-label={iconLetter}\n >\n <span className={doClassnames([texts.type, customClassName])}>\n {iconLetter}\n </span>\n </div>\n )\n }\n\n const Pictogram = () => {\n return (\n <div\n className={doClassnames([\n 'icon-box',\n 'icon-box--picto',\n icons.icon,\n icons[`icon--${iconName}`],\n customClassName,\n ])}\n role=\"img\"\n aria-label={iconName}\n />\n )\n }\n\n if (type === 'PICTO') return <Pictogram />\n else return <Letter />\n}\n\nexport default Icon\n"],"names":["Icon","props","type","iconName","iconLetter","customClassName","Letter","jsx","doClassnames","texts","Pictogram","icons"],"mappings":";;;;AA8BO,MAAMA,IAAO,CAACC,MAAqB;AACxC,QAAM,EAAE,MAAAC,IAAO,SAAS,UAAAC,GAAU,YAAAC,GAAY,iBAAAC,MAAoBJ,GAE5DK,IAAS,MAEX,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAYH;AAAA,MAEZ,UAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWC,EAAa,CAACC,EAAM,MAAMJ,CAAe,CAAC,GACxD,UAAAD,EAAA,CACH;AAAA,IAAA;AAAA,EAAA,GAKAM,IAAY,MAEd,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAa;AAAA,QACtB;AAAA,QACA;AAAA,QACAG,EAAM;AAAA,QACNA,EAAM,SAASR,CAAQ,EAAE;AAAA,QACzBE;AAAA,MAAA,CACD;AAAA,MACD,MAAK;AAAA,MACL,cAAYF;AAAA,IAAA;AAAA,EAAA;AAKlB,SAAID,MAAS,UAAgB,gBAAAK,EAACG,GAAA,CAAA,CAAU,sBAC3BJ,GAAA,EAAO;AACtB;"}

package/dist/components/assets/section-title/SectionTitle.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 export type SectionTitleProps = {
     /**
      * Text label of the section title

package/dist/components/assets/section-title/SectionTitle.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/section-title/SectionTitle.tsx"],"names":[],"mappings":";AAGA,OAAO,sBAAsB,CAAA;AAE7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACjC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,YAAY,~~UAAW~~,iBAAiB,4CA8B7C,CAAA;AACD,eAAe,YAAY,CAAA"}
1	+ {"version":3,"file":"SectionTitle.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/section-title/SectionTitle.tsx"],"names":[],"mappings":"AAGA,OAAO,sBAAsB,CAAA;AAE7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IACjC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CA8B7C,CAAA;AACD,eAAe,YAAY,CAAA"}

package/dist/components/assets/section-title/SectionTitle.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import '../../../assets/SectionTitle.css';
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { t as c } from "../../../do-classnames-DSDFCvzy.js";
 import i from "../../../styles/texts/texts.module.js";
 import a from "../../tags/icon-chip/IconChip.js";
-import { t as c } from "../../../do-classnames-DSDFCvzy.js";
 const h = (n) => {
   const { label: r, indicator: e, helper: o, id: s } = n;
   return /* @__PURE__ */ l("div", { className: "section-title", children: [

package/dist/components/assets/section-title/SectionTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionTitle.js","sources":["../../../../src/components/assets/section-title/SectionTitle.tsx"],"sourcesContent":["import texts from '@styles/texts/texts.module.scss'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport ~~{ doClassnames } from~~ '~~@a_ng_d/figmug-utils'\nimport '~~./section-title.scss'\n\nexport type SectionTitleProps = {\n /*\n Text label of the section title\n /\n label: string\n /\n Optional indicator (number or text) displayed in parentheses\n /\n indicator?: string \| number\n /\n Helper content displayed in a tooltip icon\n /\n helper?: string \| React.ReactNode\n /\n HTML id attribute for the title\n */\n id?: string\n}\n\nconst SectionTitle = (props: SectionTitleProps) => {\n const { label, indicator, helper, id } = props\n\n return (\n <div className=\"section-title\">\n <div\n className={doClassnames([\n 'section-title__title',\n texts['section-title'],\n texts['type--truncated'],\n ])}\n id={id}\n >\n {label}\n </div>\n {indicator !== undefined && (\n <div\n className={doClassnames(['section-title__indicator', texts.type])}\n >{`(${indicator})`}</div>\n )}\n {helper !== undefined && (\n <IconChip\n iconType=\"PICTO\"\n iconName=\"info\"\n text={helper}\n type=\"MULTI_LINE\"\n />\n )}\n </div>\n )\n}\nexport default SectionTitle\n"],"names":["SectionTitle","props","label","indicator","helper","id","jsxs","jsx","doClassnames","texts","IconChip"],"mappings":";;;;AAwBA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAM,EAAE,OAAAC,GAAO,WAAAC,GAAW,QAAAC,GAAQ,IAAAC,MAAOJ;AAEzC,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa;AAAA,UACtB;AAAA,UACAC,EAAM,eAAe;AAAA,UACrBA,EAAM,iBAAiB;AAAA,QAAA,CACxB;AAAA,QACD,IAAAJ;AAAA,QAEC,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFC,MAAc,UACb,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa,CAAC,4BAA4BC,EAAM,IAAI,CAAC;AAAA,QAChE,cAAIN,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhBC,MAAW,UACV,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,MAAMN;AAAA,QACN,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"SectionTitle.js","sources":["../../../../src/components/assets/section-title/SectionTitle.tsx"],"sourcesContent":["import { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport IconChip from '@components/tags/icon-chip/IconChip'\nimport './section-title.scss'\n\nexport type SectionTitleProps = {\n /*\n Text label of the section title\n /\n label: string\n /\n Optional indicator (number or text) displayed in parentheses\n /\n indicator?: string \| number\n /\n Helper content displayed in a tooltip icon\n /\n helper?: string \| React.ReactNode\n /\n HTML id attribute for the title\n */\n id?: string\n}\n\nconst SectionTitle = (props: SectionTitleProps) => {\n const { label, indicator, helper, id } = props\n\n return (\n <div className=\"section-title\">\n <div\n className={doClassnames([\n 'section-title__title',\n texts['section-title'],\n texts['type--truncated'],\n ])}\n id={id}\n >\n {label}\n </div>\n {indicator !== undefined && (\n <div\n className={doClassnames(['section-title__indicator', texts.type])}\n >{`(${indicator})`}</div>\n )}\n {helper !== undefined && (\n <IconChip\n iconType=\"PICTO\"\n iconName=\"info\"\n text={helper}\n type=\"MULTI_LINE\"\n />\n )}\n </div>\n )\n}\nexport default SectionTitle\n"],"names":["SectionTitle","props","label","indicator","helper","id","jsxs","jsx","doClassnames","texts","IconChip"],"mappings":";;;;AAwBA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAM,EAAE,OAAAC,GAAO,WAAAC,GAAW,QAAAC,GAAQ,IAAAC,MAAOJ;AAEzC,SACE,gBAAAK,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa;AAAA,UACtB;AAAA,UACAC,EAAM,eAAe;AAAA,UACrBA,EAAM,iBAAiB;AAAA,QAAA,CACxB;AAAA,QACD,IAAAJ;AAAA,QAEC,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFC,MAAc,UACb,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAa,CAAC,4BAA4BC,EAAM,IAAI,CAAC;AAAA,QAChE,cAAIN,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEhBC,MAAW,UACV,gBAAAG;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,MAAMN;AAAA,QACN,MAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GAEJ;AAEJ;"}

package/dist/components/assets/text/Text.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 export type TextProps = {
     /**
      * Text content

package/dist/components/assets/text/Text.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/text/Text.tsx"],"names":[],"mappings":";AAEA,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC/C;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IACtC;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI,~~UAAW~~,SAAS,4CA6B7B,CAAA;AAED,eAAe,IAAI,CAAA"}
1	+ {"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAA;AAEpB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC/C;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAA;IACtC;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,CAAA;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI,GAAI,OAAO,SAAS,4CA6B7B,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/assets/text/Text.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import '../../../assets/Text.css';
 import { jsx as i } from "react/jsx-runtime";
-import t from "../../../styles/texts/texts.module.js";
 import { t as d } from "../../../do-classnames-DSDFCvzy.js";
+import t from "../../../styles/texts/texts.module.js";
 const y = (s) => {
   const {
     children: o,

package/dist/components/assets/text/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Text.js","sources":["../../../../src/components/assets/text/Text.tsx"],"sourcesContent":["import ~~texts~~ from '@~~styles~~/~~texts/texts.module.scss~~'\nimport { ~~doClassnames }~~ from '@~~a_ng_d~~/~~figmug-utils~~'\nimport './text.scss'\n\nexport type TextProps = {\n /*\n Text content\n /\n children: React.ReactNode\n /\n Text size\n /\n size?: 'default' \| 'small' \| 'large' \| 'xlarge'\n /\n Text weight\n /\n weight?: 'default' \| 'medium' \| 'bold'\n /\n Text color\n /\n color?:\n \| 'primary'\n \| 'secondary'\n \| 'tertiary'\n \| 'inverse'\n \| 'success'\n \| 'warning'\n \| 'alert'\n /\n Truncate text if too long (adds ...)\n /\n truncate?: boolean\n /\n Optional ID for the text\n /\n id?: string\n /\n Additional CSS class\n */\n className?: string\n}\n\nconst Text = (props: TextProps) => {\n const {\n children,\n size = 'default',\n weight = 'default',\n color = 'primary',\n truncate = false,\n id,\n className,\n } = props\n\n const classNames = [\n 'text',\n texts.type,\n size !== 'default' && texts[`type--${size}`],\n weight !== 'default' && texts[`type--${weight}`],\n color !== 'primary' && texts[`type--${color}`],\n truncate && texts['type--truncated'],\n className,\n ]\n\n return (\n <div\n className={doClassnames(classNames)}\n id={id}\n >\n {children}\n </div>\n )\n}\n\nexport default Text\n"],"names":["Text","props","children","size","weight","color","truncate","id","className","classNames","texts","jsx","doClassnames"],"mappings":";;;AA0CA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,IAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACEP,GAEEQ,IAAa;AAAA,IACjB;AAAA,IACAC,EAAM;AAAA,IACNP,MAAS,aAAaO,EAAM,SAASP,CAAI,EAAE;AAAA,IAC3CC,MAAW,aAAaM,EAAM,SAASN,CAAM,EAAE;AAAA,IAC/CC,MAAU,aAAaK,EAAM,SAASL,CAAK,EAAE;AAAA,IAC7CC,KAAYI,EAAM,iBAAiB;AAAA,IACnCF;AAAA,EAAA;AAGF,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAaH,CAAU;AAAA,MAClC,IAAAF;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1	+ {"version":3,"file":"Text.js","sources":["../../../../src/components/assets/text/Text.tsx"],"sourcesContent":["import { doClassnames } from '@unoff/utils'\nimport texts from '@styles/texts/texts.module.scss'\nimport './text.scss'\n\nexport type TextProps = {\n /*\n Text content\n /\n children: React.ReactNode\n /\n Text size\n /\n size?: 'default' \| 'small' \| 'large' \| 'xlarge'\n /\n Text weight\n /\n weight?: 'default' \| 'medium' \| 'bold'\n /\n Text color\n /\n color?:\n \| 'primary'\n \| 'secondary'\n \| 'tertiary'\n \| 'inverse'\n \| 'success'\n \| 'warning'\n \| 'alert'\n /\n Truncate text if too long (adds ...)\n /\n truncate?: boolean\n /\n Optional ID for the text\n /\n id?: string\n /\n Additional CSS class\n */\n className?: string\n}\n\nconst Text = (props: TextProps) => {\n const {\n children,\n size = 'default',\n weight = 'default',\n color = 'primary',\n truncate = false,\n id,\n className,\n } = props\n\n const classNames = [\n 'text',\n texts.type,\n size !== 'default' && texts[`type--${size}`],\n weight !== 'default' && texts[`type--${weight}`],\n color !== 'primary' && texts[`type--${color}`],\n truncate && texts['type--truncated'],\n className,\n ]\n\n return (\n <div\n className={doClassnames(classNames)}\n id={id}\n >\n {children}\n </div>\n )\n}\n\nexport default Text\n"],"names":["Text","props","children","size","weight","color","truncate","id","className","classNames","texts","jsx","doClassnames"],"mappings":";;;AA0CA,MAAMA,IAAO,CAACC,MAAqB;AACjC,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,IAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACEP,GAEEQ,IAAa;AAAA,IACjB;AAAA,IACAC,EAAM;AAAA,IACNP,MAAS,aAAaO,EAAM,SAASP,CAAI,EAAE;AAAA,IAC3CC,MAAW,aAAaM,EAAM,SAASN,CAAM,EAAE;AAAA,IAC/CC,MAAU,aAAaK,EAAM,SAASL,CAAK,EAAE;AAAA,IAC7CC,KAAYI,EAAM,iBAAiB;AAAA,IACnCF;AAAA,EAAA;AAGF,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAaH,CAAU;AAAA,MAClC,IAAAF;AAAA,MAEC,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/assets/thumbnail/Thumbnail.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 export interface ThumbnailProps {
     /**
      * Image source URL to display

package/dist/components/assets/thumbnail/Thumbnail.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/thumbnail/Thumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,SAAS,~~UAAW~~,cAAc,4CA+DvC,CAAA;AAED,eAAe,SAAS,CAAA"}
1	+ {"version":3,"file":"Thumbnail.d.ts","sourceRoot":"","sources":["../../../../src/components/assets/thumbnail/Thumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,kBAAkB,CAAA;AAEzB,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;IACX;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,4CA+DvC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/dialogs/consent/Consent.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { ConsentConfiguration } from '../../../types/consent.types';
 export interface ConsentProps {
     /**
      * Welcome message displayed at the top
@@ -68,11 +67,11 @@ export interface ConsentProps {
      */
     onClose?: React.MouseEventHandler & React.KeyboardEventHandler;
 }
-export interface ConsentStates {
+export interface ConsentState {
     isVendorsOpen: boolean;
     vendorsConsent: Array<ConsentConfiguration>;
 }
-export default class Consent extends React.Component<ConsentProps, ConsentStates> {
+export default class Consent extends React.Component<ConsentProps, ConsentState> {
     constructor(props: ConsentProps);
     onConsentAll: () => void;
     onDenyAll: () => void;

package/dist/components/dialogs/consent/Consent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Consent.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/consent/Consent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,aAAa,EAAE;QACb,wCAAwC;QACxC,KAAK,EAAE,MAAM,CAAA;QACb,2CAA2C;QAC3C,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;KAC7D,CAAA;IACD;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,cAAc,EAAE;QACd,4BAA4B;QAC5B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,sBAAsB;QACtB,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,8BAA8B;QAC9B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;KACF,CAAA;IACD;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAA;IACjC;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC/D;AAED,MAAM,WAAW,~~aAAa~~;~~IAC5B~~,aAAa,EAAE,OAAO,CAAA;IACtB,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,~~CAClD~~,YAAY,~~EACZ~~,~~aAAa~~,~~CACd~~;~~gBACa~~,KAAK,EAAE,YAAY;IAS/B,YAAY,aASX;IAED,SAAS,aASR;IAED,gBAAgB,aAKf;IAGD,qBAAqB,~~UAAW~~,MAAM,UAerC;IAGD,aAAa,gDAoFZ;IAED,mBAAmB,gDA6MlB;IAGD,MAAM;CAeP"}
1	+ {"version":3,"file":"Consent.d.ts","sourceRoot":"","sources":["../../../../src/components/dialogs/consent/Consent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,gBAAgB,CAAA;AAEvB,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,aAAa,EAAE;QACb,wCAAwC;QACxC,KAAK,EAAE,MAAM,CAAA;QACb,2CAA2C;QAC3C,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;KAC7D,CAAA;IACD;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,cAAc,EAAE;QACd,4BAA4B;QAC5B,OAAO,EAAE;YACP,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,sBAAsB;QACtB,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;QACD,8BAA8B;QAC9B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,KAAK,IAAI,CAAA;SAC9D,CAAA;KACF,CAAA;IACD;;OAEG;IACH,WAAW,EAAE,oBAAoB,CAAA;IACjC;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;IACxC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAA;CAC/D;AAED,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,OAAO,CAAA;IACtB,cAAc,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAA;CAC5C;AAED,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;gBAClE,KAAK,EAAE,YAAY;IAS/B,YAAY,aASX;IAED,SAAS,aASR;IAED,gBAAgB,aAKf;IAGD,qBAAqB,GAAI,OAAO,MAAM,UAerC;IAGD,aAAa,gDAoFZ;IAED,mBAAmB,gDA6MlB;IAGD,MAAM;CAeP"}

package/dist/components/dialogs/consent/Consent.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import '../../../assets/Consent.css';
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import u from "react";
+import { t as r } from "../../../do-classnames-DSDFCvzy.js";
 import l from "../../../styles/texts/texts.module.js";
 import b from "../../../styles/layouts.module.js";
 import v from "../../slots/bar/Bar.js";
 import C from "../../inputs/select/Select.js";
 import N from "../../assets/thumbnail/Thumbnail.js";
 import i from "../../actions/button/Button.js";
-import { t as r } from "../../../do-classnames-DSDFCvzy.js";
 class B extends u.Component {
   constructor(n) {
     super(n), this.state = {