@akinon/icons 0.1.1 → 0.3.0

package/dist/{icomoon.d.ts → cjs/icomoon.d.ts}

@@ -1,5 +1,4 @@
 import { CSSProperties, JSXElementConstructor, SVGProps } from 'react';
-
 type IconSetItem = {
     properties: {
         name: string;
@@ -26,6 +25,6 @@ export interface IconProps extends SVGProps<SVGElement> {
 interface IcomoonProps extends IconProps {
     iconSet: IconSet;
 }
-export declare const Icomoon: ({ iconSet, icon, size, title, disableFill, removeInlineStyle, SvgComponent, PathComponent, ...props }: IcomoonProps) => import('react').ReactElement<any, string | JSXElementConstructor<any>> | null;
+export declare const Icomoon: ({ iconSet, icon, size, title, disableFill, removeInlineStyle, SvgComponent, PathComponent, ...props }: IcomoonProps) => import("react").ReactElement<any, string | JSXElementConstructor<any>> | null;
 export {};
 //# sourceMappingURL=icomoon.d.ts.map

package/dist/cjs/icomoon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icomoon.d.ts","sourceRoot":"","sources":["../../src/icomoon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,qBAAqB,EACrB,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,UAAU,CAAC;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,YAAY,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAE1C,aAAa,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,UAAU,YAAa,SAAQ,SAAS;IACtC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,0GAUjB,YAAY,kFAyCd,CAAC"}

package/dist/cjs/icomoon.js

@@ -0,0 +1,42 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icomoon = void 0;
+const react_1 = require("react");
+const Icomoon = (_a) => {
+    var { iconSet, icon, size = 24, title, disableFill, removeInlineStyle, SvgComponent, PathComponent } = _a, props = __rest(_a, ["iconSet", "icon", "size", "title", "disableFill", "removeInlineStyle", "SvgComponent", "PathComponent"]);
+    if (!iconSet || !icon)
+        return null;
+    const currentIcon = iconSet.icons.find(item => item.properties.name === icon);
+    if (!currentIcon)
+        return null;
+    const initialStyle = {
+        display: 'inline-block',
+        stroke: 'currentColor',
+        fill: 'currentColor'
+    };
+    const computedStyle = Object.assign(Object.assign(Object.assign({}, (removeInlineStyle ? {} : initialStyle)), (size ? { width: size, height: size } : {})), (props.style || {}));
+    const { width = '1024' } = currentIcon.icon;
+    const viewBox = `0 0 ${width} 1024`;
+    const children = currentIcon.icon.paths.map((path, index) => {
+        var _a;
+        const attrs = (_a = currentIcon.icon.attrs) === null || _a === void 0 ? void 0 : _a[index];
+        const pathProps = Object.assign({ d: path, key: icon + index }, (!disableFill && attrs ? attrs : {}));
+        return (0, react_1.createElement)(PathComponent || 'path', pathProps);
+    });
+    if (title) {
+        children.push((0, react_1.createElement)('title', { key: title }, title));
+    }
+    return (0, react_1.createElement)(SvgComponent || 'svg', Object.assign(Object.assign({}, props), { viewBox, style: computedStyle }), children);
+};
+exports.Icomoon = Icomoon;

package/dist/{icon.d.ts → cjs/icon.d.ts}

@@ -1,5 +1,5 @@
-import { IconProps } from './icomoon';
 import * as React from 'react';
+import { IconProps } from './icomoon';
 export declare const Icon: (props: IconProps) => React.JSX.Element;
 /**
  * Returns the full list of available icons.

package/dist/cjs/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,SAAS,EAAE,MAAM,WAAW,CAAC;AAG/C,eAAO,MAAM,IAAI,UAAW,SAAS,sBAEpC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,uBAGvB,CAAC"}

package/dist/cjs/icon.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIconList = exports.Icon = void 0;
+const React = require("react");
+const icomoon_1 = require("./icomoon");
+const selection_json_1 = require("./selection.json");
+const Icon = (props) => (React.createElement(icomoon_1.Icomoon, Object.assign({ iconSet: selection_json_1.default }, props)));
+exports.Icon = Icon;
+/**
+ * Returns the full list of available icons.
+ * Can be used for documentation purposes.
+ *
+ * @returns {string[]}
+ */
+const getIconList = () => {
+    if (!selection_json_1.default || !Array.isArray(selection_json_1.default.icons))
+        return null;
+    return selection_json_1.default.icons.map(icon => icon.properties.name);
+};
+exports.getIconList = getIconList;

package/dist/{index.d.ts.map → cjs/index.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./icon"), exports);

package/dist/{selection.json.d.ts → cjs/selection.json}

@@ -1,4 +1,4 @@
-declare const _default: {
+{
   "IcoMoonType": "selection",
   "icons": [
     {
@@ -5819,6 +5819,3 @@ declare const _default: {
     "gridSize": 16
   }
 }
-;
-
-export default _default;

package/dist/esm/icomoon.d.ts

@@ -0,0 +1,30 @@
+import { CSSProperties, JSXElementConstructor, SVGProps } from 'react';
+type IconSetItem = {
+    properties: {
+        name: string;
+    };
+    icon: {
+        paths: string[];
+        attrs?: object[];
+        width?: number | string;
+    };
+};
+type IconSet = {
+    icons: IconSetItem[];
+};
+export interface IconProps extends SVGProps<SVGElement> {
+    icon: string;
+    size?: string | number;
+    title?: string;
+    disableFill?: boolean;
+    removeInlineStyle?: boolean;
+    SvgComponent?: JSXElementConstructor<any>;
+    PathComponent?: JSXElementConstructor<any>;
+    style?: CSSProperties;
+}
+interface IcomoonProps extends IconProps {
+    iconSet: IconSet;
+}
+export declare const Icomoon: ({ iconSet, icon, size, title, disableFill, removeInlineStyle, SvgComponent, PathComponent, ...props }: IcomoonProps) => import("react").ReactElement<any, string | JSXElementConstructor<any>> | null;
+export {};
+//# sourceMappingURL=icomoon.d.ts.map

package/dist/esm/icomoon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icomoon.d.ts","sourceRoot":"","sources":["../../src/icomoon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,qBAAqB,EACrB,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,QAAQ,CAAC,UAAU,CAAC;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,YAAY,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAE1C,aAAa,CAAC,EAAE,qBAAqB,CAAC,GAAG,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,UAAU,YAAa,SAAQ,SAAS;IACtC,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,OAAO,0GAUjB,YAAY,kFAyCd,CAAC"}

package/dist/esm/icomoon.js

@@ -0,0 +1,38 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { createElement } from 'react';
+export const Icomoon = (_a) => {
+    var { iconSet, icon, size = 24, title, disableFill, removeInlineStyle, SvgComponent, PathComponent } = _a, props = __rest(_a, ["iconSet", "icon", "size", "title", "disableFill", "removeInlineStyle", "SvgComponent", "PathComponent"]);
+    if (!iconSet || !icon)
+        return null;
+    const currentIcon = iconSet.icons.find(item => item.properties.name === icon);
+    if (!currentIcon)
+        return null;
+    const initialStyle = {
+        display: 'inline-block',
+        stroke: 'currentColor',
+        fill: 'currentColor'
+    };
+    const computedStyle = Object.assign(Object.assign(Object.assign({}, (removeInlineStyle ? {} : initialStyle)), (size ? { width: size, height: size } : {})), (props.style || {}));
+    const { width = '1024' } = currentIcon.icon;
+    const viewBox = `0 0 ${width} 1024`;
+    const children = currentIcon.icon.paths.map((path, index) => {
+        var _a;
+        const attrs = (_a = currentIcon.icon.attrs) === null || _a === void 0 ? void 0 : _a[index];
+        const pathProps = Object.assign({ d: path, key: icon + index }, (!disableFill && attrs ? attrs : {}));
+        return createElement(PathComponent || 'path', pathProps);
+    });
+    if (title) {
+        children.push(createElement('title', { key: title }, title));
+    }
+    return createElement(SvgComponent || 'svg', Object.assign(Object.assign({}, props), { viewBox, style: computedStyle }), children);
+};

package/dist/esm/icon.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { IconProps } from './icomoon';
+export declare const Icon: (props: IconProps) => React.JSX.Element;
+/**
+ * Returns the full list of available icons.
+ * Can be used for documentation purposes.
+ *
+ * @returns {string[]}
+ */
+export declare const getIconList: () => string[] | null;
+//# sourceMappingURL=icon.d.ts.map

package/dist/esm/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,SAAS,EAAE,MAAM,WAAW,CAAC;AAG/C,eAAO,MAAM,IAAI,UAAW,SAAS,sBAEpC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,uBAGvB,CAAC"}

package/dist/esm/icon.js

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Icomoon } from './icomoon';
+import icons from './selection.json';
+export const Icon = (props) => (React.createElement(Icomoon, Object.assign({ iconSet: icons }, props)));
+/**
+ * Returns the full list of available icons.
+ * Can be used for documentation purposes.
+ *
+ * @returns {string[]}
+ */
+export const getIconList = () => {
+    if (!icons || !Array.isArray(icons.icons))
+        return null;
+    return icons.icons.map(icon => icon.properties.name);
+};

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1 @@
+export * from './icon';