@webiny/ui 6.0.0-alpha.0 → 6.0.0-alpha.2

package/Tags/Tags.js

@@ -1,66 +1,11 @@
-import React, { useCallback, useState } from "react";
-import keycode from "keycode";
-import minimatch from "minimatch";
-import { Input } from "../Input";
-import { Chips, Chip } from "../Chips";
+import React from "react";
+import { Tags as AdminTags } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Tags` component from the `@webiny/admin-ui` package instead.
+ */
 export const Tags = props => {
-  const [inputValue, setInputValue] = useState("");
-  const {
-    value,
-    disabled,
-    onChange,
-    protectedTags = [],
-    ...otherInputProps
-  } = props;
-  const isProtected = useCallback(tag => protectedTags.some(pattern => minimatch(tag, pattern)), [protectedTags]);
-  const inputProps = {
-    ...otherInputProps,
-    value: inputValue,
-    onChange: inputValue => {
-      setInputValue(inputValue);
-    },
-    onKeyDown: ev => {
-      if (!onChange) {
-        return;
-      }
-      const newValue = Array.isArray(value) ? [...value] : [];
-
-      /**
-       * We must cast as keycode only works with Event | string type.
-       */
-      switch (keycode(ev)) {
-        case "enter":
-          if (inputValue) {
-            newValue.push(inputValue);
-            onChange(newValue);
-            setInputValue("");
-          }
-          break;
-        case "backspace":
-          if (newValue.length && !inputValue) {
-            newValue.splice(-1, 1);
-            onChange(newValue);
-            break;
-          }
-      }
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, inputProps), Array.isArray(value) && value.length ? /*#__PURE__*/React.createElement(Chips, {
-    disabled: disabled
-  }, value.map((item, index) => {
-    return /*#__PURE__*/React.createElement(Chip, {
-      label: item,
-      key: `${item}-${index}`,
-      onRemove: !isProtected(item) ? () => {
-        // On removal, let's update the value and call "onChange" callback.
-        if (onChange) {
-          const newValue = [...value];
-          newValue.splice(index, 1);
-          onChange(newValue);
-        }
-      } : undefined
-    });
-  })) : null);
+  return /*#__PURE__*/React.createElement(AdminTags, props);
 };
 export default Tags;
 

package/Tags/Tags.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","keycode","minimatch","Input","Chips","Chip","Tags","props","inputValue","setInputValue","value","disabled","onChange","protectedTags","otherInputProps","isProtected","tag","some","pattern","inputProps","onKeyDown","ev","newValue","Array","isArray","push","length","splice","createElement","map","item","index","label","key","onRemove","undefined"],"sources":["Tags.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useState } from \"react\";\nimport keycode from \"keycode\";\nimport minimatch from \"minimatch\";\nimport { Input, InputProps } from \"~/Input\";\nimport { Chips, Chip } from \"~/Chips\";\nimport { FormComponentProps } from \"~/types\";\n\ninterface TagsProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: React.ReactNode;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * A list of tags.\n     */\n    value?: string[];\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: <T = unknown>(value: T) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: (ev: Event) => void;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n\n    /**\n     * Protected tags cannot be removed by the user.\n     */\n    protectedTags?: string[];\n}\n\nexport const Tags = (props: TagsProps) => {\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const { value, disabled, onChange, protectedTags = [], ...otherInputProps } = props;\n\n    const isProtected = useCallback(\n        (tag: string) => protectedTags.some(pattern => minimatch(tag, pattern)),\n        [protectedTags]\n    );\n\n    const inputProps: InputProps<string> = {\n        ...otherInputProps,\n        value: inputValue,\n        onChange: inputValue => {\n            setInputValue(inputValue);\n        },\n        onKeyDown: (ev: SyntheticEvent) => {\n            if (!onChange) {\n                return;\n            }\n\n            const newValue = Array.isArray(value) ? [...value] : [];\n\n            /**\n             * We must cast as keycode only works with Event | string type.\n             */\n            switch (keycode(ev as unknown as Event)) {\n                case \"enter\":\n                    if (inputValue) {\n                        newValue.push(inputValue);\n                        onChange(newValue);\n                        setInputValue(\"\");\n                    }\n                    break;\n                case \"backspace\":\n                    if (newValue.length && !inputValue) {\n                        newValue.splice(-1, 1);\n                        onChange(newValue);\n                        break;\n                    }\n            }\n        }\n    };\n\n    return (\n        <div>\n            <Input {...inputProps} />\n            {Array.isArray(value) && value.length ? (\n                <Chips disabled={disabled}>\n                    {value.map((item, index) => {\n                        return (\n                            <Chip\n                                label={item}\n                                key={`${item}-${index}`}\n                                onRemove={\n                                    !isProtected(item)\n                                        ? () => {\n                                              // On removal, let's update the value and call \"onChange\" callback.\n                                              if (onChange) {\n                                                  const newValue = [...value];\n                                                  newValue.splice(index, 1);\n                                                  onChange(newValue);\n                                              }\n                                          }\n                                        : undefined\n                                }\n                            />\n                        );\n                    })}\n                </Chips>\n            ) : null}\n        </div>\n    );\n};\n\nexport default Tags;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAoBC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACpE,OAAOC,OAAO,MAAM,SAAS;AAC7B,OAAOC,SAAS,MAAM,WAAW;AACjC,SAASC,KAAK;AACd,SAASC,KAAK,EAAEC,IAAI;AAuDpB,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACtC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGT,QAAQ,CAAC,EAAE,CAAC;EAEhD,MAAM;IAAEU,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,aAAa,GAAG,EAAE;IAAE,GAAGC;EAAgB,CAAC,GAAGP,KAAK;EAEnF,MAAMQ,WAAW,GAAGhB,WAAW,CAC1BiB,GAAW,IAAKH,aAAa,CAACI,IAAI,CAACC,OAAO,IAAIhB,SAAS,CAACc,GAAG,EAAEE,OAAO,CAAC,CAAC,EACvE,CAACL,aAAa,CAClB,CAAC;EAED,MAAMM,UAA8B,GAAG;IACnC,GAAGL,eAAe;IAClBJ,KAAK,EAAEF,UAAU;IACjBI,QAAQ,EAAEJ,UAAU,IAAI;MACpBC,aAAa,CAACD,UAAU,CAAC;IAC7B,CAAC;IACDY,SAAS,EAAGC,EAAkB,IAAK;MAC/B,IAAI,CAACT,QAAQ,EAAE;QACX;MACJ;MAEA,MAAMU,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACd,KAAK,CAAC,GAAG,CAAC,GAAGA,KAAK,CAAC,GAAG,EAAE;;MAEvD;AACZ;AACA;MACY,QAAQT,OAAO,CAACoB,EAAsB,CAAC;QACnC,KAAK,OAAO;UACR,IAAIb,UAAU,EAAE;YACZc,QAAQ,CAACG,IAAI,CAACjB,UAAU,CAAC;YACzBI,QAAQ,CAACU,QAAQ,CAAC;YAClBb,aAAa,CAAC,EAAE,CAAC;UACrB;UACA;QACJ,KAAK,WAAW;UACZ,IAAIa,QAAQ,CAACI,MAAM,IAAI,CAAClB,UAAU,EAAE;YAChCc,QAAQ,CAACK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YACtBf,QAAQ,CAACU,QAAQ,CAAC;YAClB;UACJ;MACR;IACJ;EACJ,CAAC;EAED,oBACIxB,KAAA,CAAA8B,aAAA,2BACI9B,KAAA,CAAA8B,aAAA,CAACzB,KAAK,EAAKgB,UAAa,CAAC,EACxBI,KAAK,CAACC,OAAO,CAACd,KAAK,CAAC,IAAIA,KAAK,CAACgB,MAAM,gBACjC5B,KAAA,CAAA8B,aAAA,CAACxB,KAAK;IAACO,QAAQ,EAAEA;EAAS,GACrBD,KAAK,CAACmB,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxB,oBACIjC,KAAA,CAAA8B,aAAA,CAACvB,IAAI;MACD2B,KAAK,EAAEF,IAAK;MACZG,GAAG,EAAE,GAAGH,IAAI,IAAIC,KAAK,EAAG;MACxBG,QAAQ,EACJ,CAACnB,WAAW,CAACe,IAAI,CAAC,GACZ,MAAM;QACF;QACA,IAAIlB,QAAQ,EAAE;UACV,MAAMU,QAAQ,GAAG,CAAC,GAAGZ,KAAK,CAAC;UAC3BY,QAAQ,CAACK,MAAM,CAACI,KAAK,EAAE,CAAC,CAAC;UACzBnB,QAAQ,CAACU,QAAQ,CAAC;QACtB;MACJ,CAAC,GACDa;IACT,CACJ,CAAC;EAEV,CAAC,CACE,CAAC,GACR,IACH,CAAC;AAEd,CAAC;AAED,eAAe7B,IAAI","ignoreList":[]}
+{"version":3,"names":["React","Tags","AdminTags","props","createElement"],"sources":["Tags.tsx"],"sourcesContent":["import type { FocusEventHandler } from \"react\";\nimport React from \"react\";\nimport { Tags as AdminTags } from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"~/types.js\";\n\ninterface TagsProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: React.ReactNode;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * A list of tags.\n     */\n    value?: string[];\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: <T = unknown>(value: T) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement> | undefined;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n\n    /**\n     * Protected tags cannot be removed by the user.\n     */\n    protectedTags?: string[];\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Tags` component from the `@webiny/admin-ui` package instead.\n */\nexport const Tags = (props: TagsProps) => {\n    return <AdminTags {...props} />;\n};\n\nexport default Tags;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,SAAS,QAAQ,kBAAkB;AAuDpD;AACA;AACA;AACA;AACA,OAAO,MAAMD,IAAI,GAAIE,KAAgB,IAAK;EACtC,oBAAOH,KAAA,CAAAI,aAAA,CAACF,SAAS,EAAKC,KAAQ,CAAC;AACnC,CAAC;AAED,eAAeF,IAAI","ignoreList":[]}

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Tooltip","TooltipBase","children","content","placement","className","side","align","placementMapping","left","undefined","right","top","bottom","topLeft","topRight","bottomLeft","bottomRight","createElement","trigger"],"sources":["Tooltip.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Tooltip as TooltipBase, TooltipProps as TooltipPropsBase } from \"@webiny/admin-ui\";\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: React.ReactNode;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Tooltip` component from the `@webiny/admin-ui` package instead.\n */\nexport const Tooltip = ({\n    children,\n    content,\n    placement,\n    className = \"webiny-ui-tooltip\"\n}: TooltipProps) => {\n    const { side, align } = useMemo(() => {\n        const placementMapping: Record<\n            string,\n            { side: TooltipPropsBase[\"side\"]; align: TooltipPropsBase[\"align\"] }\n        > = {\n            left: { side: \"left\", align: undefined },\n            right: { side: \"right\", align: undefined },\n            top: { side: \"top\", align: undefined },\n            bottom: { side: \"bottom\", align: undefined },\n            topLeft: { side: \"top\", align: \"start\" },\n            topRight: { side: \"top\", align: \"end\" },\n            bottomLeft: { side: \"bottom\", align: \"start\" },\n            bottomRight: { side: \"bottom\", align: \"end\" }\n        };\n\n        return placementMapping[placement ?? \"\"] || { side: undefined, align: undefined };\n    }, [placement]);\n\n    return (\n        <TooltipBase\n            trigger={children}\n            content={content}\n            className={className}\n            side={side}\n            align={align}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,IAAIC,WAAW,QAA0C,kBAAkB;AA2B3F;AACA;AACA;AACA;AACA,OAAO,MAAMD,OAAO,GAAGA,CAAC;EACpBE,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,SAAS,GAAG;AACF,CAAC,KAAK;EAChB,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGR,OAAO,CAAC,MAAM;IAClC,MAAMS,gBAGL,GAAG;MACAC,IAAI,EAAE;QAAEH,IAAI,EAAE,MAAM;QAAEC,KAAK,EAAEG;MAAU,CAAC;MACxCC,KAAK,EAAE;QAAEL,IAAI,EAAE,OAAO;QAAEC,KAAK,EAAEG;MAAU,CAAC;MAC1CE,GAAG,EAAE;QAAEN,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAEG;MAAU,CAAC;MACtCG,MAAM,EAAE;QAAEP,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAEG;MAAU,CAAC;MAC5CI,OAAO,EAAE;QAAER,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAQ,CAAC;MACxCQ,QAAQ,EAAE;QAAET,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAM,CAAC;MACvCS,UAAU,EAAE;QAAEV,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAAQ,CAAC;MAC9CU,WAAW,EAAE;QAAEX,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAAM;IAChD,CAAC;IAED,OAAOC,gBAAgB,CAACJ,SAAS,IAAI,EAAE,CAAC,IAAI;MAAEE,IAAI,EAAEI,SAAS;MAAEH,KAAK,EAAEG;IAAU,CAAC;EACrF,CAAC,EAAE,CAACN,SAAS,CAAC,CAAC;EAEf,oBACIN,KAAA,CAAAoB,aAAA,CAACjB,WAAW;IACRkB,OAAO,EAAEjB,QAAS;IAClBC,OAAO,EAAEA,OAAQ;IACjBE,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA;EAAM,CAChB,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Tooltip","TooltipBase","children","content","placement","className","side","align","placementMapping","left","undefined","right","top","bottom","topLeft","topRight","bottomLeft","bottomRight","createElement","trigger"],"sources":["Tooltip.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { TooltipProps as TooltipPropsBase } from \"@webiny/admin-ui\";\nimport { Tooltip as TooltipBase } from \"@webiny/admin-ui\";\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: React.ReactNode;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Tooltip` component from the `@webiny/admin-ui` package instead.\n */\nexport const Tooltip = ({\n    children,\n    content,\n    placement,\n    className = \"webiny-ui-tooltip\"\n}: TooltipProps) => {\n    const { side, align } = useMemo(() => {\n        const placementMapping: Record<\n            string,\n            { side: TooltipPropsBase[\"side\"]; align: TooltipPropsBase[\"align\"] }\n        > = {\n            left: { side: \"left\", align: undefined },\n            right: { side: \"right\", align: undefined },\n            top: { side: \"top\", align: undefined },\n            bottom: { side: \"bottom\", align: undefined },\n            topLeft: { side: \"top\", align: \"start\" },\n            topRight: { side: \"top\", align: \"end\" },\n            bottomLeft: { side: \"bottom\", align: \"start\" },\n            bottomRight: { side: \"bottom\", align: \"end\" }\n        };\n\n        return placementMapping[placement ?? \"\"] || { side: undefined, align: undefined };\n    }, [placement]);\n\n    return (\n        <TooltipBase\n            trigger={children}\n            content={content}\n            className={className}\n            side={side}\n            align={align}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,OAAO,IAAIC,WAAW,QAAQ,kBAAkB;AA2BzD;AACA;AACA;AACA;AACA,OAAO,MAAMD,OAAO,GAAGA,CAAC;EACpBE,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,SAAS,GAAG;AACF,CAAC,KAAK;EAChB,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGR,OAAO,CAAC,MAAM;IAClC,MAAMS,gBAGL,GAAG;MACAC,IAAI,EAAE;QAAEH,IAAI,EAAE,MAAM;QAAEC,KAAK,EAAEG;MAAU,CAAC;MACxCC,KAAK,EAAE;QAAEL,IAAI,EAAE,OAAO;QAAEC,KAAK,EAAEG;MAAU,CAAC;MAC1CE,GAAG,EAAE;QAAEN,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAEG;MAAU,CAAC;MACtCG,MAAM,EAAE;QAAEP,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAEG;MAAU,CAAC;MAC5CI,OAAO,EAAE;QAAER,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAQ,CAAC;MACxCQ,QAAQ,EAAE;QAAET,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAM,CAAC;MACvCS,UAAU,EAAE;QAAEV,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAAQ,CAAC;MAC9CU,WAAW,EAAE;QAAEX,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAAM;IAChD,CAAC;IAED,OAAOC,gBAAgB,CAACJ,SAAS,IAAI,EAAE,CAAC,IAAI;MAAEE,IAAI,EAAEI,SAAS;MAAEH,KAAK,EAAEG;IAAU,CAAC;EACrF,CAAC,EAAE,CAACN,SAAS,CAAC,CAAC;EAEf,oBACIN,KAAA,CAAAoB,aAAA,CAACjB,WAAW;IACRkB,OAAO,EAAEjB,QAAS;IAClBC,OAAO,EAAEA,OAAQ;IACjBE,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA;EAAM,CAChB,CAAC;AAEV,CAAC","ignoreList":[]}

package/TopAppBar/TopAppBarPrimary.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TopAppBarProps } from "./TopAppBar";
+import type { TopAppBarProps } from "./TopAppBar";
 export type TopAppBarPrimaryProps = TopAppBarProps;
 /**
  * @deprecated This component is deprecated and will be removed in future releases.

package/TopAppBar/TopAppBarPrimary.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TopAppBar","TopAppBarPrimary","props","children","other","createElement","Object","assign","className"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `HeaderBar` component from the `@webiny/admin-ui` package instead.\n */\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAIlB;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EACvD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAGF,KAAK;EACpC,oBACIH,KAAA,CAAAM,aAAA,CAACL,SAAS,EAAAM,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,SAAS,EAAE;EAAU,IACtCL,QACM,CAAC;AAEpB,CAAC;AAED,SAASF,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","TopAppBar","TopAppBarPrimary","props","children","other","createElement","Object","assign","className"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TopAppBarProps } from \"./TopAppBar\";\nimport { TopAppBar } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `HeaderBar` component from the `@webiny/admin-ui` package instead.\n */\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAIlB;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EACvD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAGF,KAAK;EACpC,oBACIH,KAAA,CAAAM,aAAA,CAACL,SAAS,EAAAM,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,SAAS,EAAE;EAAU,IACtCL,QACM,CAAC;AAEpB,CAAC;AAED,SAASF,gBAAgB","ignoreList":[]}

package/TopAppBar/TopAppBarSecondary.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TopAppBarProps } from "./TopAppBar";
+import type { TopAppBarProps } from "./TopAppBar";
 export type TopAppBarSecondaryProps = TopAppBarProps;
 /**
  * @deprecated This component is deprecated and will be removed in future releases.

package/TopAppBar/TopAppBarSecondary.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TopAppBar","TopAppBarSecondary","props","style","children","other","createElement","Object","assign"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `HeaderBar` component from the `@webiny/admin-ui` package instead.\n */\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAIlB;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAIC,KAA8B,IAAK;EAC3D,MAAM;IAAEC,KAAK,GAAG,CAAC,CAAC;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAGH,KAAK;EAChD,oBACIH,KAAA,CAAAO,aAAA,CAACN,SAAS,EAAAO,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEF,KAAK,EAAEA;EAAM,IAC9BC,QACM,CAAC;AAEpB,CAAC;AAED,SAASH,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","TopAppBar","TopAppBarSecondary","props","style","children","other","createElement","Object","assign"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TopAppBarProps } from \"./TopAppBar\";\nimport { TopAppBar } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `HeaderBar` component from the `@webiny/admin-ui` package instead.\n */\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAIlB;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAIC,KAA8B,IAAK;EAC3D,MAAM;IAAEC,KAAK,GAAG,CAAC,CAAC;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAGH,KAAK;EAChD,oBACIH,KAAA,CAAAO,aAAA,CAACN,SAAS,EAAAO,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEF,KAAK,EAAEA;EAAM,IAC9BC,QACM,CAAC;AAEpB,CAAC;AAED,SAASH,kBAAkB","ignoreList":[]}

package/Typography/Typography.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Heading","Text","Typography","props","children","use","className","headingLevelMap","headline1","headline2","headline3","headline4","headline5","headline6","level","createElement","size"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading, HeadingLevels, Text } from \"@webiny/admin-ui\";\n\nexport declare type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyProps {\n    use: TypographyT;\n    children?: React.ReactNode;\n    className?: string;\n    /**\n     * @deprecated\n     */\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Heading` or `Text` components from the `@webiny/admin-ui` package instead.\n */\nconst Typography = (props: TypographyProps) => {\n    const { children, use, className } = props;\n\n    // Define a mapping of use values to heading levels\n    const headingLevelMap: { [key: string]: HeadingLevels } = {\n        headline1: 1,\n        headline2: 2,\n        headline3: 3,\n        headline4: 4,\n        headline5: 5,\n        headline6: 6\n    };\n\n    if (use in headingLevelMap) {\n        const level = headingLevelMap[use];\n        return (\n            <Heading level={level} className={className}>\n                {children}\n            </Heading>\n        );\n    }\n\n    return (\n        <Text size={\"md\"} className={className}>\n            {children}\n        </Text>\n    );\n};\n\nexport { Typography, TypographyProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,EAAiBC,IAAI,QAAQ,kBAAkB;AA4B/D;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC3C,MAAM;IAAEC,QAAQ;IAAEC,GAAG;IAAEC;EAAU,CAAC,GAAGH,KAAK;;EAE1C;EACA,MAAMI,eAAiD,GAAG;IACtDC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACf,CAAC;EAED,IAAIR,GAAG,IAAIE,eAAe,EAAE;IACxB,MAAMO,KAAK,GAAGP,eAAe,CAACF,GAAG,CAAC;IAClC,oBACIN,KAAA,CAAAgB,aAAA,CAACf,OAAO;MAACc,KAAK,EAAEA,KAAM;MAACR,SAAS,EAAEA;IAAU,GACvCF,QACI,CAAC;EAElB;EAEA,oBACIL,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACe,IAAI,EAAE,IAAK;IAACV,SAAS,EAAEA;EAAU,GAClCF,QACC,CAAC;AAEf,CAAC;AAED,SAASF,UAAU","ignoreList":[]}
+{"version":3,"names":["React","Heading","Text","Typography","props","children","use","className","headingLevelMap","headline1","headline2","headline3","headline4","headline5","headline6","level","createElement","size"],"sources":["Typography.tsx"],"sourcesContent":["import React from \"react\";\nimport type { HeadingLevels } from \"@webiny/admin-ui\";\nimport { Heading, Text } from \"@webiny/admin-ui\";\n\nexport declare type TypographyT =\n    | \"headline1\"\n    | \"headline2\"\n    | \"headline3\"\n    | \"headline4\"\n    | \"headline5\"\n    | \"headline6\"\n    | \"subtitle1\"\n    | \"subtitle2\"\n    | \"body1\"\n    | \"body2\"\n    | \"caption\"\n    | \"button\"\n    | \"overline\";\n\ninterface TypographyProps {\n    use: TypographyT;\n    children?: React.ReactNode;\n    className?: string;\n    /**\n     * @deprecated\n     */\n    style?: React.CSSProperties;\n    tag?: string;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Heading` or `Text` components from the `@webiny/admin-ui` package instead.\n */\nconst Typography = (props: TypographyProps) => {\n    const { children, use, className } = props;\n\n    // Define a mapping of use values to heading levels\n    const headingLevelMap: { [key: string]: HeadingLevels } = {\n        headline1: 1,\n        headline2: 2,\n        headline3: 3,\n        headline4: 4,\n        headline5: 5,\n        headline6: 6\n    };\n\n    if (use in headingLevelMap) {\n        const level = headingLevelMap[use];\n        return (\n            <Heading level={level} className={className}>\n                {children}\n            </Heading>\n        );\n    }\n\n    return (\n        <Text size={\"md\"} className={className}>\n            {children}\n        </Text>\n    );\n};\n\nexport { Typography, TypographyProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,OAAO,EAAEC,IAAI,QAAQ,kBAAkB;AA4BhD;AACA;AACA;AACA;AACA,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC3C,MAAM;IAAEC,QAAQ;IAAEC,GAAG;IAAEC;EAAU,CAAC,GAAGH,KAAK;;EAE1C;EACA,MAAMI,eAAiD,GAAG;IACtDC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACf,CAAC;EAED,IAAIR,GAAG,IAAIE,eAAe,EAAE;IACxB,MAAMO,KAAK,GAAGP,eAAe,CAACF,GAAG,CAAC;IAClC,oBACIN,KAAA,CAAAgB,aAAA,CAACf,OAAO;MAACc,KAAK,EAAEA,KAAM;MAACR,SAAS,EAAEA;IAAU,GACvCF,QACI,CAAC;EAElB;EAEA,oBACIL,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACe,IAAI,EAAE,IAAK;IAACV,SAAS,EAAEA;EAAU,GAClCF,QACC,CAAC;AAEf,CAAC;AAED,SAASF,UAAU","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "6.0.0-alpha.0",
+	"version": "6.0.0-alpha.2",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -15,18 +15,17 @@
 	"license": "MIT",
 	"dependencies": {
 		"@svgr/webpack": "6.5.1",
-		"@webiny/admin-ui": "6.0.0-alpha.0",
-		"@webiny/utils": "6.0.0-alpha.0",
+		"@webiny/admin-ui": "6.0.0-alpha.2",
+		"@webiny/utils": "6.0.0-alpha.2",
 		"classnames": "2.5.1",
-		"keycode": "2.2.1",
 		"lodash": "4.17.21"
 	},
 	"devDependencies": {
 		"@emotion/babel-plugin": "11.11.0",
 		"@testing-library/react": "15.0.7",
-		"@webiny/cli": "6.0.0-alpha.0",
-		"@webiny/project-utils": "6.0.0-alpha.0",
-		"@webiny/validation": "6.0.0-alpha.0",
+		"@webiny/cli": "6.0.0-alpha.2",
+		"@webiny/project-utils": "6.0.0-alpha.2",
+		"@webiny/validation": "6.0.0-alpha.2",
 		"babel-loader": "9.2.1",
 		"execa": "5.1.1",
 		"ncp": "2.0.0",
@@ -60,5 +59,5 @@
 			]
 		}
 	},
-	"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
+	"gitHead": "7c9e8fbfd62a57ece5f880dbad6c864636b0355e"
 }