@bit.rhplus/ui.antd.state-select 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export default StateSelect;
+declare function StateSelect({ states, value, onChange, style, ...rest }: {
+    [x: string]: any;
+    states: any;
+    value: any;
+    onChange: any;
+    style: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable */
+import React, { useMemo } from 'react';
+import Select from 'antd/es/select';
+import Linq from '@bit.rhplus/linq';
+const badgeStyle = (color, textColor) => ({
+    display: 'inline-block',
+    backgroundColor: color || '#666',
+    color: textColor || '#fff',
+    borderRadius: 12,
+    padding: '2px 12px',
+    fontSize: 13,
+    lineHeight: '20px',
+    whiteSpace: 'nowrap',
+});
+const StateSelect = ({ states, value, onChange, style, ...rest }) => {
+    const options = useMemo(() => Linq.from(states || [])
+        .where((w) => w.visible)
+        .orderBy((o) => o.ordering)
+        .select((s) => ({
+        value: s.id,
+        label: s.translatedName,
+        color: s.color,
+        textColor: s.textColor,
+    }))
+        .toArray(), [states]);
+    const stateMap = useMemo(() => {
+        const map = {};
+        for (const opt of options) {
+            map[opt.value] = opt;
+        }
+        return map;
+    }, [options]);
+    return (_jsx(Select, { value: value, onChange: onChange, options: options, style: { width: '100%', ...style }, placeholder: "Vyberte stav", optionRender: (option) => (_jsx("span", { style: badgeStyle(option.data.color, option.data.textColor), children: option.data.label })), labelRender: ({ value: val }) => {
+            const state = stateMap[val];
+            if (!state)
+                return val;
+            return (_jsx("span", { style: badgeStyle(state.color, state.textColor), children: state.label }));
+        }, ...rest }));
+};
+export default StateSelect;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.jsx"],"names":[],"mappings":";AAAA,oBAAoB;AACpB,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAAM,MAAM,gBAAgB,CAAC;AACpC,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;IACxC,OAAO,EAAE,cAAc;IACvB,eAAe,EAAE,KAAK,IAAI,MAAM;IAChC,KAAK,EAAE,SAAS,IAAI,MAAM;IAC1B,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAElE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAC3B,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC;SACpB,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SACvB,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;SAC1B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACd,KAAK,EAAE,CAAC,CAAC,EAAE;QACX,KAAK,EAAE,CAAC,CAAC,cAAc;QACvB,KAAK,EAAE,CAAC,CAAC,KAAK;QACd,SAAS,EAAE,CAAC,CAAC,SAAS;KACvB,CAAC,CAAC;SACF,OAAO,EAAE,EACZ,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,GAAG,GAAG,EAAE,CAAC;QACf,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE,CAAC;YAC1B,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QACvB,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAClC,WAAW,EAAC,cAAc,EAC1B,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,eAAM,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,YAC9D,MAAM,CAAC,IAAI,CAAC,KAAK,GACb,CACR,EACD,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,EAAE;YAC9B,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC5B,IAAI,CAAC,KAAK;gBAAE,OAAO,GAAG,CAAC;YACvB,OAAO,CACL,eAAM,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,YAClD,KAAK,CAAC,KAAK,GACP,CACR,CAAC;QACJ,CAAC,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/preview-1774279607741.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/index.jsx

@@ -0,0 +1,67 @@
+/* eslint-disable */
+import React, { useMemo } from 'react';
+import Select from 'antd/es/select';
+import Linq from '@bit.rhplus/linq';
+
+const badgeStyle = (color, textColor) => ({
+  display: 'inline-block',
+  backgroundColor: color || '#666',
+  color: textColor || '#fff',
+  borderRadius: 12,
+  padding: '2px 12px',
+  fontSize: 13,
+  lineHeight: '20px',
+  whiteSpace: 'nowrap',
+});
+
+const StateSelect = ({ states, value, onChange, style, ...rest }) => {
+
+  const options = useMemo(() =>
+    Linq.from(states || [])
+      .where((w) => w.visible)
+      .orderBy((o) => o.ordering)
+      .select((s) => ({
+        value: s.id,
+        label: s.translatedName,
+        color: s.color,
+        textColor: s.textColor,
+      }))
+      .toArray(),
+    [states]
+  );
+
+  const stateMap = useMemo(() => {
+    const map = {};
+    for (const opt of options) {
+      map[opt.value] = opt;
+    }
+    return map;
+  }, [options]);
+
+  return (
+    <Select
+      value={value}
+      onChange={onChange}
+      options={options}
+      style={{ width: '100%', ...style }}
+      placeholder="Vyberte stav"
+      optionRender={(option) => (
+        <span style={badgeStyle(option.data.color, option.data.textColor)}>
+          {option.data.label}
+        </span>
+      )}
+      labelRender={({ value: val }) => {
+        const state = stateMap[val];
+        if (!state) return val;
+        return (
+          <span style={badgeStyle(state.color, state.textColor)}>
+            {state.label}
+          </span>
+        );
+      }}
+      {...rest}
+    />
+  );
+};
+
+export default StateSelect;

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@bit.rhplus/ui.antd.state-select",
+  "version": "0.0.1",
+  "main": "dist/index.js",
+  "componentId": {
+    "name": "ui/antd/state-select",
+    "version": "0.0.1",
+    "scope": "remote-scope"
+  },
+  "dependencies": {
+    "antd": "^5.20.6",
+    "@bit.rhplus/linq": "0.0.11"
+  },
+  "devDependencies": {
+    "@bitdev/react.react-env": "5.0.5"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "license": "SEE LICENSE IN UNLICENSED",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "type": "module",
+  "private": false,
+  "publishConfig": {
+    "scope": "@bit.rhplus",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/types/asset.d.ts

@@ -0,0 +1,43 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/env.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="vite/client" />
+
+export type ImportMetaEnv = Record<string, string>;
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}
+
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv {
+      [key: string]: string;
+    }
+  }
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}