@wix/wix-ui-icons-common 1.0.10 → 1.0.13

package/dist/esm/stories/responsive-editor/general/ResponsiveEditorGeneralCategoryList.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import GeneralCategoryListBase from '../../components/general-category-list-base/GeneralCategoryListBase';
+import * as iconComponents from '../../../responsive-editor/general/dist';
+import generalIconsMetadata from '../../../responsive-editor/general/metadata';
+const ResponsiveEditorGeneralCategoryList = () => (React.createElement(React.Fragment, null,
+    React.createElement(GeneralCategoryListBase, { iconComponents: iconComponents, iconsMetadata: generalIconsMetadata })));
+export default ResponsiveEditorGeneralCategoryList;
+//# sourceMappingURL=ResponsiveEditorGeneralCategoryList.js.map

package/dist/esm/stories/responsive-editor/general/ResponsiveEditorGeneralCategoryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveEditorGeneralCategoryList.js","sourceRoot":"","sources":["../../../../../src/stories/responsive-editor/general/ResponsiveEditorGeneralCategoryList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,uBAAuB,MAAM,qEAAqE,CAAC;AAC1G,OAAO,KAAK,cAAc,MAAM,yCAAyC,CAAC;AAC1E,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAE/E,MAAM,mCAAmC,GAAa,GAAG,EAAE,CAAC,CAC1D;IACE,oBAAC,uBAAuB,IACtB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,oBAAoB,GACnC,CACD,CACJ,CAAC;AAEF,eAAe,mCAAmC,CAAC"}

package/dist/esm/stories/responsive-editor/general/index.story.js

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { header, tabs, tab, description, importExample, title, divider, } from 'wix-storybook-utils/Sections';
+import { EditForm, Duplicate, Settings, Text, Hint, } from '../../../responsive-editor/general/dist';
+import HeaderIcons from '../../components/header-icons';
+import IconsExample from '../../components/icons-example';
+import * as iconComponents from '../../../responsive-editor/general/dist';
+import API_Table from '../../APITable';
+import ResponsiveEditorGeneralCategoryList from './ResponsiveEditorGeneralCategoryList';
+import { RESPONSIVE_EDITOR_CATEGORY, GENERAL_ICONS } from '../../constants';
+export default {
+    category: RESPONSIVE_EDITOR_CATEGORY,
+    storyName: GENERAL_ICONS,
+    component: () => (React.createElement(IconsExample, Object.assign({ dataHook: "icon-list" }, { iconComponents }))),
+    sections: [
+        header({
+            component: (React.createElement(HeaderIcons, null,
+                React.createElement(EditForm, null),
+                React.createElement(Settings, null),
+                React.createElement(Hint, null),
+                React.createElement(Text, null),
+                React.createElement(Duplicate, null))),
+            sourceUrl: 'https://github.com/wix/wix-ui/tree/master/packages/wix-ui-icons-common',
+        }),
+        tabs([
+            tab({
+                title: 'Icon List',
+                sections: [
+                    description({
+                        title: 'Adding New Icons',
+                        text: `Base UI Icons are owned by Hive Team.<br/>If you can’t find an icon for your needs or some adjustments need to be made to existing ones, please submit <a href="https://docs.google.com/forms/d/e/1FAIpQLScLrVAwWsVVqlL1dvtVIMRX_mmTZAWIKHv1Mf0LYKkj8i1xUw/viewform">Icon Request.</a>`,
+                    }),
+                    importExample("import { Duplicate } from '@wix/wix-ui-icons-common/responsive-editor';"),
+                    divider(),
+                    title('Categories'),
+                    description({
+                        text: 'The usage of each icon type is determined by intention and size. Icons should be used strictly according to the description.',
+                    }),
+                    React.createElement(ResponsiveEditorGeneralCategoryList, null),
+                ],
+            }),
+            tab({
+                title: 'API',
+                sections: [description({ title: 'Props', text: API_Table })],
+            }),
+        ]),
+    ],
+};
+//# sourceMappingURL=index.story.js.map

package/dist/esm/stories/responsive-editor/general/index.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.js","sourceRoot":"","sources":["../../../../../src/stories/responsive-editor/general/index.story.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,IAAI,EACJ,GAAG,EACH,WAAW,EACX,aAAa,EACb,KAAK,EACL,OAAO,GACR,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,IAAI,GACL,MAAM,yCAAyC,CAAC;AACjD,OAAO,WAAW,MAAM,+BAA+B,CAAC;AACxD,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,KAAK,cAAc,MAAM,yCAAyC,CAAC;AAC1E,OAAO,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,mCAAmC,MAAM,uCAAuC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE5E,eAAe;IACb,QAAQ,EAAE,0BAA0B;IACpC,SAAS,EAAE,aAAa;IACxB,SAAS,EAAE,GAAG,EAAE,CAAC,CACf,oBAAC,YAAY,kBAAC,QAAQ,EAAC,WAAW,IAAK,EAAE,cAAc,EAAE,EAAI,CAC9D;IAED,QAAQ,EAAE;QACR,MAAM,CAAC;YACL,SAAS,EAAE,CACT,oBAAC,WAAW;gBACV,oBAAC,QAAQ,OAAG;gBACZ,oBAAC,QAAQ,OAAG;gBACZ,oBAAC,IAAI,OAAG;gBACR,oBAAC,IAAI,OAAG;gBACR,oBAAC,SAAS,OAAG,CACD,CACf;YACD,SAAS,EACP,wEAAwE;SAC3E,CAAC;QAEF,IAAI,CAAC;YACH,GAAG,CAAC;gBACF,KAAK,EAAE,WAAW;gBAClB,QAAQ,EAAE;oBACR,WAAW,CAAC;wBACV,KAAK,EAAE,kBAAkB;wBACzB,IAAI,EAAE,wRAAwR;qBAC/R,CAAC;oBACF,aAAa,CACX,yEAAyE,CAC1E;oBACD,OAAO,EAAE;oBACT,KAAK,CAAC,YAAY,CAAC;oBACnB,WAAW,CAAC;wBACV,IAAI,EAAE,8HAA8H;qBACrI,CAAC;oBACF,oBAAC,mCAAmC,OAAG;iBACxC;aACF,CAAC;YACF,GAAG,CAAC;gBACF,KAAK,EAAE,KAAK;gBACZ,QAAQ,EAAE,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;aAC7D,CAAC;SACH,CAAC;KACH;CACF,CAAC"}

package/dist/esm/stories/responsive-editor/system/index.story.js

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import { header, tabs, tab, description, importExample, title, divider, } from 'wix-storybook-utils/Sections';
+import CategoryList from '../../components/category-list';
+import { classes } from './style.st.css';
+import { Settings, Design, Layout, Crop, Link, } from '../../../responsive-editor/system/dist';
+import HeaderIcons from '../../components/header-icons';
+import IconsExample from '../../components/icons-example';
+import systemIconsMetadata from '../../../responsive-editor/system/metadata';
+import * as iconComponents from '../../../responsive-editor/system/dist';
+import API_Table from '../../APITable';
+import { getIconSizeKeys } from '../../utils';
+import { RESPONSIVE_EDITOR_CATEGORY, SYSTEM_ICONS } from '../../constants';
+const mapIconToRow = ({ title: _title, sizes }) => {
+    const iconSize = Object.keys(sizes).length ? Object.keys(sizes)[0] : '';
+    // @ts-ignore
+    const Icon = iconComponents[_title];
+    return [Icon && React.createElement(Icon, null), _title, iconSize && `${iconSize}x${iconSize}`];
+};
+const tableHeaderTitles = ['Icon', 'Icon Name', 'Icon Size'];
+const iconSizeKeys = getIconSizeKeys(systemIconsMetadata);
+const searchKeys = ['title', ...iconSizeKeys, 'tags', 'aliases'];
+export default {
+    category: RESPONSIVE_EDITOR_CATEGORY,
+    storyName: SYSTEM_ICONS,
+    component: () => (React.createElement(IconsExample, Object.assign({ dataHook: "icon-list" }, { iconComponents }))),
+    sections: [
+        header({
+            component: (React.createElement(HeaderIcons, null,
+                React.createElement(Settings, null),
+                React.createElement(Design, null),
+                React.createElement(Layout, null),
+                React.createElement(Crop, null),
+                React.createElement(Link, null))),
+            sourceUrl: 'https://github.com/wix/wix-ui/tree/master/packages/wix-ui-icons-common/src/system',
+        }),
+        tabs([
+            tab({
+                title: 'Icon List',
+                sections: [
+                    description({
+                        title: 'Adding New Icons',
+                        text: `Base UI Icons are owned by Hive Team.<br/>If you can’t find an icon for your needs or some adjustments need to be made to existing ones, please submit <a href="https://docs.google.com/forms/d/e/1FAIpQLScLrVAwWsVVqlL1dvtVIMRX_mmTZAWIKHv1Mf0LYKkj8i1xUw/viewform">Icon Request.</a>`,
+                    }),
+                    importExample("import { Settings } from '@wix/wix-ui-icons-common/responsive-editor/system';"),
+                    divider(),
+                    title('Categories'),
+                    description({
+                        text: 'The usage of each icon type is determined by intention and size. Icons should be used strictly according to the description.',
+                    }),
+                    React.createElement(CategoryList, Object.assign({ dataHook: "icon-list", className: classes.tableList, iconsMetadata: systemIconsMetadata }, {
+                        tableHeaderTitles,
+                        searchKeys,
+                        mapIconToRow,
+                    })),
+                ],
+            }),
+            tab({
+                title: 'API',
+                sections: [description({ title: 'Props', text: API_Table })],
+            }),
+        ]),
+    ],
+};
+//# sourceMappingURL=index.story.js.map

package/dist/esm/stories/responsive-editor/system/index.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.js","sourceRoot":"","sources":["../../../../../src/stories/responsive-editor/system/index.story.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/responsive-editor/system/style.st.css

@@ -0,0 +1,15 @@
+.tableList table {
+    table-layout: fixed;
+}
+
+.tableList th:nth-child(1) {
+    width: 36px;
+}
+
+.tableList th:nth-child(2) {
+    width: 160px;
+}
+
+.tableList th:nth-child(3) {
+    width: 650px;
+}