oolib 2.143.0 → 2.144.1

package/dist/index.d.ts

@@ -72,6 +72,7 @@ export { SimpleTable } from "./components/SimpleTable";
 export { styledOKELinkCSS } from "./components/OKELink/styled";
 export { default as TableCellResizerPlugin } from "./components/Lexical/Plugins/TableCellResizer";
 export { colors as colors2 } from "./v2/themes";
+export { HintsProvider as HintsProvider2 } from "./v2/components/Hints/contextApi";
 export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";
 export { BannerAlert, BannerInfo } from "./components/Banners";
 export { BannerContext, useBannerContext, BannerProvider } from "./components/Banners/bannerContext";

package/dist/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PDFInput = exports.AudioInput = exports.VideoInput = exports.ProfileImageInput = exports.ImageInput = exports.MetaBlock = exports.HintsProvider = exports.genTagComp = exports.generateOptions = exports.OptionsSingle = exports.DropdownMulti = exports.DropdownSingle = exports.parseCardConfig = exports.ListProfile = exports.CardProfile = exports.CardEmbed = exports.ListContent = exports.CardContent = exports.DateTimeRangePicker = exports.DateTimePicker = exports.TimeRangePicker = exports.TimePicker = exports.DateRangePicker = exports.DatePicker = exports.TextLoader = exports.BarChart = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.Modal = exports.ModalForms = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentBarChart = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
-exports.colors2 = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = void 0;
+exports.HintsProvider2 = exports.colors2 = exports.TableCellResizerPlugin = exports.styledOKELinkCSS = exports.SimpleTable = exports.ModalConfirmAction = exports.BannerProvider = exports.useBannerContext = exports.BannerContext = exports.BannerInfo = exports.BannerAlert = exports.GroupQuestionsInputSingle = exports.ResourceInput = exports.IFrameInput = void 0;
 //css and styling related ( styled-components )
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
@@ -177,9 +177,8 @@ Object.defineProperty(exports, "TableCellResizerPlugin", { enumerable: true, get
 __exportStar(require("./v2/components/Buttons"), exports);
 __exportStar(require("./v2/components/Typo2"), exports);
 __exportStar(require("./v2/components/BlockLabel"), exports);
-__exportStar(require(""), exports);
 var themes_2 = require("./v2/themes");
 Object.defineProperty(exports, "colors2", { enumerable: true, get: function () { return themes_2.colors; } });
 // v2 contexts
 var contextApi_2 = require("./v2/components/Hints/contextApi");
-Object.defineProperty(exports, "HintsProvider", { enumerable: true, get: function () { return contextApi_2.HintsProvider; } });
+Object.defineProperty(exports, "HintsProvider2", { enumerable: true, get: function () { return contextApi_2.HintsProvider; } });

package/dist/stories/Oolib/components/Icons.stories.d.ts

@@ -0,0 +1,8 @@
+declare namespace _default {
+    let title: string;
+    namespace args {
+        let invert: boolean;
+    }
+}
+export default _default;
+export function Icons(args: any): import("react").JSX.Element;

package/dist/stories/Oolib/components/Icons.stories.js

@@ -0,0 +1,83 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icons = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var icons_1 = require("../../../icons");
+var Typo2_1 = require("../../../v2/components/Typo2");
+var TextInputs_1 = require("../../../v2/components/TextInputs");
+var react_1 = require("react");
+exports.default = {
+    title: "Components/Icons",
+    args: {
+        invert: false,
+    },
+};
+var StyledWrapperIconsGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(", ", 1fr));\n  grid-template-rows: auto;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n"], ["\n  width: 100%;\n  position: relative;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(", ", 1fr));\n  grid-template-rows: auto;\n  grid-row-gap: 2rem;\n  grid-column-gap: 2rem;\n"])), function (_a) {
+    var minWidth = _a.minWidth;
+    return minWidth;
+});
+var weightOptions = ['thin', 'light', 'regular', 'bold', 'fill', 'duotone'];
+var Icons = function (args) {
+    var _a = (0, react_1.useState)(""), searchIcon = _a[0], setSearchIcon = _a[1];
+    var _b = (0, react_1.useState)(null), selectedIcon = _b[0], setSelectedIcon = _b[1];
+    var _c = (0, react_1.useState)('regular'), selectedWeight = _c[0], setSelectedWeight = _c[1];
+    var iconArray = Object.entries(icons_1.icons).map(function (_a) {
+        var key = _a[0], value = _a[1];
+        return ({
+            key: key,
+            value: value
+        });
+    });
+    var filterIcons = function (value) {
+        setSearchIcon(value);
+    };
+    var filteredIcons = iconArray.filter(function (icon) {
+        return icon.key.toLowerCase().includes(searchIcon.toLowerCase());
+    });
+    var handleIconClick = function (key, iconComponent) {
+        setSelectedIcon(selectedIcon === key ? null : key);
+        setSelectedWeight('regular');
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TextInputs_1.TextInput, { value: searchIcon, onChange: function (id, value) { return filterIcons(value); }, label: "Search Icon" }),
+        React.createElement(StyledWrapperIconsGrid, { minWidth: "10rem" }, filteredIcons.map(function (_a) {
+            var key = _a.key, Icon = _a.value;
+            return (React.createElement("div", { key: key },
+                React.createElement("div", { style: {
+                        display: "flex",
+                        flexDirection: 'column',
+                        alignItems: "center",
+                        padding: "1rem",
+                        cursor: "pointer",
+                        border: selectedIcon === key ? '2px solid blue' : 'none',
+                    }, onClick: function () { return handleIconClick(key, Icon); } },
+                    React.createElement(Icon, { size: 24, color: "red" }),
+                    React.createElement(Typo2_1.UI_CAPTION, null, key)),
+                selectedIcon === key && (React.createElement("div", { style: {
+                        marginTop: '1rem',
+                        padding: '1rem',
+                        border: '1px solid #ccc',
+                        borderRadius: '4px',
+                        backgroundColor: '#f9f9f9',
+                        width: '100svw'
+                    } },
+                    React.createElement("h4", { style: { marginBottom: '0.5rem' } }, "Select Weight:"),
+                    React.createElement("select", { value: selectedWeight, onChange: function (e) { return setSelectedWeight(e.target.value); }, style: {
+                            width: '100%',
+                            padding: '0.5rem',
+                            marginBottom: '1rem'
+                        } }, weightOptions.map(function (weight) { return (React.createElement("option", { key: weight, value: weight }, weight)); })),
+                    React.createElement("div", { style: { display: 'flex', justifyContent: 'center' } },
+                        React.createElement(Icon, { size: 32, weight: selectedWeight === 'regular' ? undefined : selectedWeight })),
+                    React.createElement(Typo2_1.UI_CAPTION, { style: { textAlign: 'center', marginTop: '0.5rem' } }, "<".concat(key, " size={32} ").concat(selectedWeight !== 'regular' ? "weight=\"".concat(selectedWeight, "\"") : '', " />"))))));
+        }))));
+};
+exports.Icons = Icons;
+var templateObject_1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.143.0",
+  "version": "2.144.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",